@blocklet/discuss-kit 1.5.64 → 1.5.66

package/lib/cjs/api.js

@@ -10,8 +10,8 @@ request.interceptors.request.use(
   },
   (error) => Promise.reject(error)
 );
-const fetchRatingStats = async (id) => {
-  const { data } = await request.get(`/ratings/${id}/stats`);
+const fetchRatings = async (id) => {
+  const { data } = await request.get(`/ratings/${id}`);
   return data;
 };
 const fetchComments = async (params) => {
@@ -41,5 +41,5 @@ const fetchMoreReplies = async ({ commentId, cursor, limit = 10 }) => {
 exports.default = request;
 exports.fetchComments = fetchComments;
 exports.fetchMoreReplies = fetchMoreReplies;
-exports.fetchRatingStats = fetchRatingStats;
+exports.fetchRatings = fetchRatings;
 exports.reply = reply;

package/lib/cjs/comments.js

@@ -166,7 +166,7 @@ function DiscussKitComments({
   const {
     t
   } = context.useLocaleContext();
-  const objectRatingState = useAsyncRetry(() => api.fetchRatingStats(object.id));
+  const objectRatingState = useAsyncRetry(() => api.fetchRatings(object.id));
   const handlers = {
     ADD_COMMENT: (data) => {
       add(formatComment(data));
@@ -176,7 +176,7 @@ function DiscussKitComments({
     RATING_COMMENT: async ({
       commentId
     }) => {
-      const rating = await api.fetchRatingStats(commentId);
+      const rating = await api.fetchRatings(commentId);
       updateCommentState(commentId, (current) => ({
         ...current,
         rating
@@ -233,17 +233,12 @@ function DiscussKitComments({
       children: [/* @__PURE__ */ jsxRuntime.jsxs(Box__default.default, {
         display: "flex",
         justifyContent: "space-between",
-        alignItems: "center",
-        children: [displayReaction && /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, {
-          mb: 1,
-          children: objectRatingState.value && /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.BinaryThumb, {
-            selectedValue: objectRatingState.value.myRating,
-            countPerValue: objectRatingState.value.counts,
+        alignItems: "end",
+        children: [displayReaction && objectRatingState.value && /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, {
+          children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.GithubReaction, {
+            data: objectRatingState.value,
             onRate: handleOnRate,
-            onUnrate: handleOnUnrate,
-            variant: "inverse",
-            size: "lg",
-            fetchRatings: () => commentAPI.fetchRatings(object.id)
+            onUnrate: handleOnUnrate
           })
         }), displayConnectButton && (session.user ? /* @__PURE__ */ jsxRuntime.jsx(SessionManager__default.default, {
           style: {

package/lib/es/api.js

@@ -6,8 +6,8 @@ request.interceptors.request.use(
   },
   (error) => Promise.reject(error)
 );
-const fetchRatingStats = async (id) => {
-  const { data } = await request.get(`/ratings/${id}/stats`);
+const fetchRatings = async (id) => {
+  const { data } = await request.get(`/ratings/${id}`);
   return data;
 };
 const fetchComments = async (params) => {
@@ -38,6 +38,6 @@ export {
   request as default,
   fetchComments,
   fetchMoreReplies,
-  fetchRatingStats,
+  fetchRatings,
   reply
 };

package/lib/es/comments.js

@@ -10,12 +10,12 @@ import CircularProgress from "@mui/material/CircularProgress";
 import ButtonGroup from "@mui/material/ButtonGroup";
 import { useLocaleContext, LocaleProvider } from "@arcblock/ux/lib/Locale/context";
 import { ErrorBoundary } from "react-error-boundary";
-import { InternalThemeProvider, DefaultEditorConfigProvider, CommentsProvider, useCommentsContext, BinaryThumb, CommentInput, CommentList } from "@blocklet/discuss-kit-ux";
+import { InternalThemeProvider, DefaultEditorConfigProvider, CommentsProvider, useCommentsContext, GithubReaction, CommentInput, CommentList } from "@blocklet/discuss-kit-ux";
 import { useRequest } from "ahooks";
 import ErrorFallback from "./components/error-fallback";
 import { translations } from "./locales";
 import getWsClient, { useSubscription } from "./ws";
-import api, { fetchRatingStats } from "./api";
+import api, { fetchRatings } from "./api";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const useAsyncRetry = (fn, deps = []) => {
   const state = useRequest(fn, {
@@ -154,7 +154,7 @@ function DiscussKitComments({
   const {
     t
   } = useLocaleContext();
-  const objectRatingState = useAsyncRetry(() => fetchRatingStats(object.id));
+  const objectRatingState = useAsyncRetry(() => fetchRatings(object.id));
   const handlers = {
     ADD_COMMENT: (data) => {
       add(formatComment(data));
@@ -164,7 +164,7 @@ function DiscussKitComments({
     RATING_COMMENT: async ({
       commentId
     }) => {
-      const rating = await fetchRatingStats(commentId);
+      const rating = await fetchRatings(commentId);
       updateCommentState(commentId, (current) => ({
         ...current,
         rating
@@ -221,17 +221,12 @@ function DiscussKitComments({
       children: [/* @__PURE__ */ jsxs(Box, {
         display: "flex",
         justifyContent: "space-between",
-        alignItems: "center",
-        children: [displayReaction && /* @__PURE__ */ jsx(Box, {
-          mb: 1,
-          children: objectRatingState.value && /* @__PURE__ */ jsx(BinaryThumb, {
-            selectedValue: objectRatingState.value.myRating,
-            countPerValue: objectRatingState.value.counts,
+        alignItems: "end",
+        children: [displayReaction && objectRatingState.value && /* @__PURE__ */ jsx(Box, {
+          children: /* @__PURE__ */ jsx(GithubReaction, {
+            data: objectRatingState.value,
             onRate: handleOnRate,
-            onUnrate: handleOnUnrate,
-            variant: "inverse",
-            size: "lg",
-            fetchRatings: () => commentAPI.fetchRatings(object.id)
+            onUnrate: handleOnUnrate
           })
         }), displayConnectButton && (session.user ? /* @__PURE__ */ jsx(SessionManager, {
           style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit",
-  "version": "1.5.64",
+  "version": "1.5.66",
   "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.8",
     "@arcblock/ux": "^2.7.8",
     "@arcblock/ws": "^1.18.89",
-    "@blocklet/discuss-kit-ux": "1.5.64",
-    "@blocklet/editor": "1.5.64",
+    "@blocklet/discuss-kit-ux": "1.5.66",
+    "@blocklet/editor": "1.5.66",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mui/icons-material": "^5.14.3",
@@ -77,5 +77,5 @@
     "vite-plugin-build": "^0.7.1",
     "vite-plugin-svgr": "^2.2.2"
   },
-  "gitHead": "29ec5ee87002291d020948ed9d0e18b0f0734146"
+  "gitHead": "ac86fa22171059e77c0fca02df14e10df9af3c4a"
 }