@drodil/backstage-plugin-qeta-react 3.10.0 → 3.10.2

package/dist/components/FollowedLists/FollowedEntitiesList.esm.js

@@ -10,43 +10,33 @@ import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const FollowedEntitiesList = () => {
-  const classes = useStyles();
   const entities = useEntityFollow();
   const { t } = useTranslation();
   if (entities.entities.length === 0 || entities.loading) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(
-    Box,
+  return /* @__PURE__ */ React__default.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React__default.createElement(
+    List,
     {
-      className: `qetaPostHighlightList ${classes.postHighlightListContainer}`,
-      display: { md: "none", lg: "block" }
+      component: "nav",
+      "aria-labelledby": "nested-list-subheader",
+      subheader: /* @__PURE__ */ React__default.createElement(
+        ListSubheader,
+        {
+          disableSticky: true,
+          component: "p",
+          id: "nested-list-subheader",
+          color: "primary"
+        },
+        t("rightMenu.followedEntities")
+      )
     },
-    /* @__PURE__ */ React__default.createElement(
-      List,
-      {
-        component: "nav",
-        "aria-labelledby": "nested-list-subheader",
-        className: `qetaPostHighlightListList ${classes.postHighlightList}`,
-        subheader: /* @__PURE__ */ React__default.createElement(
-          ListSubheader,
-          {
-            disableSticky: true,
-            component: "p",
-            id: "nested-list-subheader",
-            color: "primary"
-          },
-          t("rightMenu.followedEntities")
-        )
-      },
-      /* @__PURE__ */ React__default.createElement(Divider, null),
-      /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, entities.entities.map((entity) => /* @__PURE__ */ React__default.createElement(EntityChip, { key: entity, entity })))
-    )
-  );
+    /* @__PURE__ */ React__default.createElement(Divider, null),
+    /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, entities.entities.map((entity) => /* @__PURE__ */ React__default.createElement(EntityChip, { key: entity, entity })))
+  ));
 };
 
 export { FollowedEntitiesList };

package/dist/components/FollowedLists/FollowedEntitiesList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { EntityChip } from '../TagsAndEntities/EntityChip';\nimport { useEntityFollow, useStyles, useTranslation } from '../../hooks';\n\nexport const FollowedEntitiesList = () => {\n  const classes = useStyles();\n  const entities = useEntityFollow();\n  const { t } = useTranslation();\n\n  if (entities.entities.length === 0 || entities.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaPostHighlightList ${classes.postHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaPostHighlightListList ${classes.postHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedEntities')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {entities.entities.map(entity => (\n            <EntityChip key={entity} entity={entity} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AASO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAyB,sBAAA,EAAA,OAAA,CAAQ,0BAA0B,CAAA,CAAA;AAAA,MACtE,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnCA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,QACjE,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,4BAA4B,CAAA;AAAA,SACjC;AAAA,OAAA;AAAA,mDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,mDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,4BACpBA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAK,MAAQ,EAAA,MAAA,EAAgB,CAC1C,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { EntityChip } from '../TagsAndEntities/EntityChip';\nimport { useEntityFollow, useTranslation } from '../../hooks';\n\nexport const FollowedEntitiesList = () => {\n  const entities = useEntityFollow();\n  const { t } = useTranslation();\n\n  if (entities.entities.length === 0 || entities.loading) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedEntities')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {entities.entities.map(entity => (\n            <EntityChip key={entity} entity={entity} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AASO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,OAAS,EAAA,EAAE,IAAI,MAAQ,EAAA,EAAA,EAAI,SAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,GAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,SAAA;AAAA,QAEL,EAAE,4BAA4B,CAAA;AAAA,OACjC;AAAA,KAAA;AAAA,iDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,iDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,4BACpBA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAK,MAAQ,EAAA,MAAA,EAAgB,CAC1C,CACH,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/FollowedLists/FollowedTagsList.esm.js

@@ -10,43 +10,33 @@ import '../../api.esm.js';
 import 'react-use';
 import { useTagsFollow } from '../../hooks/useTagsFollow.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const FollowedTagsList = () => {
-  const classes = useStyles();
   const tags = useTagsFollow();
   const { t } = useTranslation();
   if (tags.tags.length === 0 || tags.loading) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(
-    Box,
+  return /* @__PURE__ */ React__default.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React__default.createElement(
+    List,
     {
-      className: `qetaQuestionHighlightList ${classes.postHighlightListContainer}`,
-      display: { md: "none", lg: "block" }
+      component: "nav",
+      "aria-labelledby": "nested-list-subheader",
+      subheader: /* @__PURE__ */ React__default.createElement(
+        ListSubheader,
+        {
+          disableSticky: true,
+          component: "p",
+          id: "nested-list-subheader",
+          color: "primary"
+        },
+        t("rightMenu.followedTags")
+      )
     },
-    /* @__PURE__ */ React__default.createElement(
-      List,
-      {
-        component: "nav",
-        "aria-labelledby": "nested-list-subheader",
-        className: `qetaQuestionHighlightListList ${classes.postHighlightList}`,
-        subheader: /* @__PURE__ */ React__default.createElement(
-          ListSubheader,
-          {
-            disableSticky: true,
-            component: "p",
-            id: "nested-list-subheader",
-            color: "primary"
-          },
-          t("rightMenu.followedTags")
-        )
-      },
-      /* @__PURE__ */ React__default.createElement(Divider, null),
-      /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, tags.tags.map((tag) => /* @__PURE__ */ React__default.createElement(TagChip, { key: tag, tag })))
-    )
-  );
+    /* @__PURE__ */ React__default.createElement(Divider, null),
+    /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, tags.tags.map((tag) => /* @__PURE__ */ React__default.createElement(TagChip, { key: tag, tag })))
+  ));
 };
 
 export { FollowedTagsList };

package/dist/components/FollowedLists/FollowedTagsList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { TagChip } from '../TagsAndEntities/TagChip';\nimport { useStyles, useTagsFollow, useTranslation } from '../../hooks';\n\nexport const FollowedTagsList = () => {\n  const classes = useStyles();\n  const tags = useTagsFollow();\n  const { t } = useTranslation();\n\n  if (tags.tags.length === 0 || tags.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaQuestionHighlightList ${classes.postHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaQuestionHighlightListList ${classes.postHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedTags')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {tags.tags.map(tag => (\n            <TagChip key={tag} tag={tag} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AASO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,0BAA0B,CAAA,CAAA;AAAA,MAC1E,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnCA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAAiC,8BAAA,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,QACrE,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,wBAAwB,CAAA;AAAA,SAC7B;AAAA,OAAA;AAAA,mDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,mDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAI,yBACZA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAK,GAAK,EAAA,GAAA,EAAU,CAC9B,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { TagChip } from '../TagsAndEntities/TagChip';\nimport { useTagsFollow, useTranslation } from '../../hooks';\n\nexport const FollowedTagsList = () => {\n  const tags = useTagsFollow();\n  const { t } = useTranslation();\n\n  if (tags.tags.length === 0 || tags.loading) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedTags')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {tags.tags.map(tag => (\n            <TagChip key={tag} tag={tag} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AASO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,OAAS,EAAA,EAAE,IAAI,MAAQ,EAAA,EAAA,EAAI,SAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,GAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,SAAA;AAAA,QAEL,EAAE,wBAAwB,CAAA;AAAA,OAC7B;AAAA,KAAA;AAAA,iDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,iDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAI,yBACZA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAK,GAAK,EAAA,GAAA,EAAU,CAC9B,CACH,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/HeaderImageInput/HeaderImageInput.esm.js

@@ -8,17 +8,23 @@ import { useApi, configApiRef, errorApiRef } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
-import { useFormStyles } from '../../hooks/useFormStyles.esm.js';
+import { styled } from '@mui/system';
 
+const HeaderImage = styled("img")(({ theme }) => ({
+  marginBottom: "1rem",
+  marginTop: "1rem",
+  height: "250px",
+  objectFit: "cover",
+  width: "100%",
+  border: `1px solid ${theme.palette.background.paper}`
+}));
 const HeaderImageInput = (props) => {
   const { url, onChange, onImageUpload, postId, collectionId } = props;
   const configApi = useApi(configApiRef);
   const qetaApi = useApi(qetaApiRef);
   const errorApi = useApi(errorApiRef);
   const { t } = useTranslation();
-  const styles = useFormStyles();
   const isUploadDisabled = configApi.getOptionalBoolean("qeta.storage.disabled") || false;
   return /* @__PURE__ */ React__default.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: isUploadDisabled ? 12 : 10 }, /* @__PURE__ */ React__default.createElement(
     TextField,
@@ -56,7 +62,7 @@ const HeaderImageInput = (props) => {
         }
       }
     }
-  ), /* @__PURE__ */ React__default.createElement("label", { htmlFor: "headerImage" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "contained", color: "primary", component: "span" }, t("fileInput.uploadHeaderImage")))), url && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, t("fileInput.preview")), /* @__PURE__ */ React__default.createElement("img", { className: styles.headerImage, src: url, alt: "header" })));
+  ), /* @__PURE__ */ React__default.createElement("label", { htmlFor: "headerImage" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "contained", color: "primary", component: "span" }, t("fileInput.uploadHeaderImage")))), url && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, t("fileInput.preview")), /* @__PURE__ */ React__default.createElement(HeaderImage, { src: url, alt: "header" })));
 };
 
 export { HeaderImageInput };

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport TextField from '@mui/material/TextField';\nimport { imageUpload } from '../../utils/utils';\nimport React from 'react';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { useFormStyles } from '../../hooks/useFormStyles';\n\nexport const HeaderImageInput = (props: {\n  url?: string;\n  onChange: (url?: string) => void;\n  onImageUpload: (imageId: number) => void;\n  postId?: number;\n  collectionId?: number;\n}) => {\n  const { url, onChange, onImageUpload, postId, collectionId } = props;\n  const configApi = useApi(configApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const errorApi = useApi(errorApiRef);\n  const { t } = useTranslation();\n  const styles = useFormStyles();\n\n  const isUploadDisabled =\n    configApi.getOptionalBoolean('qeta.storage.disabled') || false;\n\n  return (\n    <Grid container alignItems=\"center\">\n      <Grid item xs={isUploadDisabled ? 12 : 10}>\n        <TextField\n          value={url ?? ''}\n          fullWidth\n          label={t('fileInput.label')}\n          placeholder=\"https://\"\n          margin=\"normal\"\n          variant=\"outlined\"\n          onChange={e => onChange(e.target.value)}\n          helperText={t('fileInput.helperText')}\n        />\n      </Grid>\n      {!isUploadDisabled && (\n        <Grid item xs={2}>\n          <input\n            accept=\"image/*\"\n            style={{ display: 'none' }}\n            id=\"headerImage\"\n            type=\"file\"\n            onChange={async event => {\n              if (!event.target.files || event.target.files.length === 0) {\n                return;\n              }\n              const buffer = await event.target.files[0].arrayBuffer();\n\n              const uri = await imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload,\n                postId,\n                collectionId,\n              })(buffer).next();\n              if (typeof uri.value === 'string') {\n                onChange(uri.value);\n              }\n            }}\n          />\n          <label htmlFor=\"headerImage\">\n            <Button variant=\"contained\" color=\"primary\" component=\"span\">\n              {t('fileInput.uploadHeaderImage')}\n            </Button>\n          </label>\n        </Grid>\n      )}\n      {url && (\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n          <img className={styles.headerImage} src={url} alt=\"header\" />\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport TextField from '@mui/material/TextField';\nimport { imageUpload } from '../../utils/utils';\nimport React from 'react';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { styled } from '@mui/system';\n\nconst HeaderImage = styled('img')(({ theme }) => ({\n  marginBottom: '1rem',\n  marginTop: '1rem',\n  height: '250px',\n  objectFit: 'cover',\n  width: '100%',\n  border: `1px solid ${theme.palette.background.paper}`,\n}));\n\nexport const HeaderImageInput = (props: {\n  url?: string;\n  onChange: (url?: string) => void;\n  onImageUpload: (imageId: number) => void;\n  postId?: number;\n  collectionId?: number;\n}) => {\n  const { url, onChange, onImageUpload, postId, collectionId } = props;\n  const configApi = useApi(configApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const errorApi = useApi(errorApiRef);\n  const { t } = useTranslation();\n\n  const isUploadDisabled =\n    configApi.getOptionalBoolean('qeta.storage.disabled') || false;\n\n  return (\n    <Grid container alignItems=\"center\">\n      <Grid item xs={isUploadDisabled ? 12 : 10}>\n        <TextField\n          value={url ?? ''}\n          fullWidth\n          label={t('fileInput.label')}\n          placeholder=\"https://\"\n          margin=\"normal\"\n          variant=\"outlined\"\n          onChange={e => onChange(e.target.value)}\n          helperText={t('fileInput.helperText')}\n        />\n      </Grid>\n      {!isUploadDisabled && (\n        <Grid item xs={2}>\n          <input\n            accept=\"image/*\"\n            style={{ display: 'none' }}\n            id=\"headerImage\"\n            type=\"file\"\n            onChange={async event => {\n              if (!event.target.files || event.target.files.length === 0) {\n                return;\n              }\n              const buffer = await event.target.files[0].arrayBuffer();\n\n              const uri = await imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload,\n                postId,\n                collectionId,\n              })(buffer).next();\n              if (typeof uri.value === 'string') {\n                onChange(uri.value);\n              }\n            }}\n          />\n          <label htmlFor=\"headerImage\">\n            <Button variant=\"contained\" color=\"primary\" component=\"span\">\n              {t('fileInput.uploadHeaderImage')}\n            </Button>\n          </label>\n        </Grid>\n      )}\n      {url && (\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n          <HeaderImage src={url} alt=\"header\" />\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/HomePageCards/ImpactCard.esm.js

@@ -8,7 +8,6 @@ import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const ImpactCard = () => {

package/dist/components/HomePageCards/ImpactCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import React from 'react';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport numeral from 'numeral';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\nexport const ImpactCard = () => {\n  const { t } = useTranslation();\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserImpact(), []);\n\n  if (loading || error || !response) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <Card>\n        <CardContent>\n          <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n          <Typography variant=\"h5\">\n            {response.impact >= 1000\n              ? numeral(response.impact).format('0.0 a')\n              : response.impact}\n            <Typography variant=\"caption\" style={{ marginLeft: '1rem' }}>\n              {t('impactCard.views')}\n            </Typography>\n          </Typography>\n          <Typography variant=\"body2\">\n            {t('impactCard.contributions', {\n              lastWeek: response.lastWeekImpact.toString(10),\n            })}\n          </Typography>\n        </CardContent>\n      </Card>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAQO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,MAAQ,EAAA,EAAA,EAAI,OAAQ,EAAA,EAAA,kBACrCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,+CACE,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CAChD,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,QAAA,CAAS,MAAU,IAAA,GAAA,GAChB,QAAQ,QAAS,CAAA,MAAM,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA,GACvC,QAAS,CAAA,MAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,KAAO,EAAA,EAAE,YAAY,MAAO,EAAA,EAAA,EACvD,CAAE,CAAA,kBAAkB,CACvB,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,CAAA,CAAE,0BAA4B,EAAA;AAAA,IAC7B,QAAU,EAAA,QAAA,CAAS,cAAe,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,GAC9C,CACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import React from 'react';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport numeral from 'numeral';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\nexport const ImpactCard = () => {\n  const { t } = useTranslation();\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserImpact(), []);\n\n  if (loading || error || !response) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <Card>\n        <CardContent>\n          <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n          <Typography variant=\"h5\">\n            {response.impact >= 1000\n              ? numeral(response.impact).format('0.0 a')\n              : response.impact}\n            <Typography variant=\"caption\" style={{ marginLeft: '1rem' }}>\n              {t('impactCard.views')}\n            </Typography>\n          </Typography>\n          <Typography variant=\"body2\">\n            {t('impactCard.contributions', {\n              lastWeek: response.lastWeekImpact.toString(10),\n            })}\n          </Typography>\n        </CardContent>\n      </Card>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAQO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,MAAQ,EAAA,EAAA,EAAI,OAAQ,EAAA,EAAA,kBACrCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,+CACE,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CAChD,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,QAAA,CAAS,MAAU,IAAA,GAAA,GAChB,QAAQ,QAAS,CAAA,MAAM,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA,GACvC,QAAS,CAAA,MAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,KAAO,EAAA,EAAE,YAAY,MAAO,EAAA,EAAA,EACvD,CAAE,CAAA,kBAAkB,CACvB,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,CAAA,CAAE,0BAA4B,EAAA;AAAA,IAC7B,QAAU,EAAA,QAAA,CAAS,cAAe,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,GAC9C,CACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/HomePageCards/PostsCard.esm.js

@@ -25,7 +25,6 @@ import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import '@backstage/core-plugin-api/alpha';
 import '../../translation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 import '@mui/material/Autocomplete';
 import '@backstage/plugin-catalog-react';

package/dist/components/HomePageCards/PostsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostsCard.esm.js","sources":["../../../src/components/HomePageCards/PostsCard.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport CardHeader from '@mui/material/CardHeader';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport React from 'react';\nimport { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { PostListItem } from '../PostsContainer';\nimport { useQetaApi } from '../../hooks';\n\nexport const PostsCard = (props: {\n  type: string;\n  title: string;\n  options?: PostsQuery;\n  icon?: React.ReactNode;\n  postType?: PostType;\n}) => {\n  const { value: response } = useQetaApi(\n    api => api.getPosts({ limit: 3, type: props.postType, ...props.options }),\n    [],\n  );\n\n  const posts = response?.posts ?? [];\n  if (posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader style={{ paddingBottom: '8px' }} title={props.title} />\n      <Grid container spacing={2}>\n        {posts.map(question => {\n          return (\n            <Grid item xs={12} key={question.id}>\n              <PostListItem post={question} type={props.postType} />\n              <Divider />\n            </Grid>\n          );\n        })}\n      </Grid>\n    </Card>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,SAAA,GAAY,CAAC,KAMpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAO,GAAA,KAAA,GAAA,CAAI,QAAS,CAAA,EAAE,KAAO,EAAA,CAAA,EAAG,IAAM,EAAA,KAAA,CAAM,QAAU,EAAA,GAAG,KAAM,CAAA,OAAA,EAAS,CAAA;AAAA,IACxE,EAAC;AAAA,GACH,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC,CAAA;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,4BACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA,+CAChE,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,KAAM,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACrB,IAAA,oDACG,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,KAAK,QAAS,CAAA,EAAA,EAAA,+CAC9B,YAAa,EAAA,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,KAAA,CAAM,UAAU,CACpD,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PostsCard.esm.js","sources":["../../../src/components/HomePageCards/PostsCard.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport CardHeader from '@mui/material/CardHeader';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport React from 'react';\nimport { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { PostListItem } from '../PostsContainer';\nimport { useQetaApi } from '../../hooks';\n\nexport const PostsCard = (props: {\n  type: string;\n  title: string;\n  options?: PostsQuery;\n  icon?: React.ReactNode;\n  postType?: PostType;\n}) => {\n  const { value: response } = useQetaApi(\n    api => api.getPosts({ limit: 3, type: props.postType, ...props.options }),\n    [],\n  );\n\n  const posts = response?.posts ?? [];\n  if (posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader style={{ paddingBottom: '8px' }} title={props.title} />\n      <Grid container spacing={2}>\n        {posts.map(question => {\n          return (\n            <Grid item xs={12} key={question.id}>\n              <PostListItem post={question} type={props.postType} />\n              <Divider />\n            </Grid>\n          );\n        })}\n      </Grid>\n    </Card>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,SAAA,GAAY,CAAC,KAMpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAO,GAAA,KAAA,GAAA,CAAI,QAAS,CAAA,EAAE,KAAO,EAAA,CAAA,EAAG,IAAM,EAAA,KAAA,CAAM,QAAU,EAAA,GAAG,KAAM,CAAA,OAAA,EAAS,CAAA;AAAA,IACxE,EAAC;AAAA,GACH,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC,CAAA;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,4BACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA,+CAChE,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,KAAM,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACrB,IAAA,oDACG,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,KAAK,QAAS,CAAA,EAAA,EAAA,+CAC9B,YAAa,EAAA,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,KAAA,CAAM,UAAU,CACpD,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/LeftMenu/LeftMenu.esm.js

@@ -5,7 +5,6 @@ import ListItem from '@mui/material/ListItem';
 import SvgIcon from '@mui/material/SvgIcon';
 import MenuList from '@mui/material/MenuList';
 import ListItemIcon from '@mui/material/ListItemIcon';
-import makeStyles from '@mui/styles/makeStyles';
 import AccountBox from '@mui/icons-material/AccountBox';
 import LoyaltyOutlined from '@mui/icons-material/LoyaltyOutlined';
 import StarIcon from '@mui/icons-material/Star';
@@ -25,53 +24,16 @@ import '@mui/material/List';
 import '@mui/material/ListItemAvatar';
 import '@mui/material/ListItemText';
 import { TrophyIcon } from '../TopRankingUsersCard/TrophyIcon.esm.js';
-import '../TopRankingUsersCard/styles.esm.js';
 import '@backstage/plugin-catalog-react';
 import '../../api.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import { styled } from '@mui/system';
 
-const useStyles = makeStyles(
-  (theme) => {
-    return {
-      leftMenu: {
-        top: "0",
-        width: "165px",
-        paddingTop: "2rem"
-      },
-      inPopup: {
-        marginRight: 0,
-        padding: "0.5rem"
-      },
-      outsidePopup: {
-        marginRight: theme.spacing(5),
-        marginLeft: theme.spacing(1),
-        float: "right",
-        position: "sticky"
-      },
-      selectedMenuItem: {
-        color: theme.palette.primary.contrastText,
-        backgroundColor: theme.palette.primary.light,
-        borderRadius: theme.shape.borderRadius,
-        "&:hover": {
-          backgroundColor: theme.palette.primary.dark
-        },
-        "& svg": {
-          color: theme.palette.primary.contrastText
-        }
-      },
-      nonSelectedMenuItem: {
-        backgroundColor: "initial"
-      },
-      menuIcon: {
-        minWidth: "26px"
-      }
-    };
-  },
-  { name: "QetaLeftMenu" }
-);
+const LeftMenuItem = styled(ListItemIcon)({
+  minWidth: "26px !important"
+});
 const LeftMenu = (props) => {
   const rootRoute = useRouteRef(qetaRouteRef);
   const tagsRoute = useRouteRef(tagsRouteRef);
@@ -84,7 +46,6 @@ const LeftMenu = (props) => {
   const entitiesRoute = useRouteRef(entitiesRouteRef);
   const usersRoute = useRouteRef(usersRouteRef);
   const moderatorRoute = useRouteRef(moderatorRouteRef);
-  const styles = useStyles();
   const { t } = useTranslation();
   const location = useLocation();
   const navigate = useNavigate();
@@ -108,7 +69,19 @@ const LeftMenu = (props) => {
             props.onClick(e);
           }
         },
-        className: route === location.pathname ? styles.selectedMenuItem : styles.nonSelectedMenuItem
+        sx: {
+          ...route === location.pathname ? {
+            color: "primary.contrastText",
+            backgroundColor: "primary.light",
+            borderRadius: 1,
+            "&:hover": {
+              backgroundColor: "primary.dark"
+            },
+            "& svg": {
+              color: "primary.contrastText"
+            }
+          } : { backgroundColor: "initial", borderRadius: 1 }
+        }
       },
       children
     );
@@ -118,7 +91,17 @@ const LeftMenu = (props) => {
     MenuList,
     {
       id: "left-menu",
-      className: `${styles.leftMenu} ${props.inPopup ? styles.inPopup : styles.outsidePopup}`,
+      sx: {
+        top: "0",
+        width: "165px",
+        paddingTop: "2rem",
+        ...props.inPopup ? { marginRight: 0, padding: "0.5rem" } : {
+          marginRight: 5,
+          marginLeft: 1,
+          float: "right",
+          position: "sticky"
+        }
+      },
       onKeyDown: props.onKeyDown,
       autoFocusItem: props.autoFocusItem
     },
@@ -127,22 +110,22 @@ const LeftMenu = (props) => {
       {
         display: props.inPopup ? {} : { xs: "none", sm: "none", md: "none", lg: "block" }
       },
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: rootRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(Home, { fontSize: "small" })), t("leftMenu.home")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: rootRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(Home, { fontSize: "small" })), t("leftMenu.home")),
       /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.content"))),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: questionsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(HelpOutlined, { fontSize: "small" })), t("leftMenu.questions")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: articlesRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(CollectionsBookmarkIcon, { fontSize: "small" })), t("leftMenu.articles")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: favoritesRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(StarIcon, { fontSize: "small" })), t("leftMenu.favoriteQuestions")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: entitiesRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(EntityIcon, { fontSize: "small" })), t("leftMenu.entities")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: tagsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(LoyaltyOutlined, { fontSize: "small" })), t("leftMenu.tags")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: questionsRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(HelpOutlined, { fontSize: "small" })), t("leftMenu.questions")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: articlesRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(CollectionsBookmarkIcon, { fontSize: "small" })), t("leftMenu.articles")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: favoritesRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(StarIcon, { fontSize: "small" })), t("leftMenu.favoriteQuestions")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: entitiesRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(EntityIcon, { fontSize: "small" })), t("leftMenu.entities")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: tagsRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(LoyaltyOutlined, { fontSize: "small" })), t("leftMenu.tags")),
       /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.community"))),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: collectionsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(PlaylistPlay, { fontSize: "small" })), t("leftMenu.collections")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: usersRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(GroupIcon, { fontSize: "small" })), t("leftMenu.users")),
-      user && !loadingUser && !userError && /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(AccountBox, { fontSize: "small" })), t("leftMenu.profile")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: statisticsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(TrophyIcon, null)), t("leftMenu.statistics")),
-      isModerator && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.manage"))), /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: moderatorRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(SettingsIcon, null)), t("leftMenu.moderate")))
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: collectionsRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(PlaylistPlay, { fontSize: "small" })), t("leftMenu.collections")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: usersRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(GroupIcon, { fontSize: "small" })), t("leftMenu.users")),
+      user && !loadingUser && !userError && /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(AccountBox, { fontSize: "small" })), t("leftMenu.profile")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: statisticsRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(TrophyIcon, null)), t("leftMenu.statistics")),
+      isModerator && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.manage"))), /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: moderatorRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(SettingsIcon, null)), t("leftMenu.moderate")))
     )
   );
 };
 
-export { LeftMenu, useStyles };
+export { LeftMenu };
 //# sourceMappingURL=LeftMenu.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItem from '@mui/material/ListItem';\nimport SvgIcon from '@mui/material/SvgIcon';\nimport MenuList from '@mui/material/MenuList';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport makeStyles from '@mui/styles/makeStyles';\nimport AccountBox from '@mui/icons-material/AccountBox';\nimport LoyaltyOutlined from '@mui/icons-material/LoyaltyOutlined';\nimport StarIcon from '@mui/icons-material/Star';\nimport React, { ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport HelpOutlined from '@mui/icons-material/HelpOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport Home from '@mui/icons-material/Home';\nimport { useLocation } from 'react-use';\nimport CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';\nimport PlaylistPlay from '@mui/icons-material/PlaylistPlay';\nimport SettingsIcon from '@mui/icons-material/Settings';\nimport { GroupIcon } from '@backstage/core-components';\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '../../routes';\nimport { TrophyIcon } from '../TopRankingUsersCard';\nimport { useIdentityApi, useIsModerator, useTranslation } from '../../hooks';\n\nexport type QetaLeftMenuClassKey =\n  | 'leftMenu'\n  | 'inPopup'\n  | 'outsidePopup'\n  | 'selectedMenuItem'\n  | 'nonSelectedMenuItem'\n  | 'menuIcon';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      leftMenu: {\n        top: '0',\n        width: '165px',\n        paddingTop: '2rem',\n      },\n      inPopup: {\n        marginRight: 0,\n        padding: '0.5rem',\n      },\n      outsidePopup: {\n        marginRight: theme.spacing(5),\n        marginLeft: theme.spacing(1),\n        float: 'right',\n        position: 'sticky',\n      },\n      selectedMenuItem: {\n        color: theme.palette.primary.contrastText,\n        backgroundColor: theme.palette.primary.light,\n        borderRadius: theme.shape.borderRadius,\n        '&:hover': {\n          backgroundColor: theme.palette.primary.dark,\n        },\n        '& svg': {\n          color: theme.palette.primary.contrastText,\n        },\n      },\n      nonSelectedMenuItem: {\n        backgroundColor: 'initial',\n      },\n      menuIcon: {\n        minWidth: '26px',\n      },\n    };\n  },\n  { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (\n    event: MouseEvent | TouchEvent | React.MouseEvent<EventTarget>,\n  ) => void;\n  inPopup?: boolean;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const app = useApp();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const CustomMenuItem = ({\n    route,\n    children,\n  }: {\n    route: string;\n    children: ReactNode[];\n  }) => {\n    return (\n      <MenuItem\n        onClick={e => {\n          navigate(route);\n          if (props.onClick) {\n            props.onClick(e);\n          }\n        }}\n        className={\n          route === location.pathname\n            ? styles.selectedMenuItem\n            : styles.nonSelectedMenuItem\n        }\n      >\n        {children}\n      </MenuItem>\n    );\n  };\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? SvgIcon;\n\n  return (\n    <MenuList\n      id=\"left-menu\"\n      className={`${styles.leftMenu} ${\n        props.inPopup ? styles.inPopup : styles.outsidePopup\n      }`}\n      onKeyDown={props.onKeyDown}\n      autoFocusItem={props.autoFocusItem}\n    >\n      <Box\n        display={\n          props.inPopup\n            ? {}\n            : { xs: 'none', sm: 'none', md: 'none', lg: 'block' }\n        }\n      >\n        <CustomMenuItem route={rootRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <Home fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.home')}\n        </CustomMenuItem>\n        <ListItem>\n          <Typography variant=\"subtitle2\">{t('leftMenu.content')}</Typography>\n        </ListItem>\n        <CustomMenuItem route={questionsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <HelpOutlined fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.questions')}\n        </CustomMenuItem>\n        <CustomMenuItem route={articlesRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <CollectionsBookmarkIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.articles')}\n        </CustomMenuItem>\n        <CustomMenuItem route={favoritesRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <StarIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.favoriteQuestions')}\n        </CustomMenuItem>\n        <CustomMenuItem route={entitiesRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <EntityIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.entities')}\n        </CustomMenuItem>\n        <CustomMenuItem route={tagsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <LoyaltyOutlined fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.tags')}\n        </CustomMenuItem>\n        <ListItem>\n          <Typography variant=\"subtitle2\">{t('leftMenu.community')}</Typography>\n        </ListItem>\n        <CustomMenuItem route={collectionsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <PlaylistPlay fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.collections')}\n        </CustomMenuItem>\n        <CustomMenuItem route={usersRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <GroupIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.users')}\n        </CustomMenuItem>\n        {user && !loadingUser && !userError && (\n          <CustomMenuItem route={`${userRoute()}/${user.userEntityRef}`}>\n            <ListItemIcon className={styles.menuIcon}>\n              <AccountBox fontSize=\"small\" />\n            </ListItemIcon>\n            {t('leftMenu.profile')}\n          </CustomMenuItem>\n        )}\n        <CustomMenuItem route={statisticsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <TrophyIcon />\n          </ListItemIcon>\n          {t('leftMenu.statistics')}\n        </CustomMenuItem>\n        {isModerator && (\n          <>\n            <ListItem>\n              <Typography variant=\"subtitle2\">\n                {t('leftMenu.manage')}\n              </Typography>\n            </ListItem>\n            <CustomMenuItem route={moderatorRoute()}>\n              <ListItemIcon className={styles.menuIcon}>\n                <SettingsIcon />\n              </ListItemIcon>\n              {t('leftMenu.moderate')}\n            </CustomMenuItem>\n          </>\n        )}\n      </Box>\n    </MenuList>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItem from '@mui/material/ListItem';\nimport SvgIcon from '@mui/material/SvgIcon';\nimport MenuList from '@mui/material/MenuList';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport AccountBox from '@mui/icons-material/AccountBox';\nimport LoyaltyOutlined from '@mui/icons-material/LoyaltyOutlined';\nimport StarIcon from '@mui/icons-material/Star';\nimport React, { ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport HelpOutlined from '@mui/icons-material/HelpOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport Home from '@mui/icons-material/Home';\nimport { useLocation } from 'react-use';\nimport CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';\nimport PlaylistPlay from '@mui/icons-material/PlaylistPlay';\nimport SettingsIcon from '@mui/icons-material/Settings';\nimport { GroupIcon } from '@backstage/core-components';\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '../../routes';\nimport { TrophyIcon } from '../TopRankingUsersCard';\nimport { useIdentityApi, useIsModerator, useTranslation } from '../../hooks';\nimport { styled } from '@mui/system';\n\nconst LeftMenuItem = styled(ListItemIcon)({\n  minWidth: '26px !important',\n});\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (\n    event: MouseEvent | TouchEvent | React.MouseEvent<EventTarget>,\n  ) => void;\n  inPopup?: boolean;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const app = useApp();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const CustomMenuItem = ({\n    route,\n    children,\n  }: {\n    route: string;\n    children: ReactNode[];\n  }) => {\n    return (\n      <MenuItem\n        onClick={e => {\n          navigate(route);\n          if (props.onClick) {\n            props.onClick(e);\n          }\n        }}\n        sx={{\n          ...(route === location.pathname\n            ? {\n                color: 'primary.contrastText',\n                backgroundColor: 'primary.light',\n                borderRadius: 1,\n                '&:hover': {\n                  backgroundColor: 'primary.dark',\n                },\n                '& svg': {\n                  color: 'primary.contrastText',\n                },\n              }\n            : { backgroundColor: 'initial', borderRadius: 1 }),\n        }}\n      >\n        {children}\n      </MenuItem>\n    );\n  };\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? SvgIcon;\n\n  return (\n    <MenuList\n      id=\"left-menu\"\n      sx={{\n        top: '0',\n        width: '165px',\n        paddingTop: '2rem',\n        ...(props.inPopup\n          ? { marginRight: 0, padding: '0.5rem' }\n          : {\n              marginRight: 5,\n              marginLeft: 1,\n              float: 'right',\n              position: 'sticky',\n            }),\n      }}\n      onKeyDown={props.onKeyDown}\n      autoFocusItem={props.autoFocusItem}\n    >\n      <Box\n        display={\n          props.inPopup\n            ? {}\n            : { xs: 'none', sm: 'none', md: 'none', lg: 'block' }\n        }\n      >\n        <CustomMenuItem route={rootRoute()}>\n          <LeftMenuItem>\n            <Home fontSize=\"small\" />\n          </LeftMenuItem>\n          {t('leftMenu.home')}\n        </CustomMenuItem>\n        <ListItem>\n          <Typography variant=\"subtitle2\">{t('leftMenu.content')}</Typography>\n        </ListItem>\n        <CustomMenuItem route={questionsRoute()}>\n          <LeftMenuItem>\n            <HelpOutlined fontSize=\"small\" />\n          </LeftMenuItem>\n          {t('leftMenu.questions')}\n        </CustomMenuItem>\n        <CustomMenuItem route={articlesRoute()}>\n          <LeftMenuItem>\n            <CollectionsBookmarkIcon fontSize=\"small\" />\n          </LeftMenuItem>\n          {t('leftMenu.articles')}\n        </CustomMenuItem>\n        <CustomMenuItem route={favoritesRoute()}>\n          <LeftMenuItem>\n            <StarIcon fontSize=\"small\" />\n          </LeftMenuItem>\n          {t('leftMenu.favoriteQuestions')}\n        </CustomMenuItem>\n        <CustomMenuItem route={entitiesRoute()}>\n          <LeftMenuItem>\n            <EntityIcon fontSize=\"small\" />\n          </LeftMenuItem>\n          {t('leftMenu.entities')}\n        </CustomMenuItem>\n        <CustomMenuItem route={tagsRoute()}>\n          <LeftMenuItem>\n            <LoyaltyOutlined fontSize=\"small\" />\n          </LeftMenuItem>\n          {t('leftMenu.tags')}\n        </CustomMenuItem>\n        <ListItem>\n          <Typography variant=\"subtitle2\">{t('leftMenu.community')}</Typography>\n        </ListItem>\n        <CustomMenuItem route={collectionsRoute()}>\n          <LeftMenuItem>\n            <PlaylistPlay fontSize=\"small\" />\n          </LeftMenuItem>\n          {t('leftMenu.collections')}\n        </CustomMenuItem>\n        <CustomMenuItem route={usersRoute()}>\n          <LeftMenuItem>\n            <GroupIcon fontSize=\"small\" />\n          </LeftMenuItem>\n          {t('leftMenu.users')}\n        </CustomMenuItem>\n        {user && !loadingUser && !userError && (\n          <CustomMenuItem route={`${userRoute()}/${user.userEntityRef}`}>\n            <LeftMenuItem>\n              <AccountBox fontSize=\"small\" />\n            </LeftMenuItem>\n            {t('leftMenu.profile')}\n          </CustomMenuItem>\n        )}\n        <CustomMenuItem route={statisticsRoute()}>\n          <LeftMenuItem>\n            <TrophyIcon />\n          </LeftMenuItem>\n          {t('leftMenu.statistics')}\n        </CustomMenuItem>\n        {isModerator && (\n          <>\n            <ListItem>\n              <Typography variant=\"subtitle2\">\n                {t('leftMenu.manage')}\n              </Typography>\n            </ListItem>\n            <CustomMenuItem route={moderatorRoute()}>\n              <LeftMenuItem>\n                <SettingsIcon />\n              </LeftMenuItem>\n              {t('leftMenu.moderate')}\n            </CustomMenuItem>\n          </>\n        )}\n      </Box>\n    </MenuList>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/Links/Links.esm.js

@@ -6,7 +6,6 @@ import { userRouteRef } from '../../routes.esm.js';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const UserLink = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  linkProps?: LinkProps;\n}) => {\n  const { entityRef, linkProps } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslation();\n  const { primaryTitle: userName } = useEntityPresentation(\n    entityRef.startsWith('user:') ? entityRef : `user:${entityRef}`,\n  );\n  if (entityRef === 'anonymous') {\n    return <>{t('userLink.anonymous')}</>;\n  }\n  return (\n    <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n      {userName}\n    </Link>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return <UserLink entityRef={entity.author} linkProps={linkProps} />;\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return <UserLink entityRef={entity.updatedBy} linkProps={linkProps} />;\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AAQa,MAAA,QAAA,GAAW,CAAC,KAGnB,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACjC,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA,EAAE,YAAc,EAAA,QAAA,EAAa,GAAA,qBAAA;AAAA,IACjC,UAAU,UAAW,CAAA,OAAO,CAAI,GAAA,SAAA,GAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,GAC/D,CAAA;AACA,EAAA,IAAI,cAAc,WAAa,EAAA;AAC7B,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAG,CAAE,CAAA,oBAAoB,CAAE,CAAA,CAAA;AAAA,GACpC;AACA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAAA,EAC1C,QACH,CAAA,CAAA;AAEJ,EAAA;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,QAAQ,SAAsB,EAAA,CAAA,CAAA;AACnE,EAAA;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,WAAW,SAAsB,EAAA,CAAA,CAAA;AACtE;;;;"}
+{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  linkProps?: LinkProps;\n}) => {\n  const { entityRef, linkProps } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslation();\n  const { primaryTitle: userName } = useEntityPresentation(\n    entityRef.startsWith('user:') ? entityRef : `user:${entityRef}`,\n  );\n  if (entityRef === 'anonymous') {\n    return <>{t('userLink.anonymous')}</>;\n  }\n  return (\n    <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n      {userName}\n    </Link>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return <UserLink entityRef={entity.author} linkProps={linkProps} />;\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return <UserLink entityRef={entity.updatedBy} linkProps={linkProps} />;\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAQa,MAAA,QAAA,GAAW,CAAC,KAGnB,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACjC,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA,EAAE,YAAc,EAAA,QAAA,EAAa,GAAA,qBAAA;AAAA,IACjC,UAAU,UAAW,CAAA,OAAO,CAAI,GAAA,SAAA,GAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,GAC/D,CAAA;AACA,EAAA,IAAI,cAAc,WAAa,EAAA;AAC7B,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAG,CAAE,CAAA,oBAAoB,CAAE,CAAA,CAAA;AAAA,GACpC;AACA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAAA,EAC1C,QACH,CAAA,CAAA;AAEJ,EAAA;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,QAAQ,SAAsB,EAAA,CAAA,CAAA;AACnE,EAAA;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,WAAW,SAAsB,EAAA,CAAA,CAAA;AACtE;;;;"}