+
Are you sure you'd like to close this comment stream?
+
Write a message for readers to display
+
+
+ Cancel
+ Yes, Close Stream
+
+
+)
+
export default connect(mapStateToProps, mapDispatchToProps)(CommentStream);
diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css
index 12bdfacae..f83541527 100644
--- a/client/coral-embed-stream/style/default.css
+++ b/client/coral-embed-stream/style/default.css
@@ -193,3 +193,42 @@ hr {
float: right;
margin: 8px;
}
+
+/* Close comments */
+
+.close-comments-intro-wrapper {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.close-comments-intro-wrapper button {
+ width: 300px;
+ margin-left: 20px;
+}
+
+.close-comments-intro-wrapper button:disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+.close-comments-message {
+ box-sizing: border-box;
+ width: 100%;
+ height: 100px;
+}
+
+.close-comments-confirm-wrapper {
+ float: right;
+}
+
+.close-comments-alert {
+ background-color: #d65344;
+ color: white;
+ font-size: 16px;
+ padding: 5px;
+}
+
+.close-comments-alert i.material-icons {
+ font-size: 16px !important;
+}