@drodil/backstage-plugin-qeta 3.51.0 → 3.52.0

package/dist/components/ContentHealthCard/ContentHealthCard.esm.js

@@ -1,10 +1,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { qetaCreatePostReviewPermission, qetaReadPostReviewPermission } from '@drodil/backstage-plugin-qeta-common';
 import { makeStyles, Card, CardHeader, CardContent, Typography, LinearProgress, Tooltip, Button, Divider } from '@material-ui/core';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { usePermission } from '@backstage/plugin-permission-react';
-import { qetaTranslationRef, useQetaApi, ObsoleteModal, ValidReviewModal } from '@drodil/backstage-plugin-qeta-react';
+import { useCanReview, qetaTranslationRef, useQetaApi, ObsoleteModal, ValidReviewModal } from '@drodil/backstage-plugin-qeta-react';
 import CheckIcon from '@material-ui/icons/Check';
 import BlockIcon from '@material-ui/icons/Block';
 import { Alert } from '@material-ui/lab';
@@ -47,13 +45,8 @@ const useStyles = makeStyles((theme) => ({
 }));
 const ContentHealthCard = ({ post }) => {
   const classes = useStyles();
+  const { canReview, canRead } = useCanReview();
   const { t } = useTranslationRef(qetaTranslationRef);
-  const { allowed: canReview } = usePermission({
-    permission: qetaCreatePostReviewPermission
-  });
-  const { allowed: canRead } = usePermission({
-    permission: qetaReadPostReviewPermission
-  });
   const { value: reviews } = useQetaApi(
     (api) => api.getPostReviews(post.id),
     [post.id]
@@ -63,7 +56,7 @@ const ContentHealthCard = ({ post }) => {
   const handleRefresh = () => {
     window.location.reload();
   };
-  if (!canRead) {
+  if (!canRead && !canReview) {
     return null;
   }
   const getProgressColor = (score) => {

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

@@ -1 +1 @@
-{"version":3,"file":"ContentHealthCard.esm.js","sources":["../../../src/components/ContentHealthCard/ContentHealthCard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Post,\n  qetaCreatePostReviewPermission,\n  qetaReadPostReviewPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Button,\n  Typography,\n  makeStyles,\n  LinearProgress,\n  Tooltip,\n  Card,\n  CardContent,\n  CardHeader,\n  Divider,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport {\n  qetaTranslationRef,\n  ObsoleteModal,\n  ValidReviewModal,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport CheckIcon from '@material-ui/icons/Check';\nimport BlockIcon from '@material-ui/icons/Block';\nimport { Alert } from '@material-ui/lab';\nimport { ReviewList } from './ReviewList';\n\nconst useStyles = makeStyles(theme => ({\n  card: {\n    marginBottom: theme.spacing(2),\n  },\n  cardHeader: {\n    paddingBottom: 0,\n  },\n  scoreContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: theme.spacing(1),\n  },\n  scoreLabel: {\n    flexGrow: 1,\n    marginRight: theme.spacing(2),\n  },\n  progressBar: {\n    flexGrow: 2,\n    height: 10,\n    borderRadius: 5,\n  },\n  actions: {\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'flex-end',\n    gap: theme.spacing(1),\n  },\n  obsoleteAlert: {\n    marginTop: theme.spacing(1),\n  },\n  divider: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(1),\n  },\n}));\n\nexport const ContentHealthCard = ({ post }: { post: Post }) => {\n  const classes = useStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { allowed: canReview } = usePermission({\n    permission: qetaCreatePostReviewPermission,\n  });\n  const { allowed: canRead } = usePermission({\n    permission: qetaReadPostReviewPermission,\n  });\n\n  const { value: reviews } = useQetaApi(\n    api => api.getPostReviews(post.id),\n    [post.id],\n  );\n\n  const [openObsoleteModal, setOpenObsoleteModal] = useState(false);\n  const [openValidModal, setOpenValidModal] = useState(false);\n\n  const handleRefresh = () => {\n    window.location.reload();\n  };\n\n  if (!canRead) {\n    return null;\n  }\n\n  const getProgressColor = (score: number) => {\n    if (score > 70) return 'primary';\n    if (score > 40) return 'secondary';\n    return 'secondary';\n  };\n\n  return (\n    <Card className={classes.card}>\n      <CardHeader\n        title={t('contentHealth.cardTitle')}\n        titleTypographyProps={{ variant: 'h6' }}\n        className={classes.cardHeader}\n      />\n      <CardContent>\n        {post.status !== 'obsolete' && post.needsReview && (\n          <Typography variant=\"body2\" paragraph>\n            {t('contentHealth.description')}\n          </Typography>\n        )}\n        <div className={classes.scoreContainer}>\n          <Typography variant=\"body1\" className={classes.scoreLabel}>\n            {t('contentHealth.healthScore', {\n              score: String(post.healthScore),\n            })}\n          </Typography>\n        </div>\n        <LinearProgress\n          variant=\"determinate\"\n          value={post.healthScore ?? 0}\n          className={classes.progressBar}\n          color={getProgressColor(post.healthScore ?? 0)}\n        />\n\n        {post.status === 'obsolete' && (\n          <Alert severity=\"warning\" className={classes.obsoleteAlert}>\n            {t('contentHealth.obsoleteWarning')}\n          </Alert>\n        )}\n\n        {canReview && (post.needsReview || post.status === 'obsolete') && (\n          <div className={classes.actions}>\n            <Tooltip title={t('contentHealth.markValid')}>\n              <Button\n                variant=\"outlined\"\n                color=\"primary\"\n                size=\"small\"\n                startIcon={<CheckIcon />}\n                onClick={() => setOpenValidModal(true)}\n              >\n                {t('contentHealth.valid')}\n              </Button>\n            </Tooltip>\n            <Tooltip title={t('contentHealth.markObsolete')}>\n              <Button\n                variant=\"outlined\"\n                color=\"secondary\"\n                size=\"small\"\n                startIcon={<BlockIcon />}\n                onClick={() => setOpenObsoleteModal(true)}\n              >\n                {t('contentHealth.obsolete')}\n              </Button>\n            </Tooltip>\n          </div>\n        )}\n\n        <ObsoleteModal\n          open={openObsoleteModal}\n          onClose={() => setOpenObsoleteModal(false)}\n          post={post}\n          onConfirm={handleRefresh}\n        />\n        <ValidReviewModal\n          open={openValidModal}\n          onClose={() => setOpenValidModal(false)}\n          post={post}\n          onConfirm={handleRefresh}\n        />\n\n        {reviews && reviews.length > 0 && (\n          <>\n            <Divider className={classes.divider} />\n            <ReviewList reviews={reviews} />\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ContentHealthCard.esm.js","sources":["../../../src/components/ContentHealthCard/ContentHealthCard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Post } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  Divider,\n  LinearProgress,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  ObsoleteModal,\n  qetaTranslationRef,\n  useCanReview,\n  useQetaApi,\n  ValidReviewModal,\n} from '@drodil/backstage-plugin-qeta-react';\nimport CheckIcon from '@material-ui/icons/Check';\nimport BlockIcon from '@material-ui/icons/Block';\nimport { Alert } from '@material-ui/lab';\nimport { ReviewList } from './ReviewList';\n\nconst useStyles = makeStyles(theme => ({\n  card: {\n    marginBottom: theme.spacing(2),\n  },\n  cardHeader: {\n    paddingBottom: 0,\n  },\n  scoreContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: theme.spacing(1),\n  },\n  scoreLabel: {\n    flexGrow: 1,\n    marginRight: theme.spacing(2),\n  },\n  progressBar: {\n    flexGrow: 2,\n    height: 10,\n    borderRadius: 5,\n  },\n  actions: {\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'flex-end',\n    gap: theme.spacing(1),\n  },\n  obsoleteAlert: {\n    marginTop: theme.spacing(1),\n  },\n  divider: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(1),\n  },\n}));\n\nexport const ContentHealthCard = ({ post }: { post: Post }) => {\n  const classes = useStyles();\n  const { canReview, canRead } = useCanReview();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const { value: reviews } = useQetaApi(\n    api => api.getPostReviews(post.id),\n    [post.id],\n  );\n\n  const [openObsoleteModal, setOpenObsoleteModal] = useState(false);\n  const [openValidModal, setOpenValidModal] = useState(false);\n\n  const handleRefresh = () => {\n    window.location.reload();\n  };\n\n  if (!canRead && !canReview) {\n    return null;\n  }\n\n  const getProgressColor = (score: number) => {\n    if (score > 70) return 'primary';\n    if (score > 40) return 'secondary';\n    return 'secondary';\n  };\n\n  return (\n    <Card className={classes.card}>\n      <CardHeader\n        title={t('contentHealth.cardTitle')}\n        titleTypographyProps={{ variant: 'h6' }}\n        className={classes.cardHeader}\n      />\n      <CardContent>\n        {post.status !== 'obsolete' && post.needsReview && (\n          <Typography variant=\"body2\" paragraph>\n            {t('contentHealth.description')}\n          </Typography>\n        )}\n        <div className={classes.scoreContainer}>\n          <Typography variant=\"body1\" className={classes.scoreLabel}>\n            {t('contentHealth.healthScore', {\n              score: String(post.healthScore),\n            })}\n          </Typography>\n        </div>\n        <LinearProgress\n          variant=\"determinate\"\n          value={post.healthScore ?? 0}\n          className={classes.progressBar}\n          color={getProgressColor(post.healthScore ?? 0)}\n        />\n\n        {post.status === 'obsolete' && (\n          <Alert severity=\"warning\" className={classes.obsoleteAlert}>\n            {t('contentHealth.obsoleteWarning')}\n          </Alert>\n        )}\n\n        {canReview && (post.needsReview || post.status === 'obsolete') && (\n          <div className={classes.actions}>\n            <Tooltip title={t('contentHealth.markValid')}>\n              <Button\n                variant=\"outlined\"\n                color=\"primary\"\n                size=\"small\"\n                startIcon={<CheckIcon />}\n                onClick={() => setOpenValidModal(true)}\n              >\n                {t('contentHealth.valid')}\n              </Button>\n            </Tooltip>\n            <Tooltip title={t('contentHealth.markObsolete')}>\n              <Button\n                variant=\"outlined\"\n                color=\"secondary\"\n                size=\"small\"\n                startIcon={<BlockIcon />}\n                onClick={() => setOpenObsoleteModal(true)}\n              >\n                {t('contentHealth.obsolete')}\n              </Button>\n            </Tooltip>\n          </div>\n        )}\n\n        <ObsoleteModal\n          open={openObsoleteModal}\n          onClose={() => setOpenObsoleteModal(false)}\n          post={post}\n          onConfirm={handleRefresh}\n        />\n        <ValidReviewModal\n          open={openValidModal}\n          onClose={() => setOpenValidModal(false)}\n          post={post}\n          onConfirm={handleRefresh}\n        />\n\n        {reviews && reviews.length > 0 && (\n          <>\n            <Divider className={classes.divider} />\n            <ReviewList reviews={reviews} />\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/HomePage/HomePage.esm.js

@@ -1,16 +1,11 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { qetaTranslationRef, useIdentityApi, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, SuggestionsCard, PostsCard } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, SuggestionsCard, Timeline } from '@drodil/backstage-plugin-qeta-react';
 import { Grid } from '@material-ui/core';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import HomeOutlined from '@material-ui/icons/HomeOutlined';
 
 const HomePage = () => {
   const { t } = useTranslationRef(qetaTranslationRef);
-  const {
-    value: user,
-    loading: loadingUser,
-    error: userError
-  } = useIdentityApi((api) => api.getBackstageIdentity(), []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       ContentHeader,
@@ -26,22 +21,7 @@ const HomePage = () => {
     ),
     /* @__PURE__ */ jsxs(Grid, { container: true, children: [
       /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(SuggestionsCard, {}) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-        PostsCard,
-        {
-          title: t("highlights.unanswered.title"),
-          options: { noAnswers: true, random: true, type: "question" },
-          postType: "question"
-        }
-      ) }),
-      user && !loadingUser && !userError && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-        PostsCard,
-        {
-          title: t("highlights.own.title"),
-          options: { author: user.userEntityRef },
-          postType: "question"
-        }
-      ) })
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Timeline, {}) })
     ] })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import {\n  AskQuestionButton,\n  ContentHeader,\n  CreateLinkButton,\n  PostsCard,\n  qetaTranslationRef,\n  SuggestionsCard,\n  useIdentityApi,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\n\nexport const HomePage = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  return (\n    <>\n      <ContentHeader\n        title={t('homePage.title')}\n        titleIcon={<HomeOutlined fontSize=\"large\" />}\n      >\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      <Grid container>\n        <Grid item xs={12}>\n          <SuggestionsCard />\n        </Grid>\n        <Grid item xs={12}>\n          <PostsCard\n            title={t('highlights.unanswered.title')}\n            options={{ noAnswers: true, random: true, type: 'question' }}\n            postType=\"question\"\n          />\n        </Grid>\n        {user && !loadingUser && !userError && (\n          <Grid item xs={12}>\n            <PostsCard\n              title={t('highlights.own.title')}\n              options={{ author: user.userEntityRef }}\n              postType=\"question\"\n            />\n          </Grid>\n        )}\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA;AAExD,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,gBAAgB,CAAA;AAAA,QACzB,SAAW,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAE1C,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,8BAClB,kBAAmB,EAAA,EAAA,CAAA;AAAA,8BACnB,gBAAiB,EAAA,EAAA;AAAA;AAAA;AAAA,KACpB;AAAA,oBACA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CACnB,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,UACtC,SAAS,EAAE,SAAA,EAAW,MAAM,MAAQ,EAAA,IAAA,EAAM,MAAM,UAAW,EAAA;AAAA,UAC3D,QAAS,EAAA;AAAA;AAAA,OAEb,EAAA,CAAA;AAAA,MACC,IAAA,IAAQ,CAAC,WAAA,IAAe,CAAC,SAAA,wBACvB,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,UAC/B,OAAS,EAAA,EAAE,MAAQ,EAAA,IAAA,CAAK,aAAc,EAAA;AAAA,UACtC,QAAS,EAAA;AAAA;AAAA,OAEb,EAAA;AAAA,KAEJ,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import {\n  AskQuestionButton,\n  ContentHeader,\n  CreateLinkButton,\n  qetaTranslationRef,\n  SuggestionsCard,\n  WriteArticleButton,\n  Timeline,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\n\nexport const HomePage = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <>\n      <ContentHeader\n        title={t('homePage.title')}\n        titleIcon={<HomeOutlined fontSize=\"large\" />}\n      >\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      <Grid container>\n        <Grid item xs={12}>\n          <SuggestionsCard />\n        </Grid>\n        <Grid item xs={12}>\n          <Timeline />\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,gBAAgB,CAAA;AAAA,QACzB,SAAW,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAE1C,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,8BAClB,kBAAmB,EAAA,EAAA,CAAA;AAAA,8BACnB,gBAAiB,EAAA,EAAA;AAAA;AAAA;AAAA,KACpB;AAAA,oBACA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CACnB,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAS,CACZ,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/QetaPage/QetaPage.esm.js

@@ -32,26 +32,41 @@ const useStyles = makeStyles((theme) => ({
     padding: 0,
     transition: "all 0.2s ease-in-out",
     flexShrink: 0,
+    position: "sticky",
+    top: theme.spacing(2),
+    alignSelf: "flex-start",
+    maxHeight: "calc(100vh - 100px)",
+    overflow: "hidden",
     [theme.breakpoints.up("lg")]: {
-      width: (props) => props.leftCompact ? 72 : 220,
-      minWidth: (props) => props.leftCompact ? 72 : 220
+      width: (props) => props.leftCompact ? 80 : 210,
+      minWidth: (props) => props.leftCompact ? 80 : 210
     },
     [theme.breakpoints.down("md")]: {
       width: "100%",
-      marginBottom: theme.spacing(1)
+      marginBottom: theme.spacing(1),
+      position: "static",
+      maxHeight: "none"
     }
   },
   rightSidebarColumn: {
     padding: 0,
     transition: "all 0.2s ease-in-out",
     flexShrink: 0,
+    position: "sticky",
+    top: theme.spacing(2),
+    alignSelf: "flex-start",
+    maxHeight: "calc(100vh - 100px)",
+    overflowY: "auto",
+    overflowX: "hidden",
     [theme.breakpoints.up("lg")]: {
-      width: (props) => props.rightCompact ? 72 : 300,
-      minWidth: (props) => props.rightCompact ? 72 : 300
+      width: (props) => props.rightCompact ? 72 : 320,
+      minWidth: (props) => props.rightCompact ? 72 : 320
     },
     [theme.breakpoints.down("md")]: {
       width: "100%",
-      marginTop: theme.spacing(1)
+      marginTop: theme.spacing(1),
+      position: "static",
+      maxHeight: "none"
     }
   },
   mainColumn: {
@@ -97,138 +112,147 @@ const QetaPage = (props) => {
     ),
     /* @__PURE__ */ jsxs(Content, { className: "qetaHomePage", children: [
       introElement,
-      /* @__PURE__ */ jsx(Container, { maxWidth: "xl", children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, justifyContent: "flex-start", children: [
-        /* @__PURE__ */ jsxs(Grid, { item: true, className: classes.sidebarColumn, children: [
-          /* @__PURE__ */ jsx(Box, { display: { xs: "block", lg: "none" }, children: /* @__PURE__ */ jsx(LeftMenuButton, {}) }),
-          /* @__PURE__ */ jsx(Box, { display: { xs: "none", lg: "block" }, children: /* @__PURE__ */ jsx(LeftMenu, { compact: leftCompact, onToggle: toggleLeft }) })
-        ] }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: true, className: classes.mainColumn, children: /* @__PURE__ */ jsxs(Routes, { children: [
-          /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(HomePage, {}) }),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: questionsRouteRef.path,
-              element: /* @__PURE__ */ jsx(QuestionsPage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(Route, { path: askRouteRef.path, element: /* @__PURE__ */ jsx(AskPage, {}) }),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: articlesRouteRef.path,
-              element: /* @__PURE__ */ jsx(ArticlesPage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(Route, { path: writeRouteRef.path, element: /* @__PURE__ */ jsx(WritePage, {}) }),
-          /* @__PURE__ */ jsx(Route, { path: linksRouteRef.path, element: /* @__PURE__ */ jsx(LinksPage, {}) }),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: createLinkRouteRef.path,
-              element: /* @__PURE__ */ jsx(CreateLinkPage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: favoriteQuestionsRouteRef.path,
-              element: /* @__PURE__ */ jsx(FavoritePage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: editQuestionRouteRef.path,
-              element: /* @__PURE__ */ jsx(AskPage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: editArticleRouteRef.path,
-              element: /* @__PURE__ */ jsx(WritePage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: editLinkRouteRef.path,
-              element: /* @__PURE__ */ jsx(CreateLinkPage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: questionRouteRef.path,
-              element: /* @__PURE__ */ jsx(QuestionPage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(Route, { path: linkRouteRef.path, element: /* @__PURE__ */ jsx(LinkPage, {}) }),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: articleRouteRef.path,
-              element: /* @__PURE__ */ jsx(ArticlePage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
-          /* @__PURE__ */ jsx(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
-          /* @__PURE__ */ jsx(Route, { path: usersRouteRef.path, element: /* @__PURE__ */ jsx(UsersPage, {}) }),
-          /* @__PURE__ */ jsx(Route, { path: userRouteRef.path, element: /* @__PURE__ */ jsx(UserPage, {}) }),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: statisticsRouteRef.path,
-              element: /* @__PURE__ */ jsx(StatisticsPage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: collectionsRouteRef.path,
-              element: /* @__PURE__ */ jsx(CollectionsPage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: collectionCreateRouteRef.path,
-              element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: collectionEditRouteRef.path,
-              element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: collectionRouteRef.path,
-              element: /* @__PURE__ */ jsx(CollectionPage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: entitiesRouteRef.path,
-              element: /* @__PURE__ */ jsx(EntityPage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(Route, { path: entityRouteRef.path, element: /* @__PURE__ */ jsx(EntityPage, {}) }),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: moderatorRouteRef.path,
-              element: /* @__PURE__ */ jsx(ModeratorPage, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(Route, { path: reviewRouteRef.path, element: /* @__PURE__ */ jsx(ReviewPage, {}) })
-        ] }) }),
-        !hideRightSidebar && /* @__PURE__ */ jsx(Grid, { item: true, className: classes.rightSidebarColumn, children: /* @__PURE__ */ jsx(RightContent, { compact: rightCompact, onToggle: toggleRight }) })
-      ] }) })
+      /* @__PURE__ */ jsx(Container, { maxWidth: "xl", children: /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          spacing: 3,
+          justifyContent: "flex-start",
+          alignItems: "flex-start",
+          children: [
+            /* @__PURE__ */ jsxs(Grid, { item: true, className: classes.sidebarColumn, children: [
+              /* @__PURE__ */ jsx(Box, { display: { xs: "block", lg: "none" }, children: /* @__PURE__ */ jsx(LeftMenuButton, {}) }),
+              /* @__PURE__ */ jsx(Box, { display: { xs: "none", lg: "block" }, children: /* @__PURE__ */ jsx(LeftMenu, { compact: leftCompact, onToggle: toggleLeft }) })
+            ] }),
+            /* @__PURE__ */ jsx(Grid, { item: true, xs: true, className: classes.mainColumn, children: /* @__PURE__ */ jsxs(Routes, { children: [
+              /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(HomePage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: questionsRouteRef.path,
+                  element: /* @__PURE__ */ jsx(QuestionsPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(Route, { path: askRouteRef.path, element: /* @__PURE__ */ jsx(AskPage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: articlesRouteRef.path,
+                  element: /* @__PURE__ */ jsx(ArticlesPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(Route, { path: writeRouteRef.path, element: /* @__PURE__ */ jsx(WritePage, {}) }),
+              /* @__PURE__ */ jsx(Route, { path: linksRouteRef.path, element: /* @__PURE__ */ jsx(LinksPage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: createLinkRouteRef.path,
+                  element: /* @__PURE__ */ jsx(CreateLinkPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: favoriteQuestionsRouteRef.path,
+                  element: /* @__PURE__ */ jsx(FavoritePage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: editQuestionRouteRef.path,
+                  element: /* @__PURE__ */ jsx(AskPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: editArticleRouteRef.path,
+                  element: /* @__PURE__ */ jsx(WritePage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: editLinkRouteRef.path,
+                  element: /* @__PURE__ */ jsx(CreateLinkPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: questionRouteRef.path,
+                  element: /* @__PURE__ */ jsx(QuestionPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(Route, { path: linkRouteRef.path, element: /* @__PURE__ */ jsx(LinkPage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: articleRouteRef.path,
+                  element: /* @__PURE__ */ jsx(ArticlePage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
+              /* @__PURE__ */ jsx(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
+              /* @__PURE__ */ jsx(Route, { path: usersRouteRef.path, element: /* @__PURE__ */ jsx(UsersPage, {}) }),
+              /* @__PURE__ */ jsx(Route, { path: userRouteRef.path, element: /* @__PURE__ */ jsx(UserPage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: statisticsRouteRef.path,
+                  element: /* @__PURE__ */ jsx(StatisticsPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: collectionsRouteRef.path,
+                  element: /* @__PURE__ */ jsx(CollectionsPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: collectionCreateRouteRef.path,
+                  element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: collectionEditRouteRef.path,
+                  element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: collectionRouteRef.path,
+                  element: /* @__PURE__ */ jsx(CollectionPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: entitiesRouteRef.path,
+                  element: /* @__PURE__ */ jsx(EntityPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(Route, { path: entityRouteRef.path, element: /* @__PURE__ */ jsx(EntityPage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: moderatorRouteRef.path,
+                  element: /* @__PURE__ */ jsx(ModeratorPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(Route, { path: reviewRouteRef.path, element: /* @__PURE__ */ jsx(ReviewPage, {}) })
+            ] }) }),
+            !hideRightSidebar && /* @__PURE__ */ jsx(Grid, { item: true, className: classes.rightSidebarColumn, children: /* @__PURE__ */ jsx(RightContent, { compact: rightCompact, onToggle: toggleRight }) })
+          ]
+        }
+      ) })
     ] })
   ] }) });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"QetaPage.esm.js","sources":["../../../src/components/QetaPage/QetaPage.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport { Route, Routes, useLocation } from 'react-router-dom';\nimport { AskPage } from '../AskPage';\nimport { QuestionPage } from '../QuestionPage/QuestionPage';\nimport { TagPage } from '../TagPage/TagPage';\nimport { UserPage } from '../UserPage/UserPage';\nimport { FavoritePage } from '../FavoritePage/FavoritePage';\nimport { StatisticsPage } from '../Statistics';\nimport {\n  articleRouteRef,\n  articlesRouteRef,\n  askRouteRef,\n  collectionCreateRouteRef,\n  collectionEditRouteRef,\n  collectionRouteRef,\n  collectionsRouteRef,\n  createLinkRouteRef,\n  editArticleRouteRef,\n  editLinkRouteRef,\n  editQuestionRouteRef,\n  entitiesRouteRef,\n  entityRouteRef,\n  favoriteQuestionsRouteRef,\n  LeftMenu,\n  LeftMenuButton,\n  linkRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  QetaProvider,\n  questionRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n  writeRouteRef,\n  reviewRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { QuestionsPage } from '../QuestionsPage/QuestionsPage';\nimport { HomePage } from '../HomePage/HomePage';\nimport { ArticlesPage } from '../ArticlesPage/ArticlesPage';\nimport { WritePage } from '../WritePage/WritePage';\nimport { ArticlePage } from '../ArticlePage/ArticlePage';\nimport { LinksPage } from '../LinksPage/LinksPage.tsx';\nimport { LinkPage } from '../LinkPage/LinkPage.tsx';\nimport { CreateLinkPage } from '../CreateLinkPage/CreateLinkPage.tsx';\nimport { CollectionsPage } from '../CollectionsPage/CollectionsPage';\nimport { CollectionPage } from '../CollectionPage/CollectionPage';\nimport { CollectionCreatePage } from '../CollectionCreatePage/CollectionCreatePage';\nimport { EntityPage } from '../EntityPage/EntityPage';\nimport { UsersPage } from '../UsersPage/UsersPage';\nimport { ModeratorPage } from '../ModeratorPage/ModeratorPage';\nimport { ReviewPage } from '../ReviewPage/ReviewPage';\nimport { Box, Container, Grid, makeStyles } from '@material-ui/core';\nimport { useSidebarSettings } from '../../hooks/useSidebarSettings';\nimport { RightContent } from '../RightContent/RightContent';\nimport type { PluggableList } from 'unified';\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  headerElements?: ReactNode[];\n  themeId?: string;\n  headerTooltip?: string;\n  headerType?: string;\n  headerTypeLink?: string;\n  introElement?: ReactNode;\n  remarkPlugins?: PluggableList;\n  rehypePlugins?: PluggableList;\n};\n\ntype StyleProps = {\n  leftCompact: boolean;\n  rightCompact: boolean;\n};\n\nconst useStyles = makeStyles(theme => ({\n  sidebarColumn: {\n    padding: 0,\n    transition: 'all 0.2s ease-in-out',\n    flexShrink: 0,\n    [theme.breakpoints.up('lg')]: {\n      width: (props: StyleProps) => (props.leftCompact ? 72 : 220),\n      minWidth: (props: StyleProps) => (props.leftCompact ? 72 : 220),\n    },\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n      marginBottom: theme.spacing(1),\n    },\n  },\n  rightSidebarColumn: {\n    padding: 0,\n    transition: 'all 0.2s ease-in-out',\n    flexShrink: 0,\n    [theme.breakpoints.up('lg')]: {\n      width: (props: StyleProps) => (props.rightCompact ? 72 : 300),\n      minWidth: (props: StyleProps) => (props.rightCompact ? 72 : 300),\n    },\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n      marginTop: theme.spacing(1),\n    },\n  },\n  mainColumn: {\n    paddingRight: 0,\n    minWidth: 0,\n    transition: 'all 0.2s ease-in-out',\n    [theme.breakpoints.down('md')]: {\n      paddingLeft: 0,\n    },\n  },\n}));\n\nexport const QetaPage = (props?: Props) => {\n  const {\n    title = 'Q&A',\n    subtitle,\n    headerElements,\n    themeId = 'tool',\n    headerTooltip,\n    headerType,\n    headerTypeLink,\n    introElement,\n    remarkPlugins,\n    rehypePlugins,\n  } = props ?? {};\n  const { leftCompact, rightCompact, toggleLeft, toggleRight } =\n    useSidebarSettings();\n  const location = useLocation();\n\n  // Hide right sidebar on review and moderator pages\n  const hideRightSidebar =\n    location.pathname.includes('/review') ||\n    location.pathname.includes('/moderate');\n\n  const classes = useStyles({\n    leftCompact,\n    rightCompact,\n  });\n\n  return (\n    <QetaProvider remarkPlugins={remarkPlugins} rehypePlugins={rehypePlugins}>\n      <Page themeId={themeId}>\n        <Header\n          title={title}\n          subtitle={subtitle}\n          type={headerType}\n          typeLink={headerTypeLink}\n          tooltip={headerTooltip}\n        >\n          {headerElements}\n        </Header>\n        <Content className=\"qetaHomePage\">\n          {introElement}\n          <Container maxWidth=\"xl\">\n            <Grid container spacing={3} justifyContent=\"flex-start\">\n              <Grid item className={classes.sidebarColumn}>\n                <Box display={{ xs: 'block', lg: 'none' }}>\n                  <LeftMenuButton />\n                </Box>\n                <Box display={{ xs: 'none', lg: 'block' }}>\n                  <LeftMenu compact={leftCompact} onToggle={toggleLeft} />\n                </Box>\n              </Grid>\n              <Grid item xs className={classes.mainColumn}>\n                <Routes>\n                  <Route path=\"/\" element={<HomePage />} />\n                  <Route\n                    path={questionsRouteRef.path}\n                    element={<QuestionsPage />}\n                  />\n                  <Route path={askRouteRef.path} element={<AskPage />} />\n                  <Route\n                    path={articlesRouteRef.path}\n                    element={<ArticlesPage />}\n                  />\n                  <Route path={writeRouteRef.path} element={<WritePage />} />\n                  <Route path={linksRouteRef.path} element={<LinksPage />} />\n                  <Route\n                    path={createLinkRouteRef.path}\n                    element={<CreateLinkPage />}\n                  />\n                  <Route\n                    path={favoriteQuestionsRouteRef.path}\n                    element={<FavoritePage />}\n                  />\n                  <Route\n                    path={editQuestionRouteRef.path}\n                    element={<AskPage />}\n                  />\n                  <Route\n                    path={editArticleRouteRef.path}\n                    element={<WritePage />}\n                  />\n                  <Route\n                    path={editLinkRouteRef.path}\n                    element={<CreateLinkPage />}\n                  />\n                  <Route\n                    path={questionRouteRef.path}\n                    element={<QuestionPage />}\n                  />\n                  <Route path={linkRouteRef.path} element={<LinkPage />} />\n                  <Route\n                    path={articleRouteRef.path}\n                    element={<ArticlePage />}\n                  />\n                  <Route path={tagsRouteRef.path} element={<TagPage />} />\n                  <Route path={tagRouteRef.path} element={<TagPage />} />\n                  <Route path={usersRouteRef.path} element={<UsersPage />} />\n                  <Route path={userRouteRef.path} element={<UserPage />} />\n                  <Route\n                    path={statisticsRouteRef.path}\n                    element={<StatisticsPage />}\n                  />\n                  <Route\n                    path={collectionsRouteRef.path}\n                    element={<CollectionsPage />}\n                  />\n                  <Route\n                    path={collectionCreateRouteRef.path}\n                    element={<CollectionCreatePage />}\n                  />\n                  <Route\n                    path={collectionEditRouteRef.path}\n                    element={<CollectionCreatePage />}\n                  />\n                  <Route\n                    path={collectionRouteRef.path}\n                    element={<CollectionPage />}\n                  />\n                  <Route\n                    path={entitiesRouteRef.path}\n                    element={<EntityPage />}\n                  />\n                  <Route path={entityRouteRef.path} element={<EntityPage />} />\n                  <Route\n                    path={moderatorRouteRef.path}\n                    element={<ModeratorPage />}\n                  />\n                  <Route path={reviewRouteRef.path} element={<ReviewPage />} />\n                </Routes>\n              </Grid>\n              {!hideRightSidebar && (\n                <Grid item className={classes.rightSidebarColumn}>\n                  <RightContent compact={rightCompact} onToggle={toggleRight} />\n                </Grid>\n              )}\n            </Grid>\n          </Container>\n        </Content>\n      </Page>\n    </QetaProvider>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"QetaPage.esm.js","sources":["../../../src/components/QetaPage/QetaPage.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport { Route, Routes, useLocation } from 'react-router-dom';\nimport { AskPage } from '../AskPage';\nimport { QuestionPage } from '../QuestionPage/QuestionPage';\nimport { TagPage } from '../TagPage/TagPage';\nimport { UserPage } from '../UserPage/UserPage';\nimport { FavoritePage } from '../FavoritePage/FavoritePage';\nimport { StatisticsPage } from '../Statistics';\nimport {\n  articleRouteRef,\n  articlesRouteRef,\n  askRouteRef,\n  collectionCreateRouteRef,\n  collectionEditRouteRef,\n  collectionRouteRef,\n  collectionsRouteRef,\n  createLinkRouteRef,\n  editArticleRouteRef,\n  editLinkRouteRef,\n  editQuestionRouteRef,\n  entitiesRouteRef,\n  entityRouteRef,\n  favoriteQuestionsRouteRef,\n  LeftMenu,\n  LeftMenuButton,\n  linkRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  QetaProvider,\n  questionRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n  writeRouteRef,\n  reviewRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { QuestionsPage } from '../QuestionsPage/QuestionsPage';\nimport { HomePage } from '../HomePage/HomePage';\nimport { ArticlesPage } from '../ArticlesPage/ArticlesPage';\nimport { WritePage } from '../WritePage/WritePage';\nimport { ArticlePage } from '../ArticlePage/ArticlePage';\nimport { LinksPage } from '../LinksPage/LinksPage.tsx';\nimport { LinkPage } from '../LinkPage/LinkPage.tsx';\nimport { CreateLinkPage } from '../CreateLinkPage/CreateLinkPage.tsx';\nimport { CollectionsPage } from '../CollectionsPage/CollectionsPage';\nimport { CollectionPage } from '../CollectionPage/CollectionPage';\nimport { CollectionCreatePage } from '../CollectionCreatePage/CollectionCreatePage';\nimport { EntityPage } from '../EntityPage/EntityPage';\nimport { UsersPage } from '../UsersPage/UsersPage';\nimport { ModeratorPage } from '../ModeratorPage/ModeratorPage';\nimport { ReviewPage } from '../ReviewPage/ReviewPage';\nimport { Box, Container, Grid, makeStyles } from '@material-ui/core';\nimport { useSidebarSettings } from '../../hooks/useSidebarSettings';\nimport { RightContent } from '../RightContent/RightContent';\nimport type { PluggableList } from 'unified';\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  headerElements?: ReactNode[];\n  themeId?: string;\n  headerTooltip?: string;\n  headerType?: string;\n  headerTypeLink?: string;\n  introElement?: ReactNode;\n  remarkPlugins?: PluggableList;\n  rehypePlugins?: PluggableList;\n};\n\ntype StyleProps = {\n  leftCompact: boolean;\n  rightCompact: boolean;\n};\n\nconst useStyles = makeStyles(theme => ({\n  sidebarColumn: {\n    padding: 0,\n    transition: 'all 0.2s ease-in-out',\n    flexShrink: 0,\n    position: 'sticky',\n    top: theme.spacing(2),\n    alignSelf: 'flex-start',\n    maxHeight: 'calc(100vh - 100px)',\n    overflow: 'hidden',\n    [theme.breakpoints.up('lg')]: {\n      width: (props: StyleProps) => (props.leftCompact ? 80 : 210),\n      minWidth: (props: StyleProps) => (props.leftCompact ? 80 : 210),\n    },\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n      marginBottom: theme.spacing(1),\n      position: 'static',\n      maxHeight: 'none',\n    },\n  },\n  rightSidebarColumn: {\n    padding: 0,\n    transition: 'all 0.2s ease-in-out',\n    flexShrink: 0,\n    position: 'sticky',\n    top: theme.spacing(2),\n    alignSelf: 'flex-start',\n    maxHeight: 'calc(100vh - 100px)',\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    [theme.breakpoints.up('lg')]: {\n      width: (props: StyleProps) => (props.rightCompact ? 72 : 320),\n      minWidth: (props: StyleProps) => (props.rightCompact ? 72 : 320),\n    },\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n      marginTop: theme.spacing(1),\n      position: 'static',\n      maxHeight: 'none',\n    },\n  },\n  mainColumn: {\n    paddingRight: 0,\n    minWidth: 0,\n    transition: 'all 0.2s ease-in-out',\n    [theme.breakpoints.down('md')]: {\n      paddingLeft: 0,\n    },\n  },\n}));\n\nexport const QetaPage = (props?: Props) => {\n  const {\n    title = 'Q&A',\n    subtitle,\n    headerElements,\n    themeId = 'tool',\n    headerTooltip,\n    headerType,\n    headerTypeLink,\n    introElement,\n    remarkPlugins,\n    rehypePlugins,\n  } = props ?? {};\n  const { leftCompact, rightCompact, toggleLeft, toggleRight } =\n    useSidebarSettings();\n  const location = useLocation();\n\n  // Hide right sidebar on review and moderator pages\n  const hideRightSidebar =\n    location.pathname.includes('/review') ||\n    location.pathname.includes('/moderate');\n\n  const classes = useStyles({\n    leftCompact,\n    rightCompact,\n  });\n\n  return (\n    <QetaProvider remarkPlugins={remarkPlugins} rehypePlugins={rehypePlugins}>\n      <Page themeId={themeId}>\n        <Header\n          title={title}\n          subtitle={subtitle}\n          type={headerType}\n          typeLink={headerTypeLink}\n          tooltip={headerTooltip}\n        >\n          {headerElements}\n        </Header>\n        <Content className=\"qetaHomePage\">\n          {introElement}\n          <Container maxWidth=\"xl\">\n            <Grid\n              container\n              spacing={3}\n              justifyContent=\"flex-start\"\n              alignItems=\"flex-start\"\n            >\n              <Grid item className={classes.sidebarColumn}>\n                <Box display={{ xs: 'block', lg: 'none' }}>\n                  <LeftMenuButton />\n                </Box>\n                <Box display={{ xs: 'none', lg: 'block' }}>\n                  <LeftMenu compact={leftCompact} onToggle={toggleLeft} />\n                </Box>\n              </Grid>\n              <Grid item xs className={classes.mainColumn}>\n                <Routes>\n                  <Route path=\"/\" element={<HomePage />} />\n                  <Route\n                    path={questionsRouteRef.path}\n                    element={<QuestionsPage />}\n                  />\n                  <Route path={askRouteRef.path} element={<AskPage />} />\n                  <Route\n                    path={articlesRouteRef.path}\n                    element={<ArticlesPage />}\n                  />\n                  <Route path={writeRouteRef.path} element={<WritePage />} />\n                  <Route path={linksRouteRef.path} element={<LinksPage />} />\n                  <Route\n                    path={createLinkRouteRef.path}\n                    element={<CreateLinkPage />}\n                  />\n                  <Route\n                    path={favoriteQuestionsRouteRef.path}\n                    element={<FavoritePage />}\n                  />\n                  <Route\n                    path={editQuestionRouteRef.path}\n                    element={<AskPage />}\n                  />\n                  <Route\n                    path={editArticleRouteRef.path}\n                    element={<WritePage />}\n                  />\n                  <Route\n                    path={editLinkRouteRef.path}\n                    element={<CreateLinkPage />}\n                  />\n                  <Route\n                    path={questionRouteRef.path}\n                    element={<QuestionPage />}\n                  />\n                  <Route path={linkRouteRef.path} element={<LinkPage />} />\n                  <Route\n                    path={articleRouteRef.path}\n                    element={<ArticlePage />}\n                  />\n                  <Route path={tagsRouteRef.path} element={<TagPage />} />\n                  <Route path={tagRouteRef.path} element={<TagPage />} />\n                  <Route path={usersRouteRef.path} element={<UsersPage />} />\n                  <Route path={userRouteRef.path} element={<UserPage />} />\n                  <Route\n                    path={statisticsRouteRef.path}\n                    element={<StatisticsPage />}\n                  />\n                  <Route\n                    path={collectionsRouteRef.path}\n                    element={<CollectionsPage />}\n                  />\n                  <Route\n                    path={collectionCreateRouteRef.path}\n                    element={<CollectionCreatePage />}\n                  />\n                  <Route\n                    path={collectionEditRouteRef.path}\n                    element={<CollectionCreatePage />}\n                  />\n                  <Route\n                    path={collectionRouteRef.path}\n                    element={<CollectionPage />}\n                  />\n                  <Route\n                    path={entitiesRouteRef.path}\n                    element={<EntityPage />}\n                  />\n                  <Route path={entityRouteRef.path} element={<EntityPage />} />\n                  <Route\n                    path={moderatorRouteRef.path}\n                    element={<ModeratorPage />}\n                  />\n                  <Route path={reviewRouteRef.path} element={<ReviewPage />} />\n                </Routes>\n              </Grid>\n              {!hideRightSidebar && (\n                <Grid item className={classes.rightSidebarColumn}>\n                  <RightContent compact={rightCompact} onToggle={toggleRight} />\n                </Grid>\n              )}\n            </Grid>\n          </Container>\n        </Content>\n      </Page>\n    </QetaProvider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ReviewPage/ReviewPage.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { qetaTranslationRef, useQetaApi, questionRouteRef, articleRouteRef, linkRouteRef, UserLink, RelativeTimeWithTooltip, ObsoleteModal, ValidReviewModal, DeleteModal } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, useQetaApi, questionRouteRef, articleRouteRef, linkRouteRef, useCanReview, UserLink, RelativeTimeWithTooltip, ObsoleteModal, ValidReviewModal, DeleteModal } from '@drodil/backstage-plugin-qeta-react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { Link, WarningPanel, Table } from '@backstage/core-components';
@@ -24,7 +24,6 @@ const ReviewPage = () => {
       includeAttachments: false,
       includeExperts: false,
       includeTags: false,
-      limit: 100,
       order: "asc",
       orderBy: "created",
       includeEntities: false,
@@ -35,6 +34,7 @@ const ReviewPage = () => {
   const questionRoute = useRouteRef(questionRouteRef);
   const articleRoute = useRouteRef(articleRouteRef);
   const linkRoute = useRouteRef(linkRouteRef);
+  const { canReview } = useCanReview();
   const getPostLink = (post) => {
     if (post.type === "article") {
       return articleRoute({ id: post.id.toString() });
@@ -102,6 +102,9 @@ const ReviewPage = () => {
       ] })
     }
   ];
+  if (!canReview) {
+    return null;
+  }
   if (error) {
     return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("reviewPage.errorLoading"), children: error.message });
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewPage.esm.js","sources":["../../../src/components/ReviewPage/ReviewPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  useQetaApi,\n  qetaTranslationRef,\n  UserLink,\n  linkRouteRef,\n  DeleteModal,\n  ObsoleteModal,\n  ValidReviewModal,\n  RelativeTimeWithTooltip,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  Table,\n  TableColumn,\n  Link,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { Grid, Tooltip, IconButton, Box, Typography } from '@material-ui/core';\nimport CheckIcon from '@material-ui/icons/Check';\nimport BlockIcon from '@material-ui/icons/Block';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { Post } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  questionRouteRef,\n  articleRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\n\nexport const ReviewPage = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    value: response,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(api =>\n    api.getPosts({\n      reviewNeeded: true,\n      includeHealth: true,\n      includeVotes: false,\n      includeAttachments: false,\n      includeExperts: false,\n      includeTags: false,\n      limit: 100,\n      order: 'asc',\n      orderBy: 'created',\n      includeEntities: false,\n      includeAnswers: false,\n      checkAccess: true,\n    }),\n  );\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n\n  const getPostLink = (post: Post) => {\n    if (post.type === 'article') {\n      return articleRoute({ id: post.id.toString() });\n    }\n    if (post.type === 'question') {\n      return questionRoute({ id: post.id.toString() });\n    }\n    if (post.type === 'link') {\n      return linkRoute({ id: post.id.toString() });\n    }\n    return '#';\n  };\n\n  const [openObsoleteModal, setOpenObsoleteModal] = useState(false);\n  const [openValidModal, setOpenValidModal] = useState(false);\n  const [selectedPost, setSelectedPost] = useState<Post | null>(null);\n  const [openDeleteModal, setOpenDeleteModal] = useState(false);\n  const [postToDelete, setPostToDelete] = useState<Post | null>(null);\n\n  const openMarkObsolete = (post: Post) => {\n    setSelectedPost(post);\n    setOpenObsoleteModal(true);\n  };\n\n  const openMarkValid = (post: Post) => {\n    setSelectedPost(post);\n    setOpenValidModal(true);\n  };\n\n  const openDelete = (post: Post) => {\n    setPostToDelete(post);\n    setOpenDeleteModal(true);\n  };\n\n  const columns: TableColumn<Post>[] = [\n    {\n      title: t('reviewPage.table.title'),\n      field: 'title',\n      render: row => <Link to={getPostLink(row)}>{row.title}</Link>,\n    },\n    {\n      title: t('reviewPage.table.author'),\n      field: 'author',\n      render: row => <UserLink entityRef={row.author} />,\n    },\n    {\n      title: t('reviewPage.table.created'),\n      field: 'created',\n      render: row => <RelativeTimeWithTooltip value={row.created} />,\n    },\n    {\n      title: t('reviewPage.table.healthScore'),\n      field: 'healthScore',\n      render: row => `${row.healthScore ?? 0}%`,\n    },\n    {\n      title: t('reviewPage.table.actions'),\n      field: 'actions',\n      render: row => (\n        <Grid container spacing={1}>\n          <Grid item>\n            <Tooltip title={t('contentHealth.markValid')}>\n              <IconButton color=\"primary\" onClick={() => openMarkValid(row)}>\n                <CheckIcon />\n              </IconButton>\n            </Tooltip>\n          </Grid>\n          <Grid item>\n            <Tooltip title={t('contentHealth.markObsolete')}>\n              <IconButton\n                color=\"secondary\"\n                onClick={() => openMarkObsolete(row)}\n              >\n                <BlockIcon />\n              </IconButton>\n            </Tooltip>\n          </Grid>\n          {row.canDelete && (\n            <Grid item>\n              <Tooltip title={t('deleteModal.deleteButton')}>\n                <IconButton color=\"secondary\" onClick={() => openDelete(row)}>\n                  <DeleteIcon />\n                </IconButton>\n              </Tooltip>\n            </Grid>\n          )}\n        </Grid>\n      ),\n    },\n  ];\n\n  if (error) {\n    return (\n      <WarningPanel severity=\"error\" title={t('reviewPage.errorLoading')}>\n        {error.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <>\n      <Box mb={2}>\n        <Typography variant=\"body1\">{t('reviewPage.description')}</Typography>\n      </Box>\n      <Table\n        options={{ paging: true, pageSize: 10, search: true }}\n        data={response?.posts || []}\n        columns={columns}\n        title={t('reviewPage.title')}\n        isLoading={loading}\n      />\n\n      {selectedPost && (\n        <>\n          <ObsoleteModal\n            open={openObsoleteModal}\n            onClose={() => {\n              setOpenObsoleteModal(false);\n              setSelectedPost(null);\n            }}\n            post={selectedPost}\n            onConfirm={retry}\n          />\n          <ValidReviewModal\n            open={openValidModal}\n            onClose={() => {\n              setOpenValidModal(false);\n              setSelectedPost(null);\n            }}\n            post={selectedPost}\n            onConfirm={retry}\n          />\n        </>\n      )}\n\n      {postToDelete && (\n        <DeleteModal\n          open={openDeleteModal}\n          onClose={() => {\n            setOpenDeleteModal(false);\n            setPostToDelete(null);\n          }}\n          entity={postToDelete}\n          onDelete={retry}\n        />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA6BO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACE,GAAA,UAAA;AAAA,IAAW,CAAA,GAAA,KACb,IAAI,QAAS,CAAA;AAAA,MACX,YAAc,EAAA,IAAA;AAAA,MACd,aAAe,EAAA,IAAA;AAAA,MACf,YAAc,EAAA,KAAA;AAAA,MACd,kBAAoB,EAAA,KAAA;AAAA,MACpB,cAAgB,EAAA,KAAA;AAAA,MAChB,WAAa,EAAA,KAAA;AAAA,MACb,KAAO,EAAA,GAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,SAAA;AAAA,MACT,eAAiB,EAAA,KAAA;AAAA,MACjB,cAAgB,EAAA,KAAA;AAAA,MAChB,WAAa,EAAA;AAAA,KACd;AAAA,GACH;AAEA,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA;AAClD,EAAM,MAAA,YAAA,GAAe,YAAY,eAAe,CAAA;AAChD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAE1C,EAAM,MAAA,WAAA,GAAc,CAAC,IAAe,KAAA;AAClC,IAAI,IAAA,IAAA,CAAK,SAAS,SAAW,EAAA;AAC3B,MAAA,OAAO,aAAa,EAAE,EAAA,EAAI,KAAK,EAAG,CAAA,QAAA,IAAY,CAAA;AAAA;AAEhD,IAAI,IAAA,IAAA,CAAK,SAAS,UAAY,EAAA;AAC5B,MAAA,OAAO,cAAc,EAAE,EAAA,EAAI,KAAK,EAAG,CAAA,QAAA,IAAY,CAAA;AAAA;AAEjD,IAAI,IAAA,IAAA,CAAK,SAAS,MAAQ,EAAA;AACxB,MAAA,OAAO,UAAU,EAAE,EAAA,EAAI,KAAK,EAAG,CAAA,QAAA,IAAY,CAAA;AAAA;AAE7C,IAAO,OAAA,GAAA;AAAA,GACT;AAEA,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAChE,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1D,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAsB,IAAI,CAAA;AAClE,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAsB,IAAI,CAAA;AAElE,EAAM,MAAA,gBAAA,GAAmB,CAAC,IAAe,KAAA;AACvC,IAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,IAAA,oBAAA,CAAqB,IAAI,CAAA;AAAA,GAC3B;AAEA,EAAM,MAAA,aAAA,GAAgB,CAAC,IAAe,KAAA;AACpC,IAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,IAAA,iBAAA,CAAkB,IAAI,CAAA;AAAA,GACxB;AAEA,EAAM,MAAA,UAAA,GAAa,CAAC,IAAe,KAAA;AACjC,IAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,GACzB;AAEA,EAAA,MAAM,OAA+B,GAAA;AAAA,IACnC;AAAA,MACE,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,MACjC,KAAO,EAAA,OAAA;AAAA,MACP,MAAA,EAAQ,yBAAQ,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,WAAY,CAAA,GAAG,CAAI,EAAA,QAAA,EAAA,GAAA,CAAI,KAAM,EAAA;AAAA,KACxD;AAAA,IACA;AAAA,MACE,KAAA,EAAO,EAAE,yBAAyB,CAAA;AAAA,MAClC,KAAO,EAAA,QAAA;AAAA,MACP,QAAQ,CAAO,GAAA,qBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,SAAA,EAAW,IAAI,MAAQ,EAAA;AAAA,KAClD;AAAA,IACA;AAAA,MACE,KAAA,EAAO,EAAE,0BAA0B,CAAA;AAAA,MACnC,KAAO,EAAA,SAAA;AAAA,MACP,QAAQ,CAAO,GAAA,qBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,IAAI,OAAS,EAAA;AAAA,KAC9D;AAAA,IACA;AAAA,MACE,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,MACvC,KAAO,EAAA,aAAA;AAAA,MACP,MAAQ,EAAA,CAAA,GAAA,KAAO,CAAG,EAAA,GAAA,CAAI,eAAe,CAAC,CAAA,CAAA;AAAA,KACxC;AAAA,IACA;AAAA,MACE,KAAA,EAAO,EAAE,0BAA0B,CAAA;AAAA,MACnC,KAAO,EAAA,SAAA;AAAA,MACP,QAAQ,CACN,GAAA,qBAAA,IAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,yBAAyB,CAAA,EACzC,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,OAAM,SAAU,EAAA,OAAA,EAAS,MAAM,aAAc,CAAA,GAAG,GAC1D,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,CACb,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EACR,8BAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,4BAA4B,CAC5C,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,WAAA;AAAA,YACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,GAAG,CAAA;AAAA,YAEnC,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,WAEf,CACF,EAAA,CAAA;AAAA,QACC,GAAA,CAAI,SACH,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MACR,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,0BAA0B,CAAA,EAC1C,8BAAC,UAAW,EAAA,EAAA,KAAA,EAAM,WAAY,EAAA,OAAA,EAAS,MAAM,UAAA,CAAW,GAAG,CAAA,EACzD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,CACd,EAAA,CAAA,EACF,CACF,EAAA;AAAA,OAEJ,EAAA;AAAA;AAEJ,GACF;AAEA,EAAA,IAAI,KAAO,EAAA;AACT,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,yBAAyB,CAC9D,EAAA,QAAA,EAAA,KAAA,CAAM,OACT,EAAA,CAAA;AAAA;AAIJ,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EACP,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAAS,EAAA,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAAE,CAC3D,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAS,EAAE,MAAA,EAAQ,MAAM,QAAU,EAAA,EAAA,EAAI,QAAQ,IAAK,EAAA;AAAA,QACpD,IAAA,EAAM,QAAU,EAAA,KAAA,IAAS,EAAC;AAAA,QAC1B,OAAA;AAAA,QACA,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,QAC3B,SAAW,EAAA;AAAA;AAAA,KACb;AAAA,IAEC,gCAEG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,iBAAA;AAAA,UACN,SAAS,MAAM;AACb,YAAA,oBAAA,CAAqB,KAAK,CAAA;AAC1B,YAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,WACtB;AAAA,UACA,IAAM,EAAA,YAAA;AAAA,UACN,SAAW,EAAA;AAAA;AAAA,OACb;AAAA,sBACA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,cAAA;AAAA,UACN,SAAS,MAAM;AACb,YAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,YAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,WACtB;AAAA,UACA,IAAM,EAAA,YAAA;AAAA,UACN,SAAW,EAAA;AAAA;AAAA;AACb,KACF,EAAA,CAAA;AAAA,IAGD,YACC,oBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,eAAA;AAAA,QACN,SAAS,MAAM;AACb,UAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,UAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,SACtB;AAAA,QACA,MAAQ,EAAA,YAAA;AAAA,QACR,QAAU,EAAA;AAAA;AAAA;AACZ,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ReviewPage.esm.js","sources":["../../../src/components/ReviewPage/ReviewPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  articleRouteRef,\n  DeleteModal,\n  linkRouteRef,\n  ObsoleteModal,\n  qetaTranslationRef,\n  questionRouteRef,\n  RelativeTimeWithTooltip,\n  useCanReview,\n  useQetaApi,\n  UserLink,\n  ValidReviewModal,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  Link,\n  Table,\n  TableColumn,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { Box, Grid, IconButton, Tooltip, Typography } from '@material-ui/core';\nimport CheckIcon from '@material-ui/icons/Check';\nimport BlockIcon from '@material-ui/icons/Block';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { Post } from '@drodil/backstage-plugin-qeta-common';\n\nexport const ReviewPage = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    value: response,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(api =>\n    api.getPosts({\n      reviewNeeded: true,\n      includeHealth: true,\n      includeVotes: false,\n      includeAttachments: false,\n      includeExperts: false,\n      includeTags: false,\n      order: 'asc',\n      orderBy: 'created',\n      includeEntities: false,\n      includeAnswers: false,\n      checkAccess: true,\n    }),\n  );\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n  const { canReview } = useCanReview();\n\n  const getPostLink = (post: Post) => {\n    if (post.type === 'article') {\n      return articleRoute({ id: post.id.toString() });\n    }\n    if (post.type === 'question') {\n      return questionRoute({ id: post.id.toString() });\n    }\n    if (post.type === 'link') {\n      return linkRoute({ id: post.id.toString() });\n    }\n    return '#';\n  };\n\n  const [openObsoleteModal, setOpenObsoleteModal] = useState(false);\n  const [openValidModal, setOpenValidModal] = useState(false);\n  const [selectedPost, setSelectedPost] = useState<Post | null>(null);\n  const [openDeleteModal, setOpenDeleteModal] = useState(false);\n  const [postToDelete, setPostToDelete] = useState<Post | null>(null);\n\n  const openMarkObsolete = (post: Post) => {\n    setSelectedPost(post);\n    setOpenObsoleteModal(true);\n  };\n\n  const openMarkValid = (post: Post) => {\n    setSelectedPost(post);\n    setOpenValidModal(true);\n  };\n\n  const openDelete = (post: Post) => {\n    setPostToDelete(post);\n    setOpenDeleteModal(true);\n  };\n\n  const columns: TableColumn<Post>[] = [\n    {\n      title: t('reviewPage.table.title'),\n      field: 'title',\n      render: row => <Link to={getPostLink(row)}>{row.title}</Link>,\n    },\n    {\n      title: t('reviewPage.table.author'),\n      field: 'author',\n      render: row => <UserLink entityRef={row.author} />,\n    },\n    {\n      title: t('reviewPage.table.created'),\n      field: 'created',\n      render: row => <RelativeTimeWithTooltip value={row.created} />,\n    },\n    {\n      title: t('reviewPage.table.healthScore'),\n      field: 'healthScore',\n      render: row => `${row.healthScore ?? 0}%`,\n    },\n    {\n      title: t('reviewPage.table.actions'),\n      field: 'actions',\n      render: row => (\n        <Grid container spacing={1}>\n          <Grid item>\n            <Tooltip title={t('contentHealth.markValid')}>\n              <IconButton color=\"primary\" onClick={() => openMarkValid(row)}>\n                <CheckIcon />\n              </IconButton>\n            </Tooltip>\n          </Grid>\n          <Grid item>\n            <Tooltip title={t('contentHealth.markObsolete')}>\n              <IconButton\n                color=\"secondary\"\n                onClick={() => openMarkObsolete(row)}\n              >\n                <BlockIcon />\n              </IconButton>\n            </Tooltip>\n          </Grid>\n          {row.canDelete && (\n            <Grid item>\n              <Tooltip title={t('deleteModal.deleteButton')}>\n                <IconButton color=\"secondary\" onClick={() => openDelete(row)}>\n                  <DeleteIcon />\n                </IconButton>\n              </Tooltip>\n            </Grid>\n          )}\n        </Grid>\n      ),\n    },\n  ];\n\n  if (!canReview) {\n    return null;\n  }\n\n  if (error) {\n    return (\n      <WarningPanel severity=\"error\" title={t('reviewPage.errorLoading')}>\n        {error.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <>\n      <Box mb={2}>\n        <Typography variant=\"body1\">{t('reviewPage.description')}</Typography>\n      </Box>\n      <Table\n        options={{ paging: true, pageSize: 10, search: true }}\n        data={response?.posts || []}\n        columns={columns}\n        title={t('reviewPage.title')}\n        isLoading={loading}\n      />\n\n      {selectedPost && (\n        <>\n          <ObsoleteModal\n            open={openObsoleteModal}\n            onClose={() => {\n              setOpenObsoleteModal(false);\n              setSelectedPost(null);\n            }}\n            post={selectedPost}\n            onConfirm={retry}\n          />\n          <ValidReviewModal\n            open={openValidModal}\n            onClose={() => {\n              setOpenValidModal(false);\n              setSelectedPost(null);\n            }}\n            post={selectedPost}\n            onConfirm={retry}\n          />\n        </>\n      )}\n\n      {postToDelete && (\n        <DeleteModal\n          open={openDeleteModal}\n          onClose={() => {\n            setOpenDeleteModal(false);\n            setPostToDelete(null);\n          }}\n          entity={postToDelete}\n          onDelete={retry}\n        />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,32 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { ImpactCard, FollowedTagsList, FollowedUsersList, FollowedEntitiesList, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, useIdentityApi, ImpactCard, PostHighlightList, FollowedTagsList, FollowedUsersList, FollowedEntitiesList, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const HomeRightContent = () => {
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const { value: user } = useIdentityApi((api) => api.getBackstageIdentity(), []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(ImpactCard, {}),
+    user && /* @__PURE__ */ jsx(
+      PostHighlightList,
+      {
+        type: "own",
+        title: t("highlights.own.title"),
+        noQuestionsLabel: t("highlights.own.noQuestionsLabel"),
+        postType: "question",
+        options: { author: user.userEntityRef, limit: 5 }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PostHighlightList,
+      {
+        type: "unanswered",
+        title: t("highlights.unanswered.title"),
+        noQuestionsLabel: t("highlights.unanswered.noQuestionsLabel"),
+        postType: "question",
+        options: { noAnswers: true, limit: 5 }
+      }
+    ),
     /* @__PURE__ */ jsx(FollowedTagsList, {}),
     /* @__PURE__ */ jsx(FollowedUsersList, {}),
     /* @__PURE__ */ jsx(FollowedEntitiesList, {}),

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

@@ -1 +1 @@
-{"version":3,"file":"HomeRightContent.esm.js","sources":["../../../src/components/RightContent/HomeRightContent.tsx"],"sourcesContent":["import {\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  FollowedUsersList,\n  ImpactCard,\n} from '@drodil/backstage-plugin-qeta-react';\n\nexport const HomeRightContent = () => {\n  return (\n    <>\n      <ImpactCard />\n      <FollowedTagsList />\n      <FollowedUsersList />\n      <FollowedEntitiesList />\n      <FollowedCollectionsList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;AAQO,MAAM,mBAAmB,MAAM;AACpC,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AAAA,wBACX,gBAAiB,EAAA,EAAA,CAAA;AAAA,wBACjB,iBAAkB,EAAA,EAAA,CAAA;AAAA,wBAClB,oBAAqB,EAAA,EAAA,CAAA;AAAA,wBACrB,uBAAwB,EAAA,EAAA;AAAA,GAC3B,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HomeRightContent.esm.js","sources":["../../../src/components/RightContent/HomeRightContent.tsx"],"sourcesContent":["import {\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  FollowedUsersList,\n  ImpactCard,\n  PostHighlightList,\n  qetaTranslationRef,\n  useIdentityApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const HomeRightContent = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { value: user } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  return (\n    <>\n      <ImpactCard />\n      {user && (\n        <PostHighlightList\n          type=\"own\"\n          title={t('highlights.own.title')}\n          noQuestionsLabel={t('highlights.own.noQuestionsLabel')}\n          postType=\"question\"\n          options={{ author: user.userEntityRef, limit: 5 }}\n        />\n      )}\n      <PostHighlightList\n        type=\"unanswered\"\n        title={t('highlights.unanswered.title')}\n        noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n        postType=\"question\"\n        options={{ noAnswers: true, limit: 5 }}\n      />\n      <FollowedTagsList />\n      <FollowedUsersList />\n      <FollowedEntitiesList />\n      <FollowedCollectionsList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAYO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,EAAE,KAAO,EAAA,IAAA,EAAS,GAAA,cAAA,CAAe,SAAO,GAAI,CAAA,oBAAA,EAAwB,EAAA,EAAE,CAAA;AAE5E,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AAAA,IACX,IACC,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,QAC/B,gBAAA,EAAkB,EAAE,iCAAiC,CAAA;AAAA,QACrD,QAAS,EAAA,UAAA;AAAA,QACT,SAAS,EAAE,MAAA,EAAQ,IAAK,CAAA,aAAA,EAAe,OAAO,CAAE;AAAA;AAAA,KAClD;AAAA,oBAEF,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,YAAA;AAAA,QACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,QAAS,EAAA,UAAA;AAAA,QACT,OAAS,EAAA,EAAE,SAAW,EAAA,IAAA,EAAM,OAAO,CAAE;AAAA;AAAA,KACvC;AAAA,wBACC,gBAAiB,EAAA,EAAA,CAAA;AAAA,wBACjB,iBAAkB,EAAA,EAAA,CAAA;AAAA,wBAClB,oBAAqB,EAAA,EAAA,CAAA;AAAA,wBACrB,uBAAwB,EAAA,EAAA;AAAA,GAC3B,EAAA,CAAA;AAEJ;;;;"}

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

@@ -33,8 +33,8 @@ const useStyles = makeStyles((theme) => ({
     overflowX: "hidden"
   },
   toggleButton: {
-    marginRight: "auto",
-    marginBottom: theme.spacing(1)
+    marginBottom: theme.spacing(1),
+    marginRight: theme.spacing(1.5)
   },
   content: {
     display: (props) => props.compact ? "none" : "block",
@@ -196,23 +196,32 @@ const RightContent = (props) => {
     content = /* @__PURE__ */ jsx(DefaultRightContent, {});
   }
   return /* @__PURE__ */ jsxs(Box, { className: classes.container, children: [
-    /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: compact ? "center" : "flex-start", children: /* @__PURE__ */ jsx(
-      Tooltip,
+    /* @__PURE__ */ jsx(Box, { className: classes.content, children: content }),
+    /* @__PURE__ */ jsx(
+      Box,
       {
-        title: compact ? t("rightMenu.expand") : t("rightMenu.collapse"),
-        placement: "left",
+        display: "flex",
+        justifyContent: compact ? "center" : "flex-end",
+        style: { marginTop: "auto" },
         children: /* @__PURE__ */ jsx(
-          IconButton,
+          Tooltip,
           {
-            onClick: onToggle,
-            size: "small",
-            className: compact ? "" : classes.toggleButton,
-            children: compact ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx(MenuOpenIcon, { style: { transform: "scaleX(-1)" } })
+            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)" } })
+              }
+            )
           }
         )
       }
-    ) }),
-    /* @__PURE__ */ jsx(Box, { className: classes.content, children: content })
+    )
   ] });
 };
 

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  articlesRouteRef,\n  articleRouteRef,\n  askRouteRef,\n  collectionsRouteRef,\n  editQuestionRouteRef,\n  entitiesRouteRef,\n  entityRouteRef,\n  favoriteQuestionsRouteRef,\n  linksRouteRef,\n  linkRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  questionRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n  qetaTranslationRef,\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';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    width: (props: { compact: boolean }) => (props.compact ? '72px' : '300px'),\n    padding: (props: { compact: boolean }) =>\n      props.compact ? theme.spacing(1) : theme.spacing(0, 0, 0, 2),\n    transition: 'width 0.2s ease-in-out',\n    display: 'flex',\n    flexDirection: 'column',\n    overflowX: 'hidden',\n  },\n  toggleButton: {\n    marginRight: 'auto',\n    marginBottom: theme.spacing(1),\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\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { DefaultRightContent } from './DefaultRightContent';\nimport { PostRightContent } from './PostRightContent';\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  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({ path: tagsPath(), end: true }, location.pathname);\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  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  useEffect(() => {\n    if (isQuestions || isArticles || isLinks) {\n      setEntityRef(searchParams.get('entity') ?? undefined);\n      setTags(filterTags(searchParams.get('tags')));\n      setUserRef(undefined);\n    } else if (tagMatch) {\n      if (tagMatch.params.tag) {\n        setTags([tagMatch.params.tag]);\n      }\n      setEntityRef(undefined);\n      setUserRef(undefined);\n    } else if (userMatch) {\n      if (userMatch.params['*']) {\n        setUserRef(userMatch.params['*']);\n      }\n      setTags(undefined);\n      setEntityRef(undefined);\n    } else if (entityMatch) {\n      if (entityMatch.params.entityRef) {\n        setEntityRef(entityMatch.params.entityRef);\n      }\n      setTags(undefined);\n      setUserRef(undefined);\n    } else {\n      setTags(undefined);\n      setEntityRef(undefined);\n      setUserRef(undefined);\n    }\n  }, [\n    searchParams,\n    isQuestions,\n    isArticles,\n    isLinks,\n    tagMatch,\n    userMatch,\n    entityMatch,\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 display=\"flex\" justifyContent={compact ? 'center' : 'flex-start'}>\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          >\n            {compact ? (\n              <ChevronLeftIcon />\n            ) : (\n              <MenuOpenIcon style={{ transform: 'scaleX(-1)' }} />\n            )}\n          </IconButton>\n        </Tooltip>\n      </Box>\n      <Box className={classes.content}>{content}</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  articlesRouteRef,\n  articleRouteRef,\n  askRouteRef,\n  collectionsRouteRef,\n  editQuestionRouteRef,\n  entitiesRouteRef,\n  entityRouteRef,\n  favoriteQuestionsRouteRef,\n  linksRouteRef,\n  linkRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  questionRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n  qetaTranslationRef,\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';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    width: (props: { compact: boolean }) => (props.compact ? '72px' : '300px'),\n    padding: (props: { compact: boolean }) =>\n      props.compact ? theme.spacing(1) : theme.spacing(0, 0, 0, 2),\n    transition: 'width 0.2s ease-in-out',\n    display: 'flex',\n    flexDirection: 'column',\n    overflowX: 'hidden',\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\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { DefaultRightContent } from './DefaultRightContent';\nimport { PostRightContent } from './PostRightContent';\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  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({ path: tagsPath(), end: true }, location.pathname);\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  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  useEffect(() => {\n    if (isQuestions || isArticles || isLinks) {\n      setEntityRef(searchParams.get('entity') ?? undefined);\n      setTags(filterTags(searchParams.get('tags')));\n      setUserRef(undefined);\n    } else if (tagMatch) {\n      if (tagMatch.params.tag) {\n        setTags([tagMatch.params.tag]);\n      }\n      setEntityRef(undefined);\n      setUserRef(undefined);\n    } else if (userMatch) {\n      if (userMatch.params['*']) {\n        setUserRef(userMatch.params['*']);\n      }\n      setTags(undefined);\n      setEntityRef(undefined);\n    } else if (entityMatch) {\n      if (entityMatch.params.entityRef) {\n        setEntityRef(entityMatch.params.entityRef);\n      }\n      setTags(undefined);\n      setUserRef(undefined);\n    } else {\n      setTags(undefined);\n      setEntityRef(undefined);\n      setUserRef(undefined);\n    }\n  }, [\n    searchParams,\n    isQuestions,\n    isArticles,\n    isLinks,\n    tagMatch,\n    userMatch,\n    entityMatch,\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":";;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,CAAC,KAAiC,KAAA,KAAA,CAAM,UAAU,MAAS,GAAA,OAAA;AAAA,IAClE,OAAS,EAAA,CAAC,KACR,KAAA,KAAA,CAAM,UAAU,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA,GAAI,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,CAAC,CAAA;AAAA,IAC7D,UAAY,EAAA,wBAAA;AAAA,IACZ,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,SAAW,EAAA;AAAA,GACb;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GAChC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,CAAC,KACR,KAAA,KAAA,CAAM,UAAU,MAAS,GAAA,OAAA;AAAA,IAC3B,OAAS,EAAA,CAAC,KAAiC,KAAA,KAAA,CAAM,UAAU,CAAI,GAAA,CAAA;AAAA,IAC/D,UAAY,EAAA;AAAA;AAEhB,CAAE,CAAA,CAAA;AAMW,MAAA,YAAA,GAAe,CAAC,KAGvB,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,GAAU,KAAO,EAAA,QAAA,EAAa,GAAA,KAAA;AACtC,EAAA,MAAM,OAAU,GAAA,SAAA,CAAU,EAAE,OAAA,EAAS,CAAA;AACrC,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AACvC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAGlD,EAAM,MAAA,aAAA,GAAgB,YAAY,iBAAiB,CAAA;AACnD,EAAM,MAAA,YAAA,GAAe,YAAY,gBAAgB,CAAA;AACjD,EAAM,MAAA,SAAA,GAAY,YAAY,aAAa,CAAA;AAC3C,EAAM,MAAA,QAAA,GAAW,YAAY,YAAY,CAAA;AACzC,EAAM,MAAA,SAAA,GAAY,YAAY,aAAa,CAAA;AAC3C,EAAM,MAAA,eAAA,GAAkB,YAAY,mBAAmB,CAAA;AACvD,EAAM,MAAA,YAAA,GAAe,YAAY,gBAAgB,CAAA;AACjD,EAAM,MAAA,YAAA,GAAe,YAAY,yBAAyB,CAAA;AAC1D,EAAM,MAAA,QAAA,GAAW,YAAY,YAAY,CAAA;AAEzC,EAAA,MAAM,WAAW,QAAS,EAAA;AAG1B,EAAA,MAAM,WAAc,GAAA,SAAA;AAAA,IAClB,EAAE,IAAA,EAAM,aAAc,EAAA,EAAG,KAAK,IAAK,EAAA;AAAA,IACnC,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,KACJ,GAAA,SAAA;AAAA,IACE,EAAE,MAAM,CAAG,EAAA,QAAQ,GAAG,WAAY,CAAA,IAAI,CAAI,CAAA,EAAA,GAAA,EAAK,IAAK,EAAA;AAAA,IACpD,QAAS,CAAA;AAAA,GAEX,IAAA,SAAA;AAAA,IACE,EAAE,MAAM,CAAG,EAAA,QAAQ,GAAG,oBAAqB,CAAA,IAAI,CAAI,CAAA,EAAA,GAAA,EAAK,IAAK,EAAA;AAAA,IAC7D,QAAS,CAAA;AAAA,GACX;AAEF,EAAA,MAAM,UAAa,GAAA,SAAA;AAAA,IACjB,EAAE,IAAA,EAAM,YAAa,EAAA,EAAG,KAAK,IAAK,EAAA;AAAA,IAClC,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,OAAU,GAAA,SAAA;AAAA,IACd,EAAE,IAAA,EAAM,SAAU,EAAA,EAAG,KAAK,IAAK,EAAA;AAAA,IAC/B,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,SAAY,GAAA,SAAA;AAAA,IAChB,EAAE,IAAM,EAAA,CAAA,EAAG,QAAQ,CAAG,EAAA,YAAA,CAAa,IAAI,CAAG,CAAA,EAAA;AAAA,IAC1C,QAAS,CAAA;AAAA,GACX;AACA,EAAM,MAAA,MAAA,GAAS,SAAU,CAAA,EAAE,IAAM,EAAA,QAAA,IAAY,GAAK,EAAA,IAAA,EAAQ,EAAA,QAAA,CAAS,QAAQ,CAAA;AAC3E,EAAA,MAAM,QAAW,GAAA,SAAA;AAAA,IACf,EAAE,IAAM,EAAA,CAAA,EAAG,QAAQ,CAAG,EAAA,WAAA,CAAY,IAAI,CAAG,CAAA,EAAA;AAAA,IACzC,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,aAAgB,GAAA,SAAA;AAAA,IACpB,EAAE,IAAA,EAAM,eAAgB,EAAA,EAAG,KAAK,IAAK,EAAA;AAAA,IACrC,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,UAAa,GAAA,SAAA;AAAA,IACjB,EAAE,IAAA,EAAM,YAAa,EAAA,EAAG,KAAK,IAAK,EAAA;AAAA,IAClC,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,WAAc,GAAA,SAAA;AAAA,IAClB,EAAE,IAAM,EAAA,CAAA,EAAG,QAAQ,CAAG,EAAA,cAAA,CAAe,IAAI,CAAG,CAAA,EAAA;AAAA,IAC5C,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,OAAU,GAAA,SAAA;AAAA,IACd,EAAE,IAAA,EAAM,SAAU,EAAA,EAAG,KAAK,IAAK,EAAA;AAAA,IAC/B,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,UAAa,GAAA,SAAA;AAAA,IACjB,EAAE,IAAA,EAAM,YAAa,EAAA,EAAG,KAAK,IAAK,EAAA;AAAA,IAClC,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,aAAgB,GAAA,SAAA;AAAA,IACpB,EAAE,IAAM,EAAA,CAAA,EAAG,QAAQ,CAAG,EAAA,gBAAA,CAAiB,IAAI,CAAG,CAAA,EAAA;AAAA,IAC9C,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,YAAe,GAAA,SAAA;AAAA,IACnB,EAAE,IAAM,EAAA,CAAA,EAAG,QAAQ,CAAG,EAAA,eAAA,CAAgB,IAAI,CAAG,CAAA,EAAA;AAAA,IAC7C,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,SAAY,GAAA,SAAA;AAAA,IAChB,EAAE,IAAM,EAAA,CAAA,EAAG,QAAQ,CAAG,EAAA,YAAA,CAAa,IAAI,CAAG,CAAA,EAAA;AAAA,IAC1C,QAAS,CAAA;AAAA,GACX;AACA,EAAA,MAAM,UAAa,GAAA,CAAC,EAAE,aAAA,IAAiB,YAAgB,IAAA,SAAA,CAAA;AACvD,EAAA,MAAM,MACJ,GAAA,SAAA,CAAU,EAAE,IAAA,EAAM,UAAY,EAAA,GAAA,EAAK,IAAK,EAAA,EAAG,QAAS,CAAA,QAAQ,CAC5D,IAAA,QAAA,CAAS,aAAa,QAAS,EAAA;AAEjC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAA6B,KAAS,CAAA,CAAA;AACxE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA+B,KAAS,CAAA,CAAA;AAChE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAA6B,KAAS,CAAA,CAAA;AAEpE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,WAAA,IAAe,cAAc,OAAS,EAAA;AACxC,MAAA,YAAA,CAAa,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,IAAK,KAAS,CAAA,CAAA;AACpD,MAAA,OAAA,CAAQ,UAAW,CAAA,YAAA,CAAa,GAAI,CAAA,MAAM,CAAC,CAAC,CAAA;AAC5C,MAAA,UAAA,CAAW,KAAS,CAAA,CAAA;AAAA,eACX,QAAU,EAAA;AACnB,MAAI,IAAA,QAAA,CAAS,OAAO,GAAK,EAAA;AACvB,QAAA,OAAA,CAAQ,CAAC,QAAA,CAAS,MAAO,CAAA,GAAG,CAAC,CAAA;AAAA;AAE/B,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA;AACtB,MAAA,UAAA,CAAW,KAAS,CAAA,CAAA;AAAA,eACX,SAAW,EAAA;AACpB,MAAI,IAAA,SAAA,CAAU,MAAO,CAAA,GAAG,CAAG,EAAA;AACzB,QAAW,UAAA,CAAA,SAAA,CAAU,MAAO,CAAA,GAAG,CAAC,CAAA;AAAA;AAElC,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA;AACjB,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA;AAAA,eACb,WAAa,EAAA;AACtB,MAAI,IAAA,WAAA,CAAY,OAAO,SAAW,EAAA;AAChC,QAAa,YAAA,CAAA,WAAA,CAAY,OAAO,SAAS,CAAA;AAAA;AAE3C,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA;AACjB,MAAA,UAAA,CAAW,KAAS,CAAA,CAAA;AAAA,KACf,MAAA;AACL,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA;AACjB,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA;AACtB,MAAA,UAAA,CAAW,KAAS,CAAA,CAAA;AAAA;AACtB,GACC,EAAA;AAAA,IACD,YAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAS,CAAA;AAAA,GACV,CAAA;AAED,EAAA,IAAI,OAAU,GAAA,IAAA;AAEd,EAAA,IAAI,MAAQ,EAAA;AACV,IAAA,OAAA,uBAAW,gBAAiB,EAAA,EAAA,CAAA;AAAA,aACnB,KAAO,EAAA;AAChB,IAAA,OAAA,uBAAW,eAAgB,EAAA,EAAA,CAAA;AAAA,aAClB,UAAY,EAAA;AACrB,IAAM,MAAA,EAAA,GACJ,eAAe,MAAO,CAAA,EAAA,IACtB,cAAc,MAAO,CAAA,EAAA,IACrB,WAAW,MAAO,CAAA,EAAA;AACpB,IAAU,OAAA,mBAAA,GAAA,CAAC,oBAAiB,EAAQ,EAAA,CAAA;AAAA,aAC3B,WAAa,EAAA;AACtB,IAAU,OAAA,mBAAA,GAAA,CAAC,qBAAsB,EAAA,EAAA,IAAA,EAAY,SAAsB,EAAA,CAAA;AAAA,aAC1D,UAAY,EAAA;AACrB,IAAU,OAAA,mBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,IAAA,EAAY,SAAsB,EAAA,CAAA;AAAA,aACzD,OAAS,EAAA;AAClB,IAAU,OAAA,mBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,IAAA,EAAY,SAAsB,EAAA,CAAA;AAAA,aACtD,UAAY,EAAA;AACrB,IAAA,OAAA,uBAAW,oBAAqB,EAAA,EAAA,CAAA;AAAA,aACvB,OAAS,EAAA;AAClB,IAAA,OAAA,uBAAW,iBAAkB,EAAA,EAAA,CAAA;AAAA,aACpB,QAAU,EAAA;AACnB,IAAU,OAAA,mBAAA,GAAA,CAAC,mBAAgB,IAAY,EAAA,CAAA;AAAA,GACzC,MAAA,IAAW,aAAa,OAAS,EAAA;AAC/B,IAAU,OAAA,GAAA,IAAA;AAAA,aACD,MAAQ,EAAA;AACjB,IAAA,OAAA,uBAAW,gBAAiB,EAAA,EAAA,CAAA;AAAA,aACnB,UAAY,EAAA;AACrB,IAAA,OAAA,uBAAW,oBAAqB,EAAA,EAAA,CAAA;AAAA,GAClC,MAAA,IAAW,eAAe,SAAW,EAAA;AACnC,IAAU,OAAA,mBAAA,GAAA,CAAC,sBAAmB,SAAsB,EAAA,CAAA;AAAA,aAC3C,aAAe,EAAA;AACxB,IAAA,OAAA,uBAAW,uBAAwB,EAAA,EAAA,CAAA;AAAA;AAGrC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,OAAA,uBAAW,mBAAoB,EAAA,EAAA,CAAA;AAAA;AAGjC,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,SACtB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,OAAA,EAAU,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA,oBAC1C,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,cAAA,EAAgB,UAAU,QAAW,GAAA,UAAA;AAAA,QACrC,KAAA,EAAO,EAAE,SAAA,EAAW,MAAO,EAAA;AAAA,QAE3B,QAAA,kBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,OAAO,OAAU,GAAA,CAAA,CAAE,kBAAkB,CAAA,GAAI,EAAE,oBAAoB,CAAA;AAAA,YAC/D,SAAU,EAAA,MAAA;AAAA,YAEV,QAAA,kBAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,OAAS,EAAA,QAAA;AAAA,gBACT,IAAK,EAAA,OAAA;AAAA,gBACL,SAAA,EAAW,OAAU,GAAA,EAAA,GAAK,OAAQ,CAAA,YAAA;AAAA,gBAClC,KAAA,EAAO,EAAE,SAAA,EAAW,CAAE,EAAA;AAAA,gBAErB,QAAA,EAAA,OAAA,mBACE,GAAA,CAAA,eAAA,EAAA,EAAgB,CAEjB,mBAAA,GAAA,CAAC,gBAAa,KAAO,EAAA,EAAE,SAAW,EAAA,YAAA,EAAgB,EAAA;AAAA;AAAA;AAEtD;AAAA;AACF;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -30,7 +30,7 @@ declare const QetaPage: (props?: {
     remarkPlugins?: unified.PluggableList;
     rehypePlugins?: unified.PluggableList;
 }) => react_jsx_runtime.JSX.Element;
-declare const QetaReviewPage: () => react_jsx_runtime.JSX.Element;
+declare const QetaReviewPage: () => react_jsx_runtime.JSX.Element | null;
 declare const PostsTableCard: (props: _backstage_plugin_home_react.CardExtensionProps<{
     postType?: PostType;
     rowsPerPage?: number;

package/dist/package.json.esm.js

@@ -6,7 +6,7 @@ var keywords = [
 	"frontend",
 	"backstage.io"
 ];
-var version = "3.51.0";
+var version = "3.52.0";
 var main = "src/index.ts";
 var types = "src/index.ts";
 var prepublishOnly = "yarn tsc && yarn build";

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.51.0",
+  "version": "3.52.0",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -85,8 +85,8 @@
     "@backstage/plugin-search-react": "^1.10.1",
     "@backstage/plugin-signals-react": "^0.0.18",
     "@backstage/plugin-techdocs-react": "^1.3.6",
-    "@drodil/backstage-plugin-qeta-common": "^3.51.0",
-    "@drodil/backstage-plugin-qeta-react": "^3.51.0",
+    "@drodil/backstage-plugin-qeta-common": "^3.52.0",
+    "@drodil/backstage-plugin-qeta-react": "^3.52.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",