@logora/debate 0.3.67 → 0.3.68

package/dist/components/consultation/consultation_box/ConsultationBox.js

@@ -1,20 +1,21 @@
-import { jsx as t, Fragment as u, jsxs as a } from "react/jsx-runtime";
-import s from "classnames";
-import { useMemo as g } from "react";
-import { useIntl as h, FormattedMessage as p } from "react-intl";
+import { jsx as t, Fragment as g, jsxs as s } from "react/jsx-runtime";
+import i from "classnames";
+import { useMemo as p } from "react";
+import { useIntl as f, FormattedMessage as h } from "react-intl";
 import o from "./ConsultationBox.module.scss.js";
-import { useRoutes as f } from "../../data/config_provider/useRoutes.js";
-import { useResponsive as v } from "../../hooks/use_responsive/useResponsive.js";
-import { Link as i } from "../../action/link/Link.js";
-import { TranslatedContent as N } from "../../translation/translated_content/TranslatedContent.js";
-import { Icon as c } from "../../icons/icon/Icon.js";
-import { ProgressBar as _ } from "../../progress/progress_bar/ProgressBar.js";
-const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
-  const d = h(), r = g(() => /* @__PURE__ */ new Date()), l = new Date(e.ends_at), n = f(), { isMobile: x } = v();
-  return /* @__PURE__ */ t(u, { children: /* @__PURE__ */ a("div", { className: o.container, children: [
-    /* @__PURE__ */ a("div", { className: o.consultationImageBox, children: [
+import { useRoutes as v } from "../../data/config_provider/useRoutes.js";
+import { useResponsive as N } from "../../hooks/use_responsive/useResponsive.js";
+import { Link as r } from "../../action/link/Link.js";
+import { TranslatedContent as _ } from "../../translation/translated_content/TranslatedContent.js";
+import { Tooltip as m } from "../../dialog/tooltip/Tooltip.js";
+import { Icon as d } from "../../icons/icon/Icon.js";
+import { ProgressBar as x } from "../../progress/progress_bar/ProgressBar.js";
+const P = ({ consultation: e, showVoteProgress: u = !0 }) => {
+  const a = f(), l = p(() => /* @__PURE__ */ new Date()), c = new Date(e.ends_at), n = v(), { isMobile: I } = N();
+  return /* @__PURE__ */ t(g, { children: /* @__PURE__ */ s("div", { className: o.container, children: [
+    /* @__PURE__ */ s("div", { className: o.consultationImageBox, children: [
       /* @__PURE__ */ t(
-        i,
+        r,
         {
           to: n.consultationShowLocation.toUrl({
             consultationSlug: e.slug
@@ -25,7 +26,7 @@ const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
               loading: "lazy",
               className: o.consultationImage,
               src: e.image_url,
-              alt: d.formatMessage({
+              alt: a.formatMessage({
                 id: "consultation.consultation_box.alt",
                 defaultMessage: "Presentation image for the consultation"
               })
@@ -33,8 +34,8 @@ const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
           )
         }
       ),
-      e.ends_at && l < r && /* @__PURE__ */ t("div", { className: s(o.consultationTime, o.ended), children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
-        p,
+      e.ends_at && c < l && /* @__PURE__ */ t("div", { className: i(o.consultationTime, o.ended), children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
+        h,
         {
           id: "consultation.consultation_box.consultation_ended",
           defaultMessage: "Consultation ended"
@@ -42,13 +43,13 @@ const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
       ) }) })
     ] }),
     /* @__PURE__ */ t(
-      i,
+      r,
       {
         to: n.consultationShowLocation.toUrl({
           consultationSlug: e.slug
         }),
         children: /* @__PURE__ */ t("div", { className: o.consultationTitle, children: /* @__PURE__ */ t(
-          N,
+          _,
           {
             originalContent: e.title,
             originalLanguage: e.language,
@@ -59,42 +60,62 @@ const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
       }
     ),
     /* @__PURE__ */ t(
-      i,
+      r,
       {
         to: n.consultationShowLocation.toUrl({
           consultationSlug: e.slug
         })
       }
     ),
-    /* @__PURE__ */ a("div", { className: o.consultationInformations, children: [
-      /* @__PURE__ */ a("div", { className: o.consultationLeft, children: [
-        /* @__PURE__ */ a(
-          "div",
+    /* @__PURE__ */ s("div", { className: o.consultationInformations, children: [
+      /* @__PURE__ */ s("div", { className: o.consultationLeft, children: [
+        /* @__PURE__ */ t(
+          m,
           {
-            className: s(
-              o.consultationGroupInformation,
-              o.consultationGroupRight
-            ),
-            children: [
-              /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.total_votes }),
-              /* @__PURE__ */ t(c, { name: "votebox", width: 15, height: 20, className: o.iconVote })
-            ]
+            text: a.formatMessage({
+              id: "info.votes_count",
+              defaultMessage: "Number of votes"
+            }),
+            position: "top",
+            children: /* @__PURE__ */ s(
+              "div",
+              {
+                className: i(
+                  o.consultationGroupInformation,
+                  o.consultationGroupRight
+                ),
+                children: [
+                  /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.total_votes }),
+                  /* @__PURE__ */ t(d, { name: "votebox", width: 15, height: 20, className: o.iconVote })
+                ]
+              }
+            )
           }
         ),
-        /* @__PURE__ */ a("div", { className: o.consultationGroupInformation, children: [
-          /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.proposals_count }),
-          /* @__PURE__ */ t(c, { name: "chat", width: 15, height: 20, className: o.iconChat })
-        ] })
+        /* @__PURE__ */ t(
+          m,
+          {
+            text: a.formatMessage({
+              id: "info.proposals_count",
+              defaultMessage: "Number of proposals"
+            }),
+            position: "top",
+            children: /* @__PURE__ */ s("div", { className: o.consultationGroupInformation, children: [
+              /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.proposals_count }),
+              /* @__PURE__ */ t(d, { name: "chat", width: 15, height: 20, className: o.iconChat })
+            ] })
+          }
+        )
       ] }),
-      m && e.vote_goal > 0 && l > r && /* @__PURE__ */ t(
+      u && e.vote_goal > 0 && c > l && /* @__PURE__ */ t(
         "div",
         {
-          className: s(
+          className: i(
             o.consultationGroupInformation,
             o.progressBarContainer
           ),
           children: /* @__PURE__ */ t(
-            _,
+            x,
             {
               className: o.progress,
               innerClassName: o.bar,
@@ -110,5 +131,5 @@ const D = ({ consultation: e, showVoteProgress: m = !0 }) => {
   ] }) });
 };
 export {
-  D as ConsultationBox
+  P as ConsultationBox
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.3.67",
+  "version": "0.3.68",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",