@drodil/backstage-plugin-qeta 3.59.10 → 4.0.0

package/dist/components/RightContent/DefaultRightContent.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, PostHighlightList, FollowedTagsList, FollowedUsersList, FollowedEntitiesList, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { RiFireLine } from '@remixicon/react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const DefaultRightContent = () => {
@@ -12,7 +12,7 @@ const DefaultRightContent = () => {
         type: "hot",
         title: t("highlights.hotQuestions.title"),
         noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-        icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+        icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
         postType: "question"
       }
     ),

package/dist/components/RightContent/DefaultRightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRightContent.esm.js","sources":["../../../src/components/RightContent/DefaultRightContent.tsx"],"sourcesContent":["import {\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  FollowedUsersList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const DefaultRightContent = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<Whatshot fontSize=\"small\" />}\n        postType=\"question\"\n      />\n      <FollowedTagsList />\n      <FollowedUsersList />\n      <FollowedEntitiesList />\n      <FollowedCollectionsList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,sBAAsB,MAAM;AACvC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QACjC,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,iBAAA,EAAA,EAAkB,CAAA;AAAA,wBAClB,oBAAA,EAAA,EAAqB,CAAA;AAAA,wBACrB,uBAAA,EAAA,EAAwB;AAAA,GAAA,EAC3B,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DefaultRightContent.esm.js","sources":["../../../src/components/RightContent/DefaultRightContent.tsx"],"sourcesContent":["import {\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  FollowedUsersList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { RiFireLine } from '@remixicon/react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const DefaultRightContent = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<RiFireLine size={16} />}\n        postType=\"question\"\n      />\n      <FollowedTagsList />\n      <FollowedUsersList />\n      <FollowedEntitiesList />\n      <FollowedCollectionsList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,sBAAsB,MAAM;AACvC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QAC5B,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,iBAAA,EAAA,EAAkB,CAAA;AAAA,wBAClB,oBAAA,EAAA,EAAqB,CAAA;AAAA,wBACrB,uBAAA,EAAA,EAAwB;AAAA,GAAA,EAC3B,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/EntityRightContent.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, FollowedEntitiesList, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { RiFireLine } from '@remixicon/react';
 
 const EntityRightContent = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -15,7 +15,7 @@ const EntityRightContent = (props) => {
         type: "hot",
         title: t("highlights.hotQuestions.title"),
         noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-        icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+        icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
         options: { entities },
         postType: "question"
       }

package/dist/components/RightContent/EntityRightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityRightContent.esm.js","sources":["../../../src/components/RightContent/EntityRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const EntityRightContent = (props: { entityRef?: string }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <FollowedEntitiesList />\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<Whatshot fontSize=\"small\" />}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"unanswered\"\n        title={t('highlights.unanswered.title')}\n        noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"incorrect\"\n        title={t('highlights.incorrect.title')}\n        noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAkC;AACnE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AACtB,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAAA,oBACtB,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QACjC,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,YAAA;AAAA,QACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,QAC3D,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA;AACX,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityRightContent.esm.js","sources":["../../../src/components/RightContent/EntityRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RiFireLine } from '@remixicon/react';\n\nexport const EntityRightContent = (props: { entityRef?: string }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <FollowedEntitiesList />\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<RiFireLine size={16} />}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"unanswered\"\n        title={t('highlights.unanswered.title')}\n        noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"incorrect\"\n        title={t('highlights.incorrect.title')}\n        noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAkC;AACnE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AACtB,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAAA,oBACtB,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QAC5B,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,YAAA;AAAA,QACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,QAC3D,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA;AACX,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/LinkedPosts.esm.js

@@ -1,25 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, useQetaApi, PostHighlightListContent } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { makeStyles } from '@material-ui/core';
-import LinkIcon from '@material-ui/icons/Link';
+import { RiLinksLine } from '@remixicon/react';
+import styles from './LinkedPosts.module.css.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  container: {
-    borderLeft: `3px solid ${theme.palette.info.main}`,
-    backgroundColor: theme.palette.type === "dark" ? "rgba(33, 150, 243, 0.08)" : "rgba(33, 150, 243, 0.05)",
-    borderRadius: theme.shape.borderRadius,
-    padding: `${theme.spacing(1)}px 2px ${theme.spacing(1)}px`,
-    marginBottom: theme.spacing(2)
-  },
-  title: {
-    color: theme.palette.info.main,
-    fontWeight: 600
-  }
-}));
 const LinkedPosts = (props) => {
   const { postId } = props;
-  const classes = useStyles();
   const { t } = useTranslationRef(qetaTranslationRef);
   const {
     value: posts,
@@ -35,9 +21,9 @@ const LinkedPosts = (props) => {
       title: t("rightMenu.linkedPosts"),
       posts,
       loading,
-      containerClassName: classes.container,
-      titleClassName: classes.title,
-      icon: /* @__PURE__ */ jsx(LinkIcon, { fontSize: "small" })
+      containerClassName: styles.container,
+      titleClassName: styles.title,
+      icon: /* @__PURE__ */ jsx(RiLinksLine, { size: 16 })
     }
   );
 };

package/dist/components/RightContent/LinkedPosts.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkedPosts.esm.js","sources":["../../../src/components/RightContent/LinkedPosts.tsx"],"sourcesContent":["import {\n  PostHighlightListContent,\n  qetaTranslationRef,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { makeStyles } from '@material-ui/core';\nimport LinkIcon from '@material-ui/icons/Link';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    borderLeft: `3px solid ${theme.palette.info.main}`,\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? 'rgba(33, 150, 243, 0.08)'\n        : 'rgba(33, 150, 243, 0.05)',\n    borderRadius: theme.shape.borderRadius,\n    padding: `${theme.spacing(1)}px 2px ${theme.spacing(1)}px`,\n    marginBottom: theme.spacing(2),\n  },\n  title: {\n    color: theme.palette.info.main,\n    fontWeight: 600,\n  },\n}));\n\nexport const LinkedPosts = (props: { postId: number }) => {\n  const { postId } = props;\n  const classes = useStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const {\n    value: posts,\n    loading,\n    error,\n  } = useQetaApi(api => api.getLinkedPosts(postId), [postId]);\n\n  if (error || !posts || posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <PostHighlightListContent\n      title={t('rightMenu.linkedPosts')}\n      posts={posts}\n      loading={loading}\n      containerClassName={classes.container}\n      titleClassName={classes.title}\n      icon={<LinkIcon fontSize=\"small\" />}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AASA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,SAAA,EAAW;AAAA,IACT,UAAA,EAAY,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,KAAK,IAAI,CAAA,CAAA;AAAA,IAChD,eAAA,EACE,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SACnB,0BAAA,GACA,0BAAA;AAAA,IACN,YAAA,EAAc,MAAM,KAAA,CAAM,YAAA;AAAA,IAC1B,OAAA,EAAS,CAAA,EAAG,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,OAAA,EAAU,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AAAA,IACtD,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,GAC/B;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,IAAA;AAAA,IAC1B,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAEK,MAAM,WAAA,GAAc,CAAC,KAAA,KAA8B;AACxD,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AACnB,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,KAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAA,GAAA,KAAO,GAAA,CAAI,eAAe,MAAM,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAE1D,EAAA,IAAI,KAAA,IAAS,CAAC,KAAA,IAAS,KAAA,CAAM,WAAW,CAAA,EAAG;AACzC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,uBAAuB,CAAA;AAAA,MAChC,KAAA;AAAA,MACA,OAAA;AAAA,MACA,oBAAoB,OAAA,CAAQ,SAAA;AAAA,MAC5B,gBAAgB,OAAA,CAAQ,KAAA;AAAA,MACxB,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ;AAAA;AAAA,GACnC;AAEJ;;;;"}
+{"version":3,"file":"LinkedPosts.esm.js","sources":["../../../src/components/RightContent/LinkedPosts.tsx"],"sourcesContent":["import {\n  PostHighlightListContent,\n  qetaTranslationRef,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RiLinksLine } from '@remixicon/react';\nimport styles from './LinkedPosts.module.css';\n\nexport const LinkedPosts = (props: { postId: number }) => {\n  const { postId } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const {\n    value: posts,\n    loading,\n    error,\n  } = useQetaApi(api => api.getLinkedPosts(postId), [postId]);\n\n  if (error || !posts || posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <PostHighlightListContent\n      title={t('rightMenu.linkedPosts')}\n      posts={posts}\n      loading={loading}\n      containerClassName={styles.container}\n      titleClassName={styles.title}\n      icon={<RiLinksLine size={16} />}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AASO,MAAM,WAAA,GAAc,CAAC,KAAA,KAA8B;AACxD,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AACnB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,KAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAA,GAAA,KAAO,GAAA,CAAI,eAAe,MAAM,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAE1D,EAAA,IAAI,KAAA,IAAS,CAAC,KAAA,IAAS,KAAA,CAAM,WAAW,CAAA,EAAG;AACzC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,uBAAuB,CAAA;AAAA,MAChC,KAAA;AAAA,MACA,OAAA;AAAA,MACA,oBAAoB,MAAA,CAAO,SAAA;AAAA,MAC3B,gBAAgB,MAAA,CAAO,KAAA;AAAA,MACvB,IAAA,kBAAM,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI;AAAA;AAAA,GAC/B;AAEJ;;;;"}

package/dist/components/RightContent/LinkedPosts.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "@layer components {\n  .LinkedPosts_container__8db33bbdbf {\n    border-left: 3px solid var(--bui-border-info);\n    background-color: var(--bui-bg-info);\n    border-radius: var(--bui-radius-2);\n    padding: var(--bui-space-2) 2px var(--bui-space-2);\n    margin-bottom: var(--bui-space-4);\n  }\n\n  .LinkedPosts_title__8db33bbdbf {\n    color: var(--bui-fg-info);\n    font-weight: 600;\n  }\n}\n";
+var styles = {"container":"LinkedPosts_container__8db33bbdbf","title":"LinkedPosts_title__8db33bbdbf"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=LinkedPosts.module.css.esm.js.map

package/dist/components/RightContent/LinkedPosts.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedPosts.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/RightContent/LinksRightContent.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { RiFireLine } from '@remixicon/react';
 
 const LinksRightContent = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -14,7 +14,7 @@ const LinksRightContent = (props) => {
         type: "hot",
         title: t("highlights.hotLinks.title"),
         noQuestionsLabel: t("highlights.hotLinks.noLinksLabel"),
-        icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+        icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
         postType: "link",
         options: {
           tags,

package/dist/components/RightContent/LinksRightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinksRightContent.esm.js","sources":["../../../src/components/RightContent/LinksRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const LinksRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotLinks.title')}\n        noQuestionsLabel={t('highlights.hotLinks.noLinksLabel')}\n        icon={<Whatshot fontSize=\"small\" />}\n        postType=\"link\"\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAG5B;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,KAAA;AAC5B,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,QACpC,gBAAA,EAAkB,EAAE,kCAAkC,CAAA;AAAA,QACtD,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QACjC,QAAA,EAAS,MAAA;AAAA,QACT,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,oBAAA,EAAA,EAAqB;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LinksRightContent.esm.js","sources":["../../../src/components/RightContent/LinksRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RiFireLine } from '@remixicon/react';\n\nexport const LinksRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotLinks.title')}\n        noQuestionsLabel={t('highlights.hotLinks.noLinksLabel')}\n        icon={<RiFireLine size={16} />}\n        postType=\"link\"\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAG5B;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,KAAA;AAC5B,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,QACpC,gBAAA,EAAkB,EAAE,kCAAkC,CAAA;AAAA,QACtD,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QAC5B,QAAA,EAAS,MAAA;AAAA,QACT,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,oBAAA,EAAA,EAAqB;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/PostRightContent.esm.js

@@ -4,8 +4,8 @@ import { qetaTranslationRef, useQetaApi, PostHighlightList, FollowedTagsList, Fo
 import { DefaultRightContent } from './DefaultRightContent.esm.js';
 import { ContentHealthCard } from '../ContentHealthCard/ContentHealthCard.esm.js';
 import { SimilarPosts } from './SimilarPosts.esm.js';
-import { Box } from '@material-ui/core';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { Box } from '@backstage/ui';
+import { RiFireLine } from '@remixicon/react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { LinkedPosts } from './LinkedPosts.esm.js';
 
@@ -27,7 +27,7 @@ const PostRightContent = (props) => {
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     post && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Box, { mb: 2, children: /* @__PURE__ */ jsx(ContentHealthCard, { post }) }),
+      /* @__PURE__ */ jsx(Box, { mb: "4", children: /* @__PURE__ */ jsx(ContentHealthCard, { post }) }),
       /* @__PURE__ */ jsx(LinkedPosts, { postId: post.id }),
       /* @__PURE__ */ jsx(SimilarPosts, { post }),
       /* @__PURE__ */ jsx(
@@ -36,7 +36,7 @@ const PostRightContent = (props) => {
           type: "hot",
           title,
           noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-          icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+          icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
           postType: post.type,
           options: {
             tags: post.tags,

package/dist/components/RightContent/PostRightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostRightContent.esm.js","sources":["../../../src/components/RightContent/PostRightContent.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport {\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  FollowedUsersList,\n  PostHighlightList,\n  qetaTranslationRef,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { DefaultRightContent } from './DefaultRightContent';\nimport { ContentHealthCard } from '../ContentHealthCard';\nimport { SimilarPosts } from './SimilarPosts';\nimport { Box } from '@material-ui/core';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nimport { LinkedPosts } from './LinkedPosts';\n\nexport const PostRightContent = (props?: { id?: string }) => {\n  const { id: paramId } = useParams();\n  const id = props?.id || paramId;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const { value: post } = useQetaApi(\n    api => api.getPost(id, { anonymous: true }),\n    [id],\n  );\n\n  let title: string;\n\n  if (post?.type === 'article') {\n    title = t('highlights.hotArticles.title');\n  } else if (post?.type === 'link') {\n    title = t('highlights.hotLinks.title');\n  } else {\n    title = t('highlights.hotQuestions.title');\n  }\n\n  return (\n    <>\n      {post && (\n        <>\n          <Box mb={2}>\n            <ContentHealthCard post={post} />\n          </Box>\n          <LinkedPosts postId={post.id} />\n          <SimilarPosts post={post} />\n          <PostHighlightList\n            type=\"hot\"\n            title={title}\n            noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n            icon={<Whatshot fontSize=\"small\" />}\n            postType={post.type}\n            options={{\n              tags: post.tags,\n              entities: post.entities,\n            }}\n          />\n          <FollowedTagsList />\n          <FollowedUsersList />\n          <FollowedEntitiesList />\n          <FollowedCollectionsList />\n        </>\n      )}\n      {!post && <DefaultRightContent />}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAmBO,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAA4B;AAC3D,EAAA,MAAM,EAAE,EAAA,EAAI,OAAA,EAAQ,GAAI,SAAA,EAAU;AAClC,EAAA,MAAM,EAAA,GAAK,OAAO,EAAA,IAAM,OAAA;AACxB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM,EAAE,KAAA,EAAO,IAAA,EAAK,GAAI,UAAA;AAAA,IACtB,SAAO,GAAA,CAAI,OAAA,CAAQ,IAAI,EAAE,SAAA,EAAW,MAAM,CAAA;AAAA,IAC1C,CAAC,EAAE;AAAA,GACL;AAEA,EAAA,IAAI,KAAA;AAEJ,EAAA,IAAI,IAAA,EAAM,SAAS,SAAA,EAAW;AAC5B,IAAA,KAAA,GAAQ,EAAE,8BAA8B,CAAA;AAAA,EAC1C,CAAA,MAAA,IAAW,IAAA,EAAM,IAAA,KAAS,MAAA,EAAQ;AAChC,IAAA,KAAA,GAAQ,EAAE,2BAA2B,CAAA;AAAA,EACvC,CAAA,MAAO;AACL,IAAA,KAAA,GAAQ,EAAE,+BAA+B,CAAA;AAAA,EAC3C;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,IAAA,oBACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAA,EAAI,CAAA,EACP,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,MAAY,CAAA,EACjC,CAAA;AAAA,sBACA,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,IAAA,CAAK,EAAA,EAAI,CAAA;AAAA,sBAC9B,GAAA,CAAC,gBAAa,IAAA,EAAY,CAAA;AAAA,sBAC1B,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,KAAA;AAAA,UACL,KAAA;AAAA,UACA,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,UAC9D,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,UACjC,UAAU,IAAA,CAAK,IAAA;AAAA,UACf,OAAA,EAAS;AAAA,YACP,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,UAAU,IAAA,CAAK;AAAA;AACjB;AAAA,OACF;AAAA,0BACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,0BACjB,iBAAA,EAAA,EAAkB,CAAA;AAAA,0BAClB,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,uBAAA,EAAA,EAAwB;AAAA,KAAA,EAC3B,CAAA;AAAA,IAED,CAAC,IAAA,oBAAQ,GAAA,CAAC,mBAAA,EAAA,EAAoB;AAAA,GAAA,EACjC,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PostRightContent.esm.js","sources":["../../../src/components/RightContent/PostRightContent.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport {\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  FollowedUsersList,\n  PostHighlightList,\n  qetaTranslationRef,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { DefaultRightContent } from './DefaultRightContent';\nimport { ContentHealthCard } from '../ContentHealthCard';\nimport { SimilarPosts } from './SimilarPosts';\nimport { Box } from '@backstage/ui';\nimport { RiFireLine } from '@remixicon/react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nimport { LinkedPosts } from './LinkedPosts';\n\nexport const PostRightContent = (props?: { id?: string }) => {\n  const { id: paramId } = useParams();\n  const id = props?.id || paramId;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const { value: post } = useQetaApi(\n    api => api.getPost(id, { anonymous: true }),\n    [id],\n  );\n\n  let title: string;\n\n  if (post?.type === 'article') {\n    title = t('highlights.hotArticles.title');\n  } else if (post?.type === 'link') {\n    title = t('highlights.hotLinks.title');\n  } else {\n    title = t('highlights.hotQuestions.title');\n  }\n\n  return (\n    <>\n      {post && (\n        <>\n          <Box mb=\"4\">\n            <ContentHealthCard post={post} />\n          </Box>\n          <LinkedPosts postId={post.id} />\n          <SimilarPosts post={post} />\n          <PostHighlightList\n            type=\"hot\"\n            title={title}\n            noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n            icon={<RiFireLine size={16} />}\n            postType={post.type}\n            options={{\n              tags: post.tags,\n              entities: post.entities,\n            }}\n          />\n          <FollowedTagsList />\n          <FollowedUsersList />\n          <FollowedEntitiesList />\n          <FollowedCollectionsList />\n        </>\n      )}\n      {!post && <DefaultRightContent />}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAmBO,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAA4B;AAC3D,EAAA,MAAM,EAAE,EAAA,EAAI,OAAA,EAAQ,GAAI,SAAA,EAAU;AAClC,EAAA,MAAM,EAAA,GAAK,OAAO,EAAA,IAAM,OAAA;AACxB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM,EAAE,KAAA,EAAO,IAAA,EAAK,GAAI,UAAA;AAAA,IACtB,SAAO,GAAA,CAAI,OAAA,CAAQ,IAAI,EAAE,SAAA,EAAW,MAAM,CAAA;AAAA,IAC1C,CAAC,EAAE;AAAA,GACL;AAEA,EAAA,IAAI,KAAA;AAEJ,EAAA,IAAI,IAAA,EAAM,SAAS,SAAA,EAAW;AAC5B,IAAA,KAAA,GAAQ,EAAE,8BAA8B,CAAA;AAAA,EAC1C,CAAA,MAAA,IAAW,IAAA,EAAM,IAAA,KAAS,MAAA,EAAQ;AAChC,IAAA,KAAA,GAAQ,EAAE,2BAA2B,CAAA;AAAA,EACvC,CAAA,MAAO;AACL,IAAA,KAAA,GAAQ,EAAE,+BAA+B,CAAA;AAAA,EAC3C;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,IAAA,oBACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAA,EAAG,GAAA,EACN,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,MAAY,CAAA,EACjC,CAAA;AAAA,sBACA,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,IAAA,CAAK,EAAA,EAAI,CAAA;AAAA,sBAC9B,GAAA,CAAC,gBAAa,IAAA,EAAY,CAAA;AAAA,sBAC1B,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,KAAA;AAAA,UACL,KAAA;AAAA,UACA,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,UAC9D,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,UAC5B,UAAU,IAAA,CAAK,IAAA;AAAA,UACf,OAAA,EAAS;AAAA,YACP,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,UAAU,IAAA,CAAK;AAAA;AACjB;AAAA,OACF;AAAA,0BACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,0BACjB,iBAAA,EAAA,EAAkB,CAAA;AAAA,0BAClB,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,uBAAA,EAAA,EAAwB;AAAA,KAAA,EAC3B,CAAA;AAAA,IAED,CAAC,IAAA,oBAAQ,GAAA,CAAC,mBAAA,EAAA,EAAoB;AAAA,GAAA,EACjC,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/QuestionsRightContent.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { RiFireLine } from '@remixicon/react';
 
 const QuestionsRightContent = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -14,7 +14,7 @@ const QuestionsRightContent = (props) => {
         type: "hot",
         title: t("highlights.hotQuestions.title"),
         noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-        icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+        icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
         options: {
           tags,
           entities

package/dist/components/RightContent/QuestionsRightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionsRightContent.esm.js","sources":["../../../src/components/RightContent/QuestionsRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const QuestionsRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<Whatshot fontSize=\"small\" />}\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"unanswered\"\n        title={t('highlights.unanswered.title')}\n        noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"incorrect\"\n        title={t('highlights.incorrect.title')}\n        noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n        postType=\"question\"\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,qBAAA,GAAwB,CAAC,KAAA,KAGhC;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,KAAA;AAC5B,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QACjC,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,YAAA;AAAA,QACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,QAC3D,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,oBAAA,EAAA,EAAqB;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"QuestionsRightContent.esm.js","sources":["../../../src/components/RightContent/QuestionsRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RiFireLine } from '@remixicon/react';\n\nexport const QuestionsRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<RiFireLine size={16} />}\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"unanswered\"\n        title={t('highlights.unanswered.title')}\n        noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"incorrect\"\n        title={t('highlights.incorrect.title')}\n        noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n        postType=\"question\"\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,qBAAA,GAAwB,CAAC,KAAA,KAGhC;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,KAAA;AAC5B,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QAC5B,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,YAAA;AAAA,QACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,QAC3D,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,oBAAA,EAAA,EAAqB;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/RightContent.esm.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { AskRightContent } from './AskRightContent.esm.js';
-import { qetaTranslationRef, questionsRouteRef, articlesRouteRef, usersRouteRef, tagsRouteRef, linksRouteRef, collectionsRouteRef, entitiesRouteRef, favoriteQuestionsRouteRef, qetaRouteRef, askRouteRef, editQuestionRouteRef, userRouteRef, tagRouteRef, entityRouteRef, questionRouteRef, articleRouteRef, linkRouteRef } from '@drodil/backstage-plugin-qeta-react';
-import { Box, Tooltip, IconButton, makeStyles } from '@material-ui/core';
+import { useQetaConfig, qetaTranslationRef, questionsRouteRef, articlesRouteRef, usersRouteRef, tagsRouteRef, linksRouteRef, collectionsRouteRef, entitiesRouteRef, favoriteQuestionsRouteRef, qetaRouteRef, askRouteRef, editQuestionRouteRef, userRouteRef, tagRouteRef, entityRouteRef, questionRouteRef, articleRouteRef, linkRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import { useBreakpoint, Box, Flex, TooltipTrigger, ButtonIcon, Tooltip } from '@backstage/ui';
 import { useLocation, useSearchParams, matchPath } from 'react-router-dom';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
 import { HomeRightContent } from './HomeRightContent.esm.js';
@@ -17,37 +17,17 @@ import { TagsRightContent } from './TagsRightContent.esm.js';
 import { EntitiesRightContent } from './EntitiesRightContent.esm.js';
 import { EntityRightContent } from './EntityRightContent.esm.js';
 import { CollectionsRightContent } from './CollectionsRightContent.esm.js';
-import MenuOpenIcon from '@material-ui/icons/MenuOpen';
-import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
+import { RiMenuUnfoldLine, RiMenuFoldLine } from '@remixicon/react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { DefaultRightContent } from './DefaultRightContent.esm.js';
 import { PostRightContent } from './PostRightContent.esm.js';
+import styles from './RightContent.module.css.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  container: {
-    width: (props) => props.compact ? "72px" : "245px",
-    padding: (props) => props.compact ? theme.spacing(1) : theme.spacing(0, 0, 0, 1),
-    transition: "width 0.2s ease-in-out",
-    display: "flex",
-    flexDirection: "column",
-    overflowX: "hidden",
-    [theme.breakpoints.down("md")]: {
-      width: "100%"
-    }
-  },
-  toggleButton: {
-    marginBottom: theme.spacing(1),
-    marginRight: theme.spacing(1.5)
-  },
-  content: {
-    display: (props) => props.compact ? "none" : "block",
-    opacity: (props) => props.compact ? 0 : 1,
-    transition: "opacity 0.2s ease-in-out"
-  }
-}));
 const RightContent = (props) => {
   const { compact = false, onToggle } = props;
-  const classes = useStyles({ compact });
+  const { disabled } = useQetaConfig();
+  const { down } = useBreakpoint();
+  const isSmall = down("md");
   const location = useLocation();
   const [searchParams] = useSearchParams();
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -175,60 +155,65 @@ const RightContent = (props) => {
   } else if (isPostPage) {
     const id = questionMatch?.params.id || articleMatch?.params.id || linkMatch?.params.id;
     content = /* @__PURE__ */ jsx(PostRightContent, { id });
-  } else if (isQuestions) {
+  } else if (isQuestions && !disabled.questions) {
     content = /* @__PURE__ */ jsx(QuestionsRightContent, { tags, entityRef });
-  } else if (isArticles) {
+  } else if (isArticles && !disabled.articles) {
     content = /* @__PURE__ */ jsx(ArticlesRightContent, { tags, entityRef });
-  } else if (isLinks) {
+  } else if (isLinks && !disabled.links) {
     content = /* @__PURE__ */ jsx(LinksRightContent, { tags, entityRef });
   } else if (isFavorite) {
     content = /* @__PURE__ */ jsx(FavoriteRightContent, {});
   } else if (isUsers) {
     content = /* @__PURE__ */ jsx(UsersRightContent, {});
-  } else if (tagMatch) {
+  } else if (tagMatch && !disabled.tags) {
     content = /* @__PURE__ */ jsx(TagRightContent, { tags });
   } else if (userMatch && userRef) {
     content = null;
-  } else if (isTags) {
+  } else if (isTags && !disabled.tags) {
     content = /* @__PURE__ */ jsx(TagsRightContent, {});
-  } else if (isEntities) {
+  } else if (isEntities && !disabled.entities) {
     content = /* @__PURE__ */ jsx(EntitiesRightContent, {});
-  } else if (entityMatch && entityRef) {
+  } else if (entityMatch && entityRef && !disabled.entities) {
     content = /* @__PURE__ */ jsx(EntityRightContent, { entityRef });
-  } else if (isCollections) {
+  } else if (isCollections && !disabled.collections) {
     content = /* @__PURE__ */ jsx(CollectionsRightContent, {});
   }
   if (!content) {
     content = /* @__PURE__ */ jsx(DefaultRightContent, {});
   }
-  return /* @__PURE__ */ jsxs(Box, { className: classes.container, children: [
-    /* @__PURE__ */ jsx(Box, { className: classes.content, children: content }),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        display: "flex",
-        justifyContent: compact ? "center" : "flex-end",
-        style: { marginTop: "auto" },
-        children: /* @__PURE__ */ jsx(
-          Tooltip,
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className: [
+        styles.container,
+        compact ? styles.compact : "",
+        isSmall ? styles.full : ""
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
           {
-            title: compact ? t("rightMenu.expand") : t("rightMenu.collapse"),
-            placement: "left",
-            children: /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                onClick: onToggle,
-                size: "small",
-                className: compact ? "" : classes.toggleButton,
-                style: { marginTop: 8 },
-                children: compact ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx(MenuOpenIcon, { style: { transform: "scaleX(-1)" } })
-              }
-            )
+            className: `${styles.content} ${compact ? styles.contentHidden : ""}`,
+            children: content
           }
-        )
-      }
-    )
-  ] });
+        ),
+        /* @__PURE__ */ jsx(Flex, { justify: compact ? "center" : "end", style: { marginTop: "auto" }, children: /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+          /* @__PURE__ */ jsx(
+            ButtonIcon,
+            {
+              "aria-label": compact ? t("rightMenu.expand") : t("rightMenu.collapse"),
+              size: "small",
+              variant: "tertiary",
+              className: compact ? "" : styles.toggleButton,
+              onPress: onToggle,
+              icon: compact ? /* @__PURE__ */ jsx(RiMenuUnfoldLine, { size: 16 }) : /* @__PURE__ */ jsx(RiMenuFoldLine, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(Tooltip, { placement: "left", children: compact ? t("rightMenu.expand") : t("rightMenu.collapse") })
+        ] }) })
+      ]
+    }
+  );
 };
 
 export { RightContent };

package/dist/components/RightContent/RightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightContent.esm.js","sources":["../../../src/components/RightContent/RightContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { AskRightContent } from './AskRightContent';\nimport {\n  articleRouteRef,\n  articlesRouteRef,\n  askRouteRef,\n  collectionsRouteRef,\n  editQuestionRouteRef,\n  entitiesRouteRef,\n  entityRouteRef,\n  favoriteQuestionsRouteRef,\n  linkRouteRef,\n  linksRouteRef,\n  qetaRouteRef,\n  qetaTranslationRef,\n  questionRouteRef,\n  questionsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Box, IconButton, makeStyles, Tooltip } from '@material-ui/core';\nimport { matchPath, useLocation, useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { HomeRightContent } from './HomeRightContent';\nimport { QuestionsRightContent } from './QuestionsRightContent';\nimport { ArticlesRightContent } from './ArticlesRightContent';\nimport { LinksRightContent } from './LinksRightContent';\nimport { FavoriteRightContent } from './FavoriteRightContent';\nimport { UsersRightContent } from './UsersRightContent';\nimport { TagRightContent } from './TagRightContent';\nimport { TagsRightContent } from './TagsRightContent';\nimport { EntitiesRightContent } from './EntitiesRightContent';\nimport { EntityRightContent } from './EntityRightContent';\nimport { CollectionsRightContent } from './CollectionsRightContent';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { DefaultRightContent } from './DefaultRightContent';\nimport { PostRightContent } from './PostRightContent';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    width: (props: { compact: boolean }) => (props.compact ? '72px' : '245px'),\n    padding: (props: { compact: boolean }) =>\n      props.compact ? theme.spacing(1) : theme.spacing(0, 0, 0, 1),\n    transition: 'width 0.2s ease-in-out',\n    display: 'flex',\n    flexDirection: 'column',\n    overflowX: 'hidden',\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n    },\n  },\n  toggleButton: {\n    marginBottom: theme.spacing(1),\n    marginRight: theme.spacing(1.5),\n  },\n  content: {\n    display: (props: { compact: boolean }) =>\n      props.compact ? 'none' : 'block',\n    opacity: (props: { compact: boolean }) => (props.compact ? 0 : 1),\n    transition: 'opacity 0.2s ease-in-out',\n  },\n}));\n\nexport const RightContent = (props: {\n  compact?: boolean;\n  onToggle?: () => void;\n}) => {\n  const { compact = false, onToggle } = props;\n  const classes = useStyles({ compact });\n  const location = useLocation();\n  const [searchParams] = useSearchParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  // Route Refs\n  const questionsPath = useRouteRef(questionsRouteRef);\n  const articlesPath = useRouteRef(articlesRouteRef);\n  const usersPath = useRouteRef(usersRouteRef);\n  const tagsPath = useRouteRef(tagsRouteRef);\n  const linksPath = useRouteRef(linksRouteRef);\n  const collectionsPath = useRouteRef(collectionsRouteRef);\n  const entitiesPath = useRouteRef(entitiesRouteRef);\n  const favoritePath = useRouteRef(favoriteQuestionsRouteRef);\n  const homePath = useRouteRef(qetaRouteRef);\n  // qetaRouteRef gives the base path of the plugin, e.g. /qeta\n  const rootPath = homePath();\n\n  // Matchers\n  const isQuestions = !!matchPath(\n    { path: questionsPath(), end: true },\n    location.pathname,\n  );\n  const isAsk = !!(\n    matchPath(\n      { path: `${rootPath}${askRouteRef.path}`, end: true },\n      location.pathname,\n    ) ||\n    matchPath(\n      { path: `${rootPath}${editQuestionRouteRef.path}`, end: true },\n      location.pathname,\n    )\n  );\n\n  const isArticles = !!matchPath(\n    { path: articlesPath(), end: true },\n    location.pathname,\n  );\n  const isUsers = !!matchPath(\n    { path: usersPath(), end: true },\n    location.pathname,\n  );\n  const userMatch = matchPath(\n    { path: `${rootPath}${userRouteRef.path}` },\n    location.pathname,\n  );\n  const isTags = !!matchPath(\n    { path: tagsPath(), end: true },\n    location.pathname,\n  );\n  const tagMatch = matchPath(\n    { path: `${rootPath}${tagRouteRef.path}` },\n    location.pathname,\n  );\n  const isCollections = !!matchPath(\n    { path: collectionsPath(), end: true },\n    location.pathname,\n  );\n  const isEntities = !!matchPath(\n    { path: entitiesPath(), end: true },\n    location.pathname,\n  );\n  const entityMatch = matchPath(\n    { path: `${rootPath}${entityRouteRef.path}` },\n    location.pathname,\n  );\n  const isLinks = !!matchPath(\n    { path: linksPath(), end: true },\n    location.pathname,\n  );\n  const isFavorite = !!matchPath(\n    { path: favoritePath(), end: true },\n    location.pathname,\n  );\n  const questionMatch = matchPath(\n    { path: `${rootPath}${questionRouteRef.path}` },\n    location.pathname,\n  );\n  const articleMatch = matchPath(\n    { path: `${rootPath}${articleRouteRef.path}` },\n    location.pathname,\n  );\n  const linkMatch = matchPath(\n    { path: `${rootPath}${linkRouteRef.path}` },\n    location.pathname,\n  );\n  const isPostPage = !!(questionMatch || articleMatch || linkMatch);\n  const isHome = !!(\n    matchPath({ path: homePath(), end: true }, location.pathname) ||\n    location.pathname === homePath()\n  );\n\n  const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n  const [tags, setTags] = useState<string[] | undefined>(undefined);\n  const [userRef, setUserRef] = useState<string | undefined>(undefined);\n\n  const tagParam = tagMatch?.params.tag;\n  const userParam = userMatch?.params['*'];\n  const entityParam = entityMatch?.params.entityRef;\n\n  const entitySearchParam = searchParams.get('entity') ?? undefined;\n  const tagsSearchParam = searchParams.get('tags');\n\n  useEffect(() => {\n    if (isQuestions || isArticles || isLinks) {\n      setEntityRef(entitySearchParam);\n      setTags(filterTags(tagsSearchParam));\n      setUserRef(undefined);\n    } else if (tagParam) {\n      setTags([tagParam]);\n      setEntityRef(undefined);\n      setUserRef(undefined);\n    } else if (userParam) {\n      setUserRef(userParam);\n      setTags(undefined);\n      setEntityRef(undefined);\n    } else if (entityParam) {\n      setEntityRef(entityParam);\n      setTags(undefined);\n      setUserRef(undefined);\n    } else {\n      setTags(undefined);\n      setEntityRef(undefined);\n      setUserRef(undefined);\n    }\n  }, [\n    entitySearchParam,\n    tagsSearchParam,\n    isQuestions,\n    isArticles,\n    isLinks,\n    tagParam,\n    userParam,\n    entityParam,\n    location.pathname,\n  ]);\n\n  let content = null;\n\n  if (isHome) {\n    content = <HomeRightContent />;\n  } else if (isAsk) {\n    content = <AskRightContent />;\n  } else if (isPostPage) {\n    const id =\n      questionMatch?.params.id ||\n      articleMatch?.params.id ||\n      linkMatch?.params.id;\n    content = <PostRightContent id={id} />;\n  } else if (isQuestions) {\n    content = <QuestionsRightContent tags={tags} entityRef={entityRef} />;\n  } else if (isArticles) {\n    content = <ArticlesRightContent tags={tags} entityRef={entityRef} />;\n  } else if (isLinks) {\n    content = <LinksRightContent tags={tags} entityRef={entityRef} />;\n  } else if (isFavorite) {\n    content = <FavoriteRightContent />;\n  } else if (isUsers) {\n    content = <UsersRightContent />;\n  } else if (tagMatch) {\n    content = <TagRightContent tags={tags} />;\n  } else if (userMatch && userRef) {\n    content = null;\n  } else if (isTags) {\n    content = <TagsRightContent />;\n  } else if (isEntities) {\n    content = <EntitiesRightContent />;\n  } else if (entityMatch && entityRef) {\n    content = <EntityRightContent entityRef={entityRef} />;\n  } else if (isCollections) {\n    content = <CollectionsRightContent />;\n  }\n\n  if (!content) {\n    content = <DefaultRightContent />;\n  }\n\n  return (\n    <Box className={classes.container}>\n      <Box className={classes.content}>{content}</Box>\n      <Box\n        display=\"flex\"\n        justifyContent={compact ? 'center' : 'flex-end'}\n        style={{ marginTop: 'auto' }}\n      >\n        <Tooltip\n          title={compact ? t('rightMenu.expand') : t('rightMenu.collapse')}\n          placement=\"left\"\n        >\n          <IconButton\n            onClick={onToggle}\n            size=\"small\"\n            className={compact ? '' : classes.toggleButton}\n            style={{ marginTop: 8 }}\n          >\n            {compact ? (\n              <ChevronLeftIcon />\n            ) : (\n              <MenuOpenIcon style={{ transform: 'scaleX(-1)' }} />\n            )}\n          </IconButton>\n        </Tooltip>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RightContent.esm.js","sources":["../../../src/components/RightContent/RightContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { AskRightContent } from './AskRightContent';\nimport {\n  articleRouteRef,\n  articlesRouteRef,\n  askRouteRef,\n  collectionsRouteRef,\n  editQuestionRouteRef,\n  entitiesRouteRef,\n  entityRouteRef,\n  favoriteQuestionsRouteRef,\n  linkRouteRef,\n  linksRouteRef,\n  qetaRouteRef,\n  qetaTranslationRef,\n  questionRouteRef,\n  questionsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  useQetaConfig,\n  usersRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport {\n  Box,\n  ButtonIcon,\n  Flex,\n  Tooltip,\n  TooltipTrigger,\n  useBreakpoint,\n} from '@backstage/ui';\nimport { matchPath, useLocation, useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { HomeRightContent } from './HomeRightContent';\nimport { QuestionsRightContent } from './QuestionsRightContent';\nimport { ArticlesRightContent } from './ArticlesRightContent';\nimport { LinksRightContent } from './LinksRightContent';\nimport { FavoriteRightContent } from './FavoriteRightContent';\nimport { UsersRightContent } from './UsersRightContent';\nimport { TagRightContent } from './TagRightContent';\nimport { TagsRightContent } from './TagsRightContent';\nimport { EntitiesRightContent } from './EntitiesRightContent';\nimport { EntityRightContent } from './EntityRightContent';\nimport { CollectionsRightContent } from './CollectionsRightContent';\nimport { RiMenuFoldLine, RiMenuUnfoldLine } from '@remixicon/react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { DefaultRightContent } from './DefaultRightContent';\nimport { PostRightContent } from './PostRightContent';\nimport styles from './RightContent.module.css';\n\nexport const RightContent = (props: {\n  compact?: boolean;\n  onToggle?: () => void;\n}) => {\n  const { compact = false, onToggle } = props;\n  const { disabled } = useQetaConfig();\n  const { down } = useBreakpoint();\n  const isSmall = down('md');\n  const location = useLocation();\n  const [searchParams] = useSearchParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  // Route Refs\n  const questionsPath = useRouteRef(questionsRouteRef);\n  const articlesPath = useRouteRef(articlesRouteRef);\n  const usersPath = useRouteRef(usersRouteRef);\n  const tagsPath = useRouteRef(tagsRouteRef);\n  const linksPath = useRouteRef(linksRouteRef);\n  const collectionsPath = useRouteRef(collectionsRouteRef);\n  const entitiesPath = useRouteRef(entitiesRouteRef);\n  const favoritePath = useRouteRef(favoriteQuestionsRouteRef);\n  const homePath = useRouteRef(qetaRouteRef);\n  // qetaRouteRef gives the base path of the plugin, e.g. /qeta\n  const rootPath = homePath();\n\n  // Matchers\n  const isQuestions = !!matchPath(\n    { path: questionsPath(), end: true },\n    location.pathname,\n  );\n  const isAsk = !!(\n    matchPath(\n      { path: `${rootPath}${askRouteRef.path}`, end: true },\n      location.pathname,\n    ) ||\n    matchPath(\n      { path: `${rootPath}${editQuestionRouteRef.path}`, end: true },\n      location.pathname,\n    )\n  );\n\n  const isArticles = !!matchPath(\n    { path: articlesPath(), end: true },\n    location.pathname,\n  );\n  const isUsers = !!matchPath(\n    { path: usersPath(), end: true },\n    location.pathname,\n  );\n  const userMatch = matchPath(\n    { path: `${rootPath}${userRouteRef.path}` },\n    location.pathname,\n  );\n  const isTags = !!matchPath(\n    { path: tagsPath(), end: true },\n    location.pathname,\n  );\n  const tagMatch = matchPath(\n    { path: `${rootPath}${tagRouteRef.path}` },\n    location.pathname,\n  );\n  const isCollections = !!matchPath(\n    { path: collectionsPath(), end: true },\n    location.pathname,\n  );\n  const isEntities = !!matchPath(\n    { path: entitiesPath(), end: true },\n    location.pathname,\n  );\n  const entityMatch = matchPath(\n    { path: `${rootPath}${entityRouteRef.path}` },\n    location.pathname,\n  );\n  const isLinks = !!matchPath(\n    { path: linksPath(), end: true },\n    location.pathname,\n  );\n  const isFavorite = !!matchPath(\n    { path: favoritePath(), end: true },\n    location.pathname,\n  );\n  const questionMatch = matchPath(\n    { path: `${rootPath}${questionRouteRef.path}` },\n    location.pathname,\n  );\n  const articleMatch = matchPath(\n    { path: `${rootPath}${articleRouteRef.path}` },\n    location.pathname,\n  );\n  const linkMatch = matchPath(\n    { path: `${rootPath}${linkRouteRef.path}` },\n    location.pathname,\n  );\n  const isPostPage = !!(questionMatch || articleMatch || linkMatch);\n  const isHome = !!(\n    matchPath({ path: homePath(), end: true }, location.pathname) ||\n    location.pathname === homePath()\n  );\n\n  const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n  const [tags, setTags] = useState<string[] | undefined>(undefined);\n  const [userRef, setUserRef] = useState<string | undefined>(undefined);\n\n  const tagParam = tagMatch?.params.tag;\n  const userParam = userMatch?.params['*'];\n  const entityParam = entityMatch?.params.entityRef;\n\n  const entitySearchParam = searchParams.get('entity') ?? undefined;\n  const tagsSearchParam = searchParams.get('tags');\n\n  useEffect(() => {\n    if (isQuestions || isArticles || isLinks) {\n      setEntityRef(entitySearchParam);\n      setTags(filterTags(tagsSearchParam));\n      setUserRef(undefined);\n    } else if (tagParam) {\n      setTags([tagParam]);\n      setEntityRef(undefined);\n      setUserRef(undefined);\n    } else if (userParam) {\n      setUserRef(userParam);\n      setTags(undefined);\n      setEntityRef(undefined);\n    } else if (entityParam) {\n      setEntityRef(entityParam);\n      setTags(undefined);\n      setUserRef(undefined);\n    } else {\n      setTags(undefined);\n      setEntityRef(undefined);\n      setUserRef(undefined);\n    }\n  }, [\n    entitySearchParam,\n    tagsSearchParam,\n    isQuestions,\n    isArticles,\n    isLinks,\n    tagParam,\n    userParam,\n    entityParam,\n    location.pathname,\n  ]);\n\n  let content = null;\n\n  if (isHome) {\n    content = <HomeRightContent />;\n  } else if (isAsk) {\n    content = <AskRightContent />;\n  } else if (isPostPage) {\n    const id =\n      questionMatch?.params.id ||\n      articleMatch?.params.id ||\n      linkMatch?.params.id;\n    content = <PostRightContent id={id} />;\n  } else if (isQuestions && !disabled.questions) {\n    content = <QuestionsRightContent tags={tags} entityRef={entityRef} />;\n  } else if (isArticles && !disabled.articles) {\n    content = <ArticlesRightContent tags={tags} entityRef={entityRef} />;\n  } else if (isLinks && !disabled.links) {\n    content = <LinksRightContent tags={tags} entityRef={entityRef} />;\n  } else if (isFavorite) {\n    content = <FavoriteRightContent />;\n  } else if (isUsers) {\n    content = <UsersRightContent />;\n  } else if (tagMatch && !disabled.tags) {\n    content = <TagRightContent tags={tags} />;\n  } else if (userMatch && userRef) {\n    content = null;\n  } else if (isTags && !disabled.tags) {\n    content = <TagsRightContent />;\n  } else if (isEntities && !disabled.entities) {\n    content = <EntitiesRightContent />;\n  } else if (entityMatch && entityRef && !disabled.entities) {\n    content = <EntityRightContent entityRef={entityRef} />;\n  } else if (isCollections && !disabled.collections) {\n    content = <CollectionsRightContent />;\n  }\n\n  if (!content) {\n    content = <DefaultRightContent />;\n  }\n\n  return (\n    <Box\n      className={[\n        styles.container,\n        compact ? styles.compact : '',\n        isSmall ? styles.full : '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <Box\n        className={`${styles.content} ${compact ? styles.contentHidden : ''}`}\n      >\n        {content}\n      </Box>\n      <Flex justify={compact ? 'center' : 'end'} style={{ marginTop: 'auto' }}>\n        <TooltipTrigger>\n          <ButtonIcon\n            aria-label={\n              compact ? t('rightMenu.expand') : t('rightMenu.collapse')\n            }\n            size=\"small\"\n            variant=\"tertiary\"\n            className={compact ? '' : styles.toggleButton}\n            onPress={onToggle}\n            icon={\n              compact ? (\n                <RiMenuUnfoldLine size={16} />\n              ) : (\n                <RiMenuFoldLine size={16} />\n              )\n            }\n          />\n          <Tooltip placement=\"left\">\n            {compact ? t('rightMenu.expand') : t('rightMenu.collapse')}\n          </Tooltip>\n        </TooltipTrigger>\n      </Flex>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/RightContent/RightContent.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "@layer components {\n  .RightContent_container__da4bfc1863 {\n    width: 245px;\n    padding: 0 0 0 var(--bui-space-2);\n    transition: width 0.2s ease-in-out;\n    display: flex;\n    flex-direction: column;\n    overflow-x: hidden;\n  }\n\n  .RightContent_compact__da4bfc1863 {\n    width: 72px;\n    padding: var(--bui-space-2);\n  }\n\n  .RightContent_full__da4bfc1863 {\n    width: 100%;\n  }\n\n  .RightContent_toggleButton__da4bfc1863 {\n    margin-bottom: var(--bui-space-2);\n    margin-right: var(--bui-space-3);\n  }\n\n  .RightContent_content__da4bfc1863 {\n    transition: opacity 0.2s ease-in-out;\n  }\n\n  .RightContent_contentHidden__da4bfc1863 {\n    display: none;\n    opacity: 0;\n  }\n}\n";
+var styles = {"container":"RightContent_container__da4bfc1863","compact":"RightContent_compact__da4bfc1863","full":"RightContent_full__da4bfc1863","toggleButton":"RightContent_toggleButton__da4bfc1863","content":"RightContent_content__da4bfc1863","contentHidden":"RightContent_contentHidden__da4bfc1863"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=RightContent.module.css.esm.js.map

package/dist/components/RightContent/RightContent.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightContent.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/RightContent/SimilarQuestions.esm.js

@@ -2,22 +2,9 @@ import { jsx } from 'react/jsx-runtime';
 import { useQetaContext, qetaTranslationRef, useQetaApi, PostHighlightListContent } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { useState, useEffect } from 'react';
-import { makeStyles } from '@material-ui/core';
+import styles from './SimilarQuestions.module.css.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  similarQuestionsContainer: {
-    borderLeft: `3px solid ${theme.palette.warning.main}`,
-    backgroundColor: theme.palette.type === "dark" ? "rgba(255, 167, 38, 0.08)" : "rgba(255, 167, 38, 0.05)",
-    borderRadius: theme.shape.borderRadius,
-    padding: `${theme.spacing(1)}px 2px ${theme.spacing(1)}px`
-  },
-  similarQuestionsTitle: {
-    color: theme.palette.warning.main,
-    fontWeight: 600
-  }
-}));
 const SimilarQuestions = () => {
-  const classes = useStyles();
   const { draftQuestion } = useQetaContext();
   const { t } = useTranslationRef(qetaTranslationRef);
   const [debouncedDraftQuestion, setDebouncedDraftQuestion] = useState(draftQuestion);
@@ -64,8 +51,8 @@ const SimilarQuestions = () => {
       posts: displayQuestions,
       loading,
       disableLoading: true,
-      containerClassName: classes.similarQuestionsContainer,
-      titleClassName: classes.similarQuestionsTitle
+      containerClassName: styles.similarQuestionsContainer,
+      titleClassName: styles.similarQuestionsTitle
     }
   );
 };

package/dist/components/RightContent/SimilarQuestions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimilarQuestions.esm.js","sources":["../../../src/components/RightContent/SimilarQuestions.tsx"],"sourcesContent":["import {\n  PostHighlightListContent,\n  qetaTranslationRef,\n  useQetaApi,\n  useQetaContext,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  similarQuestionsContainer: {\n    borderLeft: `3px solid ${theme.palette.warning.main}`,\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? 'rgba(255, 167, 38, 0.08)'\n        : 'rgba(255, 167, 38, 0.05)',\n    borderRadius: theme.shape.borderRadius,\n    padding: `${theme.spacing(1)}px 2px ${theme.spacing(1)}px`,\n  },\n  similarQuestionsTitle: {\n    color: theme.palette.warning.main,\n    fontWeight: 600,\n  },\n}));\n\nexport const SimilarQuestions = () => {\n  const classes = useStyles();\n  const { draftQuestion } = useQetaContext();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [debouncedDraftQuestion, setDebouncedDraftQuestion] =\n    useState(draftQuestion);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedDraftQuestion(draftQuestion);\n    }, 500);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [draftQuestion]);\n\n  const { value: questions, loading } = useQetaApi(\n    api => {\n      if (\n        !debouncedDraftQuestion ||\n        debouncedDraftQuestion.title.length === 0\n      ) {\n        return Promise.resolve({ posts: [], total: 0 });\n      }\n      return api.suggest({\n        title: debouncedDraftQuestion.title,\n        content: debouncedDraftQuestion.content,\n        tags: debouncedDraftQuestion.tags,\n        entities: debouncedDraftQuestion.entities,\n      });\n    },\n    [debouncedDraftQuestion],\n  );\n\n  const [displayQuestions, setDisplayQuestions] = useState<Post[]>([]);\n\n  useEffect(() => {\n    if (questions) {\n      setDisplayQuestions(questions.posts);\n    }\n  }, [questions]);\n\n  useEffect(() => {\n    if (\n      (!draftQuestion || draftQuestion.title.length === 0) &&\n      displayQuestions.length > 0\n    ) {\n      setDisplayQuestions([]);\n    }\n  }, [draftQuestion, displayQuestions]);\n\n  if (displayQuestions.length === 0) {\n    return null;\n  }\n\n  return (\n    <PostHighlightListContent\n      title={t('rightMenu.similarQuestions')}\n      posts={displayQuestions}\n      loading={loading}\n      disableLoading\n      containerClassName={classes.similarQuestionsContainer}\n      titleClassName={classes.similarQuestionsTitle}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SimilarQuestions.esm.js","sources":["../../../src/components/RightContent/SimilarQuestions.tsx"],"sourcesContent":["import {\n  PostHighlightListContent,\n  qetaTranslationRef,\n  useQetaApi,\n  useQetaContext,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useState, useEffect } from 'react';\nimport styles from './SimilarQuestions.module.css';\n\nexport const SimilarQuestions = () => {\n  const { draftQuestion } = useQetaContext();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [debouncedDraftQuestion, setDebouncedDraftQuestion] =\n    useState(draftQuestion);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedDraftQuestion(draftQuestion);\n    }, 500);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [draftQuestion]);\n\n  const { value: questions, loading } = useQetaApi(\n    api => {\n      if (\n        !debouncedDraftQuestion ||\n        debouncedDraftQuestion.title.length === 0\n      ) {\n        return Promise.resolve({ posts: [], total: 0 });\n      }\n      return api.suggest({\n        title: debouncedDraftQuestion.title,\n        content: debouncedDraftQuestion.content,\n        tags: debouncedDraftQuestion.tags,\n        entities: debouncedDraftQuestion.entities,\n      });\n    },\n    [debouncedDraftQuestion],\n  );\n\n  const [displayQuestions, setDisplayQuestions] = useState<Post[]>([]);\n\n  useEffect(() => {\n    if (questions) {\n      setDisplayQuestions(questions.posts);\n    }\n  }, [questions]);\n\n  useEffect(() => {\n    if (\n      (!draftQuestion || draftQuestion.title.length === 0) &&\n      displayQuestions.length > 0\n    ) {\n      setDisplayQuestions([]);\n    }\n  }, [draftQuestion, displayQuestions]);\n\n  if (displayQuestions.length === 0) {\n    return null;\n  }\n\n  return (\n    <PostHighlightListContent\n      title={t('rightMenu.similarQuestions')}\n      posts={displayQuestions}\n      loading={loading}\n      disableLoading\n      containerClassName={styles.similarQuestionsContainer}\n      titleClassName={styles.similarQuestionsTitle}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,cAAA,EAAe;AACzC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,CAAC,sBAAA,EAAwB,yBAAyB,CAAA,GACtD,SAAS,aAAa,CAAA;AAExB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAA,GAAU,WAAW,MAAM;AAC/B,MAAA,yBAAA,CAA0B,aAAa,CAAA;AAAA,IACzC,GAAG,GAAG,CAAA;AAEN,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,MAAM,EAAE,KAAA,EAAO,SAAA,EAAW,OAAA,EAAQ,GAAI,UAAA;AAAA,IACpC,CAAA,GAAA,KAAO;AACL,MAAA,IACE,CAAC,sBAAA,IACD,sBAAA,CAAuB,KAAA,CAAM,WAAW,CAAA,EACxC;AACA,QAAA,OAAO,OAAA,CAAQ,QAAQ,EAAE,KAAA,EAAO,EAAC,EAAG,KAAA,EAAO,GAAG,CAAA;AAAA,MAChD;AACA,MAAA,OAAO,IAAI,OAAA,CAAQ;AAAA,QACjB,OAAO,sBAAA,CAAuB,KAAA;AAAA,QAC9B,SAAS,sBAAA,CAAuB,OAAA;AAAA,QAChC,MAAM,sBAAA,CAAuB,IAAA;AAAA,QAC7B,UAAU,sBAAA,CAAuB;AAAA,OAClC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,sBAAsB;AAAA,GACzB;AAEA,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,QAAA,CAAiB,EAAE,CAAA;AAEnE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,mBAAA,CAAoB,UAAU,KAAK,CAAA;AAAA,IACrC;AAAA,EACF,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAA,CACG,CAAC,iBAAiB,aAAA,CAAc,KAAA,CAAM,WAAW,CAAA,KAClD,gBAAA,CAAiB,SAAS,CAAA,EAC1B;AACA,MAAA,mBAAA,CAAoB,EAAE,CAAA;AAAA,IACxB;AAAA,EACF,CAAA,EAAG,CAAC,aAAA,EAAe,gBAAgB,CAAC,CAAA;AAEpC,EAAA,IAAI,gBAAA,CAAiB,WAAW,CAAA,EAAG;AACjC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,KAAA,EAAO,gBAAA;AAAA,MACP,OAAA;AAAA,MACA,cAAA,EAAc,IAAA;AAAA,MACd,oBAAoB,MAAA,CAAO,yBAAA;AAAA,MAC3B,gBAAgB,MAAA,CAAO;AAAA;AAAA,GACzB;AAEJ;;;;"}

package/dist/components/RightContent/SimilarQuestions.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "@layer components {\n  .SimilarQuestions_similarQuestionsContainer__2e0b487bfe {\n    border-left: 3px solid var(--bui-border-warning);\n    background-color: var(--bui-bg-warning);\n    border-radius: var(--bui-radius-2);\n    padding: var(--bui-space-2) 2px var(--bui-space-2);\n  }\n\n  .SimilarQuestions_similarQuestionsTitle__2e0b487bfe {\n    color: var(--bui-fg-warning);\n    font-weight: 600;\n  }\n}\n";
+var styles = {"similarQuestionsContainer":"SimilarQuestions_similarQuestionsContainer__2e0b487bfe","similarQuestionsTitle":"SimilarQuestions_similarQuestionsTitle__2e0b487bfe"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=SimilarQuestions.module.css.esm.js.map

package/dist/components/RightContent/SimilarQuestions.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimilarQuestions.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/RightContent/TagRightContent.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, FollowedTagsList, PostHighlightList, PostHighlightListContainer } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { RiFireLine } from '@remixicon/react';
 
 const TagRightContent = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -15,7 +15,7 @@ const TagRightContent = (props) => {
           type: "hot",
           title: t("highlights.hotQuestions.title"),
           noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-          icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+          icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
           options: { tags },
           postType: "question"
         }