@blocklet/discuss-kit 1.5.30 → 1.5.32

package/lib/cjs/comments.js

@@ -182,7 +182,12 @@ function DiscussKitComments({
     (_a = handlers[event]) == null ? void 0 : _a.call(handlers, data);
   }, [object.id, state]);
   if (!initialized) {
-    return /* @__PURE__ */ jsxRuntime.jsx(CircularProgress__default.default, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, {
+      width: "100%",
+      display: "flex",
+      justifyContent: "center",
+      children: /* @__PURE__ */ jsxRuntime.jsx(CircularProgress__default.default, {})
+    });
   }
   const sendComment = async (content) => {
     const {
@@ -214,6 +219,7 @@ function DiscussKitComments({
     await api__default.default.delete(`/topics/${object.id}/ratings`);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(Container, {
+    className: "comment-container",
     children: [/* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/* @__PURE__ */ jsxRuntime.jsxs(Box__default.default, {
         display: "flex",
@@ -258,6 +264,7 @@ function DiscussKitComments({
         })
       }), session.user && commentInputPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, {
         mt: 2,
+        className: "comment-editor",
         children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentInput, {
           send: sendComment,
           draftKey: `object-${object.id}`,
@@ -276,16 +283,20 @@ function DiscussKitComments({
           color: order !== "desc" ? "primary" : "inherit",
           size: "small",
           onClick: () => sort("asc"),
+          className: order !== "desc" ? "" : "unselected-button",
           children: t("oldest")
         }), /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, {
           variant: "contained",
           color: order === "desc" ? "primary" : "inherit",
           size: "small",
           onClick: () => sort("desc"),
+          className: order === "desc" ? "" : "unselected-button",
           children: t("newest")
         })]
       })]
-    }), /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentList, {}), session.user && commentInputPosition === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, {
+    }), /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentList, {
+      className: "comment-list"
+    }), session.user && commentInputPosition === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, {
       mt: 6,
       children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentInput, {
         send: sendComment,

package/lib/es/comments.js

@@ -169,7 +169,12 @@ function DiscussKitComments({
     (_a = handlers[event]) == null ? void 0 : _a.call(handlers, data);
   }, [object.id, state]);
   if (!initialized) {
-    return /* @__PURE__ */ jsx(CircularProgress, {});
+    return /* @__PURE__ */ jsx(Box, {
+      width: "100%",
+      display: "flex",
+      justifyContent: "center",
+      children: /* @__PURE__ */ jsx(CircularProgress, {})
+    });
   }
   const sendComment = async (content) => {
     const {
@@ -201,6 +206,7 @@ function DiscussKitComments({
     await api.delete(`/topics/${object.id}/ratings`);
   };
   return /* @__PURE__ */ jsxs(Container, {
+    className: "comment-container",
     children: [/* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsxs(Box, {
         display: "flex",
@@ -245,6 +251,7 @@ function DiscussKitComments({
         })
       }), session.user && commentInputPosition === "top" && /* @__PURE__ */ jsx(Box, {
         mt: 2,
+        className: "comment-editor",
         children: /* @__PURE__ */ jsx(CommentInput, {
           send: sendComment,
           draftKey: `object-${object.id}`,
@@ -263,16 +270,20 @@ function DiscussKitComments({
           color: order !== "desc" ? "primary" : "inherit",
           size: "small",
           onClick: () => sort("asc"),
+          className: order !== "desc" ? "" : "unselected-button",
           children: t("oldest")
         }), /* @__PURE__ */ jsx(Button, {
           variant: "contained",
           color: order === "desc" ? "primary" : "inherit",
           size: "small",
           onClick: () => sort("desc"),
+          className: order === "desc" ? "" : "unselected-button",
           children: t("newest")
         })]
       })]
-    }), /* @__PURE__ */ jsx(CommentList, {}), session.user && commentInputPosition === "bottom" && /* @__PURE__ */ jsx(Box, {
+    }), /* @__PURE__ */ jsx(CommentList, {
+      className: "comment-list"
+    }), session.user && commentInputPosition === "bottom" && /* @__PURE__ */ jsx(Box, {
       mt: 6,
       children: /* @__PURE__ */ jsx(CommentInput, {
         send: sendComment,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit",
-  "version": "1.5.30",
+  "version": "1.5.32",
   "description": "A react component for Discuss Kit blocklet.",
   "main": "./lib/cjs/index.js",
   "module": "./lib/es/index.js",
@@ -37,8 +37,8 @@
     "@arcblock/did-connect": "^2.7.6",
     "@arcblock/ux": "^2.7.6",
     "@arcblock/ws": "^1.18.89",
-    "@blocklet/discuss-kit-ux": "1.5.30",
-    "@blocklet/editor": "1.5.30",
+    "@blocklet/discuss-kit-ux": "1.5.32",
+    "@blocklet/editor": "1.5.32",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mui/icons-material": "^5.10.9",
@@ -77,5 +77,5 @@
     "vite-plugin-build": "^0.7.1",
     "vite-plugin-svgr": "^2.2.2"
   },
-  "gitHead": "3c53b3435ad8916e0781c8274f99babf46dbb2dc"
+  "gitHead": "054e1277c3587a95dca1093345e18e3e5662b291"
 }