@drodil/backstage-plugin-qeta-react 3.50.0 → 3.51.1

package/dist/components/Buttons/VoteButtons.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import ArrowDownward from '@material-ui/icons/ArrowDownward';
 import ArrowUpward from '@material-ui/icons/ArrowUpward';
-import Check from '@material-ui/icons/Check';
+import CheckIcon from '@material-ui/icons/Check';
 import { Fragment } from 'react';
 import { useVoting } from '../../hooks/useVoting.esm.js';
 import { makeStyles, createStyles, Tooltip, IconButton, Typography, Box } from '@material-ui/core';
@@ -36,10 +36,13 @@ const VoteButtons = (props) => {
   const own = props.entity.own ?? false;
   const classes = useStyles();
   const isDisabled = (isCorrectButton = false) => {
+    if (props.post?.status === "obsolete") {
+      return true;
+    }
     if (isCorrectButton) {
       return "status" in props.entity && props.entity.status !== "active";
     }
-    return own || "status" in props.entity && props.entity.status !== "active";
+    return own || "status" in props.entity && props.entity.status !== "active" && props.entity.status !== "obsolete" || "status" in props.entity && props.entity.status === "obsolete";
   };
   const getVoteUpTooltip = () => {
     if (isDisabled()) {
@@ -93,7 +96,7 @@ const VoteButtons = (props) => {
         disabled: isDisabled(true),
         onClick: props.post?.own || props.post?.canEdit ? toggleCorrectAnswer : void 0,
         children: /* @__PURE__ */ jsx(
-          Check,
+          CheckIcon,
           {
             className: correctAnswer ? classes.qetaCorrectAnswerSelected : classes.qetaCorrectAnswer
           }

package/dist/components/Buttons/VoteButtons.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/Buttons/VoteButtons.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport { Fragment } from 'react';\nimport { useVoting } from '../../hooks/useVoting';\nimport {\n  Box,\n  createStyles,\n  IconButton,\n  makeStyles,\n  Theme,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\n\nexport type QetaVoteButtonsClassKey =\n  | 'qetaCorrectAnswerSelected'\n  | 'qetaCorrectAnswer'\n  | 'voteButtonContainer';\n\nconst useStyles = makeStyles(\n  (theme: Theme) =>\n    createStyles({\n      qetaCorrectAnswerSelected: {\n        color: theme.palette.success.main,\n      },\n      qetaCorrectAnswer: {\n        color: theme.palette.grey[500],\n      },\n      voteButtonContainer: {\n        borderWidth: '1px',\n        borderColor: 'white',\n      },\n    }),\n  { name: 'QetaVoteButtons' },\n);\n\nexport const VoteButtons = (props: {\n  entity: PostResponse | AnswerResponse;\n  post?: PostResponse;\n}) => {\n  const {\n    voteUpTooltip,\n    ownVote,\n    voteUp,\n    score,\n    voteDownTooltip,\n    voteDown,\n    correctAnswer,\n    correctTooltip,\n    toggleCorrectAnswer,\n  } = useVoting(props.entity);\n  const own = props.entity.own ?? false;\n  const classes = useStyles();\n\n  const isDisabled = (isCorrectButton = false) => {\n    if (isCorrectButton) {\n      return 'status' in props.entity && props.entity.status !== 'active';\n    }\n    return (\n      own || ('status' in props.entity && props.entity.status !== 'active')\n    );\n  };\n\n  const getVoteUpTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteUpTooltip;\n  };\n\n  const getVoteDownTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteDownTooltip;\n  };\n\n  const getCorrectTooltip = () => {\n    if (isDisabled(true)) {\n      return '';\n    }\n    return correctTooltip;\n  };\n\n  return (\n    <Fragment>\n      <Tooltip title={getVoteUpTooltip()}>\n        <span>\n          <IconButton\n            aria-label=\"vote up\"\n            color={ownVote > 0 ? 'primary' : 'default'}\n            className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n            disabled={isDisabled()}\n            size=\"small\"\n            onClick={voteUp}\n          >\n            <ArrowUpward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      <Typography variant=\"h6\" style={{ userSelect: 'none' }}>\n        {score}\n      </Typography>\n      <Tooltip title={getVoteDownTooltip()}>\n        <span>\n          <IconButton\n            aria-label=\"vote down\"\n            color={ownVote < 0 ? 'primary' : 'default'}\n            className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n            disabled={isDisabled()}\n            size=\"small\"\n            onClick={voteDown}\n          >\n            <ArrowDownward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      {'correct' in props.entity &&\n        (props.post?.own || props.post?.canEdit || correctAnswer) && (\n          <Box>\n            <Tooltip title={getCorrectTooltip()}>\n              <span>\n                <IconButton\n                  aria-label=\"mark correct\"\n                  size=\"small\"\n                  disabled={isDisabled(true)}\n                  onClick={\n                    props.post?.own || props.post?.canEdit\n                      ? toggleCorrectAnswer\n                      : undefined\n                  }\n                >\n                  <Check\n                    className={\n                      correctAnswer\n                        ? classes.qetaCorrectAnswerSelected\n                        : classes.qetaCorrectAnswer\n                    }\n                  />\n                </IconButton>\n              </span>\n            </Tooltip>\n          </Box>\n        )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/Buttons/VoteButtons.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport { Fragment } from 'react';\nimport { useVoting } from '../../hooks/useVoting';\nimport {\n  Box,\n  createStyles,\n  IconButton,\n  makeStyles,\n  Theme,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\n\nexport type QetaVoteButtonsClassKey =\n  | 'qetaCorrectAnswerSelected'\n  | 'qetaCorrectAnswer'\n  | 'voteButtonContainer';\n\nconst useStyles = makeStyles(\n  (theme: Theme) =>\n    createStyles({\n      qetaCorrectAnswerSelected: {\n        color: theme.palette.success.main,\n      },\n      qetaCorrectAnswer: {\n        color: theme.palette.grey[500],\n      },\n      voteButtonContainer: {\n        borderWidth: '1px',\n        borderColor: 'white',\n      },\n    }),\n  { name: 'QetaVoteButtons' },\n);\n\nexport const VoteButtons = (props: {\n  entity: PostResponse | AnswerResponse;\n  post?: PostResponse;\n}) => {\n  const {\n    voteUpTooltip,\n    ownVote,\n    voteUp,\n    score,\n    voteDownTooltip,\n    voteDown,\n    correctAnswer,\n    correctTooltip,\n    toggleCorrectAnswer,\n  } = useVoting(props.entity);\n  const own = props.entity.own ?? false;\n  const classes = useStyles();\n\n  const isDisabled = (isCorrectButton = false) => {\n    // Check if parent post is obsolete (for answers)\n    if (props.post?.status === 'obsolete') {\n      return true;\n    }\n    if (isCorrectButton) {\n      return 'status' in props.entity && props.entity.status !== 'active';\n    }\n    return (\n      own ||\n      ('status' in props.entity &&\n        props.entity.status !== 'active' &&\n        props.entity.status !== 'obsolete') ||\n      ('status' in props.entity && props.entity.status === 'obsolete')\n    );\n  };\n\n  const getVoteUpTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteUpTooltip;\n  };\n\n  const getVoteDownTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteDownTooltip;\n  };\n\n  const getCorrectTooltip = () => {\n    if (isDisabled(true)) {\n      return '';\n    }\n    return correctTooltip;\n  };\n\n  return (\n    <Fragment>\n      <Tooltip title={getVoteUpTooltip()}>\n        <span>\n          <IconButton\n            aria-label=\"vote up\"\n            color={ownVote > 0 ? 'primary' : 'default'}\n            className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n            disabled={isDisabled()}\n            size=\"small\"\n            onClick={voteUp}\n          >\n            <ArrowUpward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      <Typography variant=\"h6\" style={{ userSelect: 'none' }}>\n        {score}\n      </Typography>\n      <Tooltip title={getVoteDownTooltip()}>\n        <span>\n          <IconButton\n            aria-label=\"vote down\"\n            color={ownVote < 0 ? 'primary' : 'default'}\n            className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n            disabled={isDisabled()}\n            size=\"small\"\n            onClick={voteDown}\n          >\n            <ArrowDownward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      {'correct' in props.entity &&\n        (props.post?.own || props.post?.canEdit || correctAnswer) && (\n          <Box>\n            <Tooltip title={getCorrectTooltip()}>\n              <span>\n                <IconButton\n                  aria-label=\"mark correct\"\n                  size=\"small\"\n                  disabled={isDisabled(true)}\n                  onClick={\n                    props.post?.own || props.post?.canEdit\n                      ? toggleCorrectAnswer\n                      : undefined\n                  }\n                >\n                  <Check\n                    className={\n                      correctAnswer\n                        ? classes.qetaCorrectAnswerSelected\n                        : classes.qetaCorrectAnswer\n                    }\n                  />\n                </IconButton>\n              </span>\n            </Tooltip>\n          </Box>\n        )}\n    </Fragment>\n  );\n};\n"],"names":["Check"],"mappings":"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"}

package/dist/components/CommentSection/CommentListItem.esm.js

@@ -147,7 +147,7 @@ const CommentListItem = (props) => {
       comment.expert && /* @__PURE__ */ jsx(ExpertIcon, {}),
       " \u2022 ",
       /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: comment.created }),
-      comment.canEdit && /* @__PURE__ */ jsx(
+      comment.canEdit && post.status !== "obsolete" && /* @__PURE__ */ jsx(
         Link,
         {
           underline: "none",
@@ -157,7 +157,7 @@ const CommentListItem = (props) => {
           children: t("commentList.editLink")
         }
       ),
-      comment.canDelete && /* @__PURE__ */ jsx(
+      comment.canDelete && post.status !== "obsolete" && /* @__PURE__ */ jsx(
         Link,
         {
           underline: "none",

package/dist/components/CommentSection/CommentListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentListItem.esm.js","sources":["../../../src/components/CommentSection/CommentListItem.tsx"],"sourcesContent":["import { Box, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { AuthorLink } from '../Links';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { Link } from '@backstage/core-components';\nimport { useState } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  AnswerResponse,\n  Comment,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api.ts';\nimport { CommentForm } from './CommentForm.tsx';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    box: {\n      padding: theme.spacing(1.5),\n      transition: 'all 0.2s ease-in-out',\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover,\n      },\n    },\n    content: {\n      display: 'inline',\n      '&>*:last-child:not(ul,ol,blockquote)': {\n        display: 'inline',\n      },\n      lineHeight: 1.5,\n    },\n    metadata: {\n      color: theme.palette.text.secondary,\n      marginTop: theme.spacing(0.5),\n      display: 'flex',\n      alignItems: 'center',\n      gap: theme.spacing(0.5),\n      '& a': {\n        color: theme.palette.text.secondary,\n        transition: 'all 0.2s ease-in-out',\n        textDecoration: 'none',\n        '&:hover': {\n          color: theme.palette.primary.main,\n          textDecoration: 'underline',\n        },\n      },\n      '& .actionBtn': {\n        marginLeft: theme.spacing(1),\n        fontSize: '0.75rem',\n        opacity: 0.7,\n        '&:hover': {\n          opacity: 1,\n        },\n      },\n    },\n  }),\n  { name: 'QetaCommentList' },\n);\n\nexport const CommentListItem = (props: {\n  comment: Comment;\n  onCommentAction: (question: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { comment, onCommentAction, post, answer } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = useState(false);\n  const styles = useStyles();\n  const [editing, setEditing] = useState(false);\n  const alertApi = useApi(alertApiRef);\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi\n        .deleteAnswerComment(post.id, answer.id, id)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            display: 'transient',\n            severity: 'error',\n          }),\n        )\n        .then(a => {\n          if (a) {\n            onCommentAction(post, a);\n          }\n        });\n      return;\n    }\n    qetaApi\n      .deletePostComment(post.id, id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(q => {\n        if (q) {\n          onCommentAction(q);\n        }\n      });\n  };\n\n  const saveComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi\n        .updateAnswerComment(post.id, answer.id, comment.id, data.content)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            display: 'transient',\n            severity: 'error',\n          }),\n        )\n        .then(a => {\n          if (a) {\n            onCommentAction(post, a);\n          }\n        })\n        .finally(() => {\n          setEditing(false);\n          setPosting(false);\n        });\n      return;\n    }\n    qetaApi\n      .updatePostComment(post.id, comment.id, data.content)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(q => {\n        if (q) {\n          onCommentAction(q);\n        }\n      })\n      .finally(() => {\n        setEditing(false);\n        setPosting(false);\n      });\n  };\n\n  return (\n    <Box className={styles.box}>\n      {editing ? (\n        <>\n          <CommentForm\n            submit={saveComment}\n            saveButtonTitle={t('commentList.save')}\n            defaultValues={{ content: comment.content }}\n            disabled={posting}\n            onDiscard={() => setEditing(false)}\n          />\n        </>\n      ) : (\n        <>\n          <MarkdownRenderer\n            content={comment.content}\n            className={styles.content}\n          />\n          <Typography variant=\"caption\" className={styles.metadata}>\n            <AuthorLink entity={comment} />\n            {comment.expert && <ExpertIcon />}\n            {' • '}\n            <RelativeTimeWithTooltip value={comment.created} />\n            {comment.canEdit && (\n              <Link\n                underline=\"none\"\n                to=\"#\"\n                className=\"actionBtn qetaCommentEditBtn\"\n                onClick={() => setEditing(true)}\n              >\n                {t('commentList.editLink')}\n              </Link>\n            )}\n            {comment.canDelete && (\n              <Link\n                underline=\"none\"\n                to=\"#\"\n                className=\"actionBtn qetaCommentDeleteBtn\"\n                onClick={() => deleteComment(comment.id)}\n              >\n                {t('commentList.deleteLink')}\n              </Link>\n            )}\n          </Typography>\n        </>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentListItem.esm.js","sources":["../../../src/components/CommentSection/CommentListItem.tsx"],"sourcesContent":["import { Box, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { AuthorLink } from '../Links';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { Link } from '@backstage/core-components';\nimport { useState } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  AnswerResponse,\n  Comment,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api.ts';\nimport { CommentForm } from './CommentForm.tsx';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    box: {\n      padding: theme.spacing(1.5),\n      transition: 'all 0.2s ease-in-out',\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover,\n      },\n    },\n    content: {\n      display: 'inline',\n      '&>*:last-child:not(ul,ol,blockquote)': {\n        display: 'inline',\n      },\n      lineHeight: 1.5,\n    },\n    metadata: {\n      color: theme.palette.text.secondary,\n      marginTop: theme.spacing(0.5),\n      display: 'flex',\n      alignItems: 'center',\n      gap: theme.spacing(0.5),\n      '& a': {\n        color: theme.palette.text.secondary,\n        transition: 'all 0.2s ease-in-out',\n        textDecoration: 'none',\n        '&:hover': {\n          color: theme.palette.primary.main,\n          textDecoration: 'underline',\n        },\n      },\n      '& .actionBtn': {\n        marginLeft: theme.spacing(1),\n        fontSize: '0.75rem',\n        opacity: 0.7,\n        '&:hover': {\n          opacity: 1,\n        },\n      },\n    },\n  }),\n  { name: 'QetaCommentList' },\n);\n\nexport const CommentListItem = (props: {\n  comment: Comment;\n  onCommentAction: (question: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { comment, onCommentAction, post, answer } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = useState(false);\n  const styles = useStyles();\n  const [editing, setEditing] = useState(false);\n  const alertApi = useApi(alertApiRef);\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi\n        .deleteAnswerComment(post.id, answer.id, id)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            display: 'transient',\n            severity: 'error',\n          }),\n        )\n        .then(a => {\n          if (a) {\n            onCommentAction(post, a);\n          }\n        });\n      return;\n    }\n    qetaApi\n      .deletePostComment(post.id, id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(q => {\n        if (q) {\n          onCommentAction(q);\n        }\n      });\n  };\n\n  const saveComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi\n        .updateAnswerComment(post.id, answer.id, comment.id, data.content)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            display: 'transient',\n            severity: 'error',\n          }),\n        )\n        .then(a => {\n          if (a) {\n            onCommentAction(post, a);\n          }\n        })\n        .finally(() => {\n          setEditing(false);\n          setPosting(false);\n        });\n      return;\n    }\n    qetaApi\n      .updatePostComment(post.id, comment.id, data.content)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(q => {\n        if (q) {\n          onCommentAction(q);\n        }\n      })\n      .finally(() => {\n        setEditing(false);\n        setPosting(false);\n      });\n  };\n\n  return (\n    <Box className={styles.box}>\n      {editing ? (\n        <>\n          <CommentForm\n            submit={saveComment}\n            saveButtonTitle={t('commentList.save')}\n            defaultValues={{ content: comment.content }}\n            disabled={posting}\n            onDiscard={() => setEditing(false)}\n          />\n        </>\n      ) : (\n        <>\n          <MarkdownRenderer\n            content={comment.content}\n            className={styles.content}\n          />\n          <Typography variant=\"caption\" className={styles.metadata}>\n            <AuthorLink entity={comment} />\n            {comment.expert && <ExpertIcon />}\n            {' • '}\n            <RelativeTimeWithTooltip value={comment.created} />\n            {comment.canEdit && post.status !== 'obsolete' && (\n              <Link\n                underline=\"none\"\n                to=\"#\"\n                className=\"actionBtn qetaCommentEditBtn\"\n                onClick={() => setEditing(true)}\n              >\n                {t('commentList.editLink')}\n              </Link>\n            )}\n            {comment.canDelete && post.status !== 'obsolete' && (\n              <Link\n                underline=\"none\"\n                to=\"#\"\n                className=\"actionBtn qetaCommentDeleteBtn\"\n                onClick={() => deleteComment(comment.id)}\n              >\n                {t('commentList.deleteLink')}\n              </Link>\n            )}\n          </Typography>\n        </>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CommentSection/CommentSection.esm.js

@@ -106,9 +106,10 @@ const CommentSection = (props) => {
     }
   };
   useConfirmNavigationIfEdited(edited);
-  if (post.status !== "active") {
+  if (post.status !== "active" && post.status !== "obsolete") {
     return null;
   }
+  const isObsolete = post.status === "obsolete";
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -138,7 +139,7 @@ const CommentSection = (props) => {
             onCommentAction
           }
         ) }),
-        /* @__PURE__ */ jsxs(
+        !isObsolete && /* @__PURE__ */ jsxs(
           OptionalRequirePermission,
           {
             permission: qetaCreateCommentPermission,

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

@@ -1 +1 @@
-{"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport { useState } from 'react';\nimport { Box, Button, Grid, makeStyles } from '@material-ui/core';\nimport {\n  AnswerResponse,\n  PostResponse,\n  qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport AddCommentIcon from '@material-ui/icons/AddComment';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CommentForm } from './CommentForm.tsx';\nimport { useConfirmNavigationIfEdited } from '../../utils';\n\nexport type QetaCommentSectionClassKey =\n  | 'root'\n  | 'addCommentButton'\n  | 'commentSection'\n  | 'commentForm'\n  | 'prominentButton';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    commentSection: {\n      position: 'relative',\n      marginLeft: theme.spacing(3.5),\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        left: theme.spacing(1),\n        height: 'calc(100% - 46px)',\n        width: '1px',\n        backgroundColor: theme.palette.divider,\n        opacity: 0.4,\n        transition: 'all 0.2s ease-in-out',\n        zIndex: 1,\n      },\n    },\n    addCommentButton: {\n      textTransform: 'none',\n      backgroundColor: 'transparent',\n      border: 'none',\n      color: theme.palette.text.secondary,\n      marginTop: '3px',\n      '&:hover': {\n        backgroundColor: 'transparent',\n        color: theme.palette.primary.main,\n      },\n    },\n    commentForm: {\n      marginLeft: theme.spacing(2.5),\n      marginTop: theme.spacing(1),\n    },\n    prominentButton: {\n      marginTop: theme.spacing(1),\n      marginBottom: theme.spacing(2),\n      marginLeft: theme.spacing(1),\n      padding: theme.spacing(1, 2.5),\n      textTransform: 'none',\n      fontSize: '1rem',\n    },\n  }),\n  { name: 'QetaCommentSection' },\n);\n\nexport const CommentSection = (props: {\n  onCommentAction: (post: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n  className?: string;\n  showProminentButton?: boolean;\n}) => {\n  const { answer, post, onCommentAction, showProminentButton = false } = props;\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = useState(false);\n  const [formVisible, setFormVisible] = useState(false);\n  const [edited, setEdited] = useState(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n\n  // Determine the entity to get comments from\n  const entity = answer ?? post;\n  const commentsCount = entity.comments?.length || 0;\n  const [commentsVisible, setCommentsVisible] = useState(true);\n  const alertApi = useApi(alertApiRef);\n\n  const postComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi\n        .commentAnswer(post.id, answer.id, data.content)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          }),\n        )\n        .then(a => {\n          setFormVisible(false);\n          analytics.captureEvent('comment', 'answer');\n          setEdited(false);\n          if (a) {\n            onCommentAction(post, a);\n          }\n        })\n        .finally(() => setPosting(false));\n    } else {\n      qetaApi\n        .commentPost(post.id, data.content)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          }),\n        )\n        .then(q => {\n          setFormVisible(false);\n          analytics.captureEvent('comment', 'question');\n          setEdited(false);\n          if (q) {\n            onCommentAction(q);\n          }\n        })\n        .finally(() => setPosting(false));\n    }\n  };\n\n  useConfirmNavigationIfEdited(edited);\n\n  if (post.status !== 'active') {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`${styles.root} ${styles.commentSection} ${props.className} qetaCommentSection`}\n    >\n      {commentsCount > 0 && (\n        <Box display=\"flex\" alignItems=\"center\" pl={1}>\n          <Button\n            size=\"small\"\n            variant=\"text\"\n            onClick={() => setCommentsVisible(v => !v)}\n            style={{\n              textTransform: 'none',\n              padding: '0.5rem 0.8rem',\n              border: 'none',\n              backgroundColor: 'transparent',\n            }}\n            endIcon={\n              commentsVisible ? (\n                <ExpandMoreIcon fontSize=\"small\" />\n              ) : (\n                <ExpandLessIcon fontSize=\"small\" />\n              )\n            }\n          >\n            {`${commentsCount} ${t('common.comments')}`}\n          </Button>\n        </Box>\n      )}\n      {commentsVisible && (\n        <Box pl={1}>\n          <CommentList\n            post={post}\n            answer={answer}\n            onCommentAction={onCommentAction}\n          />\n        </Box>\n      )}\n      <OptionalRequirePermission\n        permission={qetaCreateCommentPermission}\n        errorPage={<></>}\n      >\n        {!formVisible && showProminentButton && (\n          <Grid container justifyContent=\"flex-start\">\n            <Grid item>\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                size=\"large\"\n                startIcon={<AddCommentIcon />}\n                onClick={() => setFormVisible(true)}\n                className={styles.prominentButton}\n              >\n                {t('commentSection.leaveComment')}\n              </Button>\n            </Grid>\n          </Grid>\n        )}\n        {!formVisible && !showProminentButton && (\n          <Grid container justifyContent=\"flex-end\">\n            <Grid item>\n              <Button\n                size=\"small\"\n                startIcon={<AddCommentIcon fontSize=\"small\" />}\n                onClick={() => setFormVisible(true)}\n                className={styles.addCommentButton}\n              >\n                {t('commentSection.addComment')}\n              </Button>\n            </Grid>\n          </Grid>\n        )}\n        {formVisible && (\n          <Box className={styles.commentForm}>\n            <CommentForm\n              submit={postComment}\n              saveButtonTitle={t('commentSection.post')}\n              disabled={posting}\n              onDiscard={() => setFormVisible(false)}\n            />\n          </Box>\n        )}\n      </OptionalRequirePermission>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport { useState } from 'react';\nimport { Box, Button, Grid, makeStyles } from '@material-ui/core';\nimport {\n  AnswerResponse,\n  PostResponse,\n  qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport AddCommentIcon from '@material-ui/icons/AddComment';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CommentForm } from './CommentForm.tsx';\nimport { useConfirmNavigationIfEdited } from '../../utils';\n\nexport type QetaCommentSectionClassKey =\n  | 'root'\n  | 'addCommentButton'\n  | 'commentSection'\n  | 'commentForm'\n  | 'prominentButton';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    commentSection: {\n      position: 'relative',\n      marginLeft: theme.spacing(3.5),\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        left: theme.spacing(1),\n        height: 'calc(100% - 46px)',\n        width: '1px',\n        backgroundColor: theme.palette.divider,\n        opacity: 0.4,\n        transition: 'all 0.2s ease-in-out',\n        zIndex: 1,\n      },\n    },\n    addCommentButton: {\n      textTransform: 'none',\n      backgroundColor: 'transparent',\n      border: 'none',\n      color: theme.palette.text.secondary,\n      marginTop: '3px',\n      '&:hover': {\n        backgroundColor: 'transparent',\n        color: theme.palette.primary.main,\n      },\n    },\n    commentForm: {\n      marginLeft: theme.spacing(2.5),\n      marginTop: theme.spacing(1),\n    },\n    prominentButton: {\n      marginTop: theme.spacing(1),\n      marginBottom: theme.spacing(2),\n      marginLeft: theme.spacing(1),\n      padding: theme.spacing(1, 2.5),\n      textTransform: 'none',\n      fontSize: '1rem',\n    },\n  }),\n  { name: 'QetaCommentSection' },\n);\n\nexport const CommentSection = (props: {\n  onCommentAction: (post: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n  className?: string;\n  showProminentButton?: boolean;\n}) => {\n  const { answer, post, onCommentAction, showProminentButton = false } = props;\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = useState(false);\n  const [formVisible, setFormVisible] = useState(false);\n  const [edited, setEdited] = useState(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n\n  // Determine the entity to get comments from\n  const entity = answer ?? post;\n  const commentsCount = entity.comments?.length || 0;\n  const [commentsVisible, setCommentsVisible] = useState(true);\n  const alertApi = useApi(alertApiRef);\n\n  const postComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi\n        .commentAnswer(post.id, answer.id, data.content)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          }),\n        )\n        .then(a => {\n          setFormVisible(false);\n          analytics.captureEvent('comment', 'answer');\n          setEdited(false);\n          if (a) {\n            onCommentAction(post, a);\n          }\n        })\n        .finally(() => setPosting(false));\n    } else {\n      qetaApi\n        .commentPost(post.id, data.content)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          }),\n        )\n        .then(q => {\n          setFormVisible(false);\n          analytics.captureEvent('comment', 'question');\n          setEdited(false);\n          if (q) {\n            onCommentAction(q);\n          }\n        })\n        .finally(() => setPosting(false));\n    }\n  };\n\n  useConfirmNavigationIfEdited(edited);\n\n  if (post.status !== 'active' && post.status !== 'obsolete') {\n    return null;\n  }\n\n  const isObsolete = post.status === 'obsolete';\n\n  return (\n    <Box\n      className={`${styles.root} ${styles.commentSection} ${props.className} qetaCommentSection`}\n    >\n      {commentsCount > 0 && (\n        <Box display=\"flex\" alignItems=\"center\" pl={1}>\n          <Button\n            size=\"small\"\n            variant=\"text\"\n            onClick={() => setCommentsVisible(v => !v)}\n            style={{\n              textTransform: 'none',\n              padding: '0.5rem 0.8rem',\n              border: 'none',\n              backgroundColor: 'transparent',\n            }}\n            endIcon={\n              commentsVisible ? (\n                <ExpandMoreIcon fontSize=\"small\" />\n              ) : (\n                <ExpandLessIcon fontSize=\"small\" />\n              )\n            }\n          >\n            {`${commentsCount} ${t('common.comments')}`}\n          </Button>\n        </Box>\n      )}\n      {commentsVisible && (\n        <Box pl={1}>\n          <CommentList\n            post={post}\n            answer={answer}\n            onCommentAction={onCommentAction}\n          />\n        </Box>\n      )}\n      {!isObsolete && (\n        <OptionalRequirePermission\n          permission={qetaCreateCommentPermission}\n          errorPage={<></>}\n        >\n          {!formVisible && showProminentButton && (\n            <Grid container justifyContent=\"flex-start\">\n              <Grid item>\n                <Button\n                  variant=\"contained\"\n                  color=\"primary\"\n                  size=\"large\"\n                  startIcon={<AddCommentIcon />}\n                  onClick={() => setFormVisible(true)}\n                  className={styles.prominentButton}\n                >\n                  {t('commentSection.leaveComment')}\n                </Button>\n              </Grid>\n            </Grid>\n          )}\n          {!formVisible && !showProminentButton && (\n            <Grid container justifyContent=\"flex-end\">\n              <Grid item>\n                <Button\n                  size=\"small\"\n                  startIcon={<AddCommentIcon fontSize=\"small\" />}\n                  onClick={() => setFormVisible(true)}\n                  className={styles.addCommentButton}\n                >\n                  {t('commentSection.addComment')}\n                </Button>\n              </Grid>\n            </Grid>\n          )}\n          {formVisible && (\n            <Box className={styles.commentForm}>\n              <CommentForm\n                submit={postComment}\n                saveButtonTitle={t('commentSection.post')}\n                disabled={posting}\n                onDiscard={() => setFormVisible(false)}\n              />\n            </Box>\n          )}\n        </OptionalRequirePermission>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -17,7 +17,8 @@ import EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined';
 import SettingsOutlined from '@material-ui/icons/SettingsOutlined';
 import MenuOpenIcon from '@material-ui/icons/MenuOpen';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
-import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteRef, userRouteRef, questionsRouteRef, articlesRouteRef, linksRouteRef, collectionsRouteRef, entitiesRouteRef, usersRouteRef, moderatorRouteRef } from '../../routes.esm.js';
+import RateReviewOutlined from '@material-ui/icons/RateReviewOutlined';
+import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteRef, userRouteRef, questionsRouteRef, articlesRouteRef, linksRouteRef, collectionsRouteRef, entitiesRouteRef, usersRouteRef, moderatorRouteRef, reviewRouteRef } from '../../routes.esm.js';
 import '../../api.esm.js';
 import 'react';
 import '@backstage/catalog-model';
@@ -27,6 +28,7 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import { useCanReview } from '../../hooks/useCanReview.esm.js';
 
 const useStyles = makeStyles(
   (theme) => {
@@ -154,11 +156,13 @@ const LeftMenu = (props) => {
   const entitiesRoute = useRouteRef(entitiesRouteRef);
   const usersRoute = useRouteRef(usersRouteRef);
   const moderatorRoute = useRouteRef(moderatorRouteRef);
+  const reviewRoute = useRouteRef(reviewRouteRef);
   const styles = useStyles(props);
   const { t } = useTranslationRef(qetaTranslationRef);
   const location = useLocation();
   const navigate = useNavigate();
   const { isModerator } = useIsModerator();
+  const { canReview } = useCanReview();
   const app = useApp();
   const { compact = false, onToggle } = props;
   const {
@@ -317,10 +321,11 @@ const LeftMenu = (props) => {
             children: /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(EmojiEventsOutlined, { fontSize: "small" }) })
           }
         ),
-        isModerator && /* @__PURE__ */ jsxs(Fragment, { children: [
+        (isModerator || canReview) && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("li", { style: { listStyle: "none" }, children: /* @__PURE__ */ jsx(Typography, { className: styles.sectionHeader, children: t("leftMenu.manage") }) }),
           /* @__PURE__ */ jsx(Divider, { className: styles.divider, component: "li" }),
-          /* @__PURE__ */ jsx(
+          canReview && /* @__PURE__ */ jsx(CustomMenuItem, { route: reviewRoute(), label: t("leftMenu.review"), children: /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(RateReviewOutlined, { fontSize: "small" }) }) }),
+          isModerator && /* @__PURE__ */ jsx(
             CustomMenuItem,
             {
               route: moderatorRoute(),

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

@@ -1 +1 @@
-{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  IconButton,\n  List,\n  ListItemIcon,\n  makeStyles,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\n// Icons\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined'; // For Entities?\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined'; // Check if exists, else PlaylistPlay\nimport PeopleOutline from '@material-ui/icons/PeopleOutline';\nimport PersonOutline from '@material-ui/icons/PersonOutline';\nimport EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined'; // Check, else plain\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\n\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '../../routes';\nimport { useIdentityApi, useIsModerator } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      leftMenu: {\n        top: '0',\n        width: '220px', // Standard width\n        paddingTop: 0,\n        paddingBottom: theme.spacing(2),\n        transition: 'width 0.2s ease-in-out',\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100%',\n      },\n      leftMenuCompact: {\n        width: '72px',\n        overflowX: 'hidden',\n        '& $sectionHeader': {\n          display: 'none',\n        },\n        '& $divider': {\n          display: 'none',\n        },\n      },\n      inPopup: {\n        marginRight: 0,\n        padding: theme.spacing(1),\n        width: 'auto',\n      },\n      outsidePopup: {\n        position: 'sticky',\n        top: theme.spacing(2),\n        float: 'right',\n        maxHeight: 'calc(100vh - 100px)',\n        overflowY: 'auto',\n      },\n      menuItem: {\n        margin: (props: any) => (props.compact ? 0 : theme.spacing(0, 2)),\n        justifyContent: (props: any) =>\n          props.compact ? 'center' : 'flex-start',\n        padding: (props: any) =>\n          props.compact ? theme.spacing(1, 0) : theme.spacing(1, 1),\n        borderRadius: (props: any) =>\n          props.compact ? 0 : theme.shape.borderRadius,\n        transition: 'all 0.2s ease-in-out',\n        color: theme.palette.text.primary,\n        display: 'flex',\n        alignItems: 'center',\n        minHeight: 48,\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n      },\n      selectedMenuItem: {\n        color: theme.palette.primary.main,\n        backgroundColor: 'transparent',\n        fontWeight: 600,\n        position: 'relative',\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          height: '60%',\n          width: '4px',\n          backgroundColor: theme.palette.primary.main,\n          borderRadius: '0 4px 4px 0',\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n        '& svg': {\n          color: theme.palette.primary.main,\n        },\n      },\n      menuIcon: {\n        minWidth: '32px',\n        color: 'inherit',\n        display: 'flex',\n        justifyContent: 'center',\n      },\n      sectionHeader: {\n        padding: theme.spacing(0.5, 3, 0.5, 3),\n        marginTop: theme.spacing(2),\n        color: theme.palette.text.secondary,\n        fontWeight: 600,\n        textTransform: 'uppercase',\n        fontSize: '14px',\n        letterSpacing: '0.5px',\n        whiteSpace: 'nowrap',\n      },\n      divider: {\n        margin: theme.spacing(1, 2.5),\n        backgroundColor: theme.palette.divider,\n      },\n      toggleButton: {\n        marginLeft: 'auto',\n        marginRight: theme.spacing(1),\n        marginBottom: theme.spacing(1),\n      },\n      label: {\n        marginLeft: theme.spacing(1.5),\n        whiteSpace: 'nowrap',\n        opacity: 1,\n        transition: 'opacity 0.2s',\n      },\n      labelHidden: {\n        opacity: 0,\n        width: 0,\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (event: MouseEvent<EventTarget>) => void;\n  inPopup?: boolean;\n  compact?: boolean;\n  onToggle?: () => void;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const styles = useStyles(props);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const app = useApp();\n  const { compact = false, onToggle } = props;\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? CategoryOutlined;\n\n  const CustomMenuItem = ({\n    route,\n    hasSubRoutes,\n    children,\n    label,\n  }: {\n    route: string;\n    hasSubRoutes?: boolean;\n    children: ReactNode;\n    label: string;\n  }) => {\n    const isSelected =\n      route === location.pathname ||\n      (hasSubRoutes && location.pathname?.startsWith(route));\n\n    return (\n      <Tooltip title={compact ? label : ''} placement=\"right\">\n        <MenuItem\n          onClick={e => {\n            if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {\n              return;\n            }\n            e.preventDefault();\n            navigate(route);\n            if (props.onClick) {\n              props.onClick(e);\n            }\n          }}\n          className={`${styles.menuItem} ${\n            isSelected ? styles.selectedMenuItem : ''\n          }`}\n          href={route}\n          component=\"a\"\n        >\n          {children}\n          <Typography\n            variant=\"body2\"\n            className={compact ? styles.labelHidden : styles.label}\n            style={{ fontWeight: isSelected ? 600 : 400 }}\n          >\n            {label}\n          </Typography>\n        </MenuItem>\n      </Tooltip>\n    );\n  };\n\n  const isPopup = props.inPopup;\n  const isCompact = compact && !isPopup;\n\n  return (\n    <List\n      id=\"left-menu\"\n      className={`${styles.leftMenu} ${\n        isPopup\n          ? styles.inPopup\n          : `${styles.outsidePopup} ${isCompact ? styles.leftMenuCompact : ''}`\n      }`}\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      disablePadding\n    >\n      {!isPopup && (\n        <Box display=\"flex\" justifyContent={isCompact ? 'center' : 'flex-end'}>\n          <Tooltip\n            title={isCompact ? t('leftMenu.expand') : t('leftMenu.collapse')}\n            placement=\"right\"\n          >\n            <IconButton\n              onClick={onToggle}\n              size=\"small\"\n              className={isCompact ? '' : styles.toggleButton}\n              style={{ marginBottom: 0 }}\n            >\n              {isCompact ? <ChevronRightIcon /> : <MenuOpenIcon />}\n            </IconButton>\n          </Tooltip>\n        </Box>\n      )}\n\n      <CustomMenuItem route={rootRoute()} label={t('leftMenu.home')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <HomeOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.content')}\n        </Typography>\n      </li>\n      <Divider className={styles.divider} component=\"li\" />\n\n      <CustomMenuItem\n        route={questionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.questions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <HelpOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={articlesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.articles')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LibraryBooksOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={linksRoute()}\n        hasSubRoutes\n        label={t('leftMenu.links')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LinkIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={favoritesRoute()}\n        label={t('leftMenu.favoriteQuestions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <StarBorder fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={entitiesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.entities')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EntityIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={tagsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.tags')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LocalOfferOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.community')}\n        </Typography>\n      </li>\n      <Divider className={styles.divider} component=\"li\" />\n\n      <CustomMenuItem\n        route={collectionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.collections')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <PlaylistPlayOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem route={usersRoute()} label={t('leftMenu.users')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <PeopleOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {user && !loadingUser && !userError && (\n        <CustomMenuItem\n          route={`${userRoute()}/${user.userEntityRef}`}\n          label={t('leftMenu.profile')}\n        >\n          <ListItemIcon className={styles.menuIcon}>\n            <PersonOutline fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n\n      <CustomMenuItem\n        route={statisticsRoute()}\n        label={t('leftMenu.statistics')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EmojiEventsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {isModerator && (\n        <>\n          <li style={{ listStyle: 'none' }}>\n            <Typography className={styles.sectionHeader}>\n              {t('leftMenu.manage')}\n            </Typography>\n          </li>\n          <Divider className={styles.divider} component=\"li\" />\n\n          <CustomMenuItem\n            route={moderatorRoute()}\n            label={t('leftMenu.moderate')}\n          >\n            <ListItemIcon className={styles.menuIcon}>\n              <SettingsOutlined fontSize=\"small\" />\n            </ListItemIcon>\n          </CustomMenuItem>\n        </>\n      )}\n    </List>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  IconButton,\n  List,\n  ListItemIcon,\n  makeStyles,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\n// Icons\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined'; // For Entities?\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined'; // Check if exists, else PlaylistPlay\nimport PeopleOutline from '@material-ui/icons/PeopleOutline';\nimport PersonOutline from '@material-ui/icons/PersonOutline';\nimport EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined'; // Check, else plain\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport RateReviewOutlined from '@material-ui/icons/RateReviewOutlined';\n\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  reviewRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '../../routes';\nimport { useCanReview, useIdentityApi, useIsModerator } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      leftMenu: {\n        top: '0',\n        width: '220px', // Standard width\n        paddingTop: 0,\n        paddingBottom: theme.spacing(2),\n        transition: 'width 0.2s ease-in-out',\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100%',\n      },\n      leftMenuCompact: {\n        width: '72px',\n        overflowX: 'hidden',\n        '& $sectionHeader': {\n          display: 'none',\n        },\n        '& $divider': {\n          display: 'none',\n        },\n      },\n      inPopup: {\n        marginRight: 0,\n        padding: theme.spacing(1),\n        width: 'auto',\n      },\n      outsidePopup: {\n        position: 'sticky',\n        top: theme.spacing(2),\n        float: 'right',\n        maxHeight: 'calc(100vh - 100px)',\n        overflowY: 'auto',\n      },\n      menuItem: {\n        margin: (props: any) => (props.compact ? 0 : theme.spacing(0, 2)),\n        justifyContent: (props: any) =>\n          props.compact ? 'center' : 'flex-start',\n        padding: (props: any) =>\n          props.compact ? theme.spacing(1, 0) : theme.spacing(1, 1),\n        borderRadius: (props: any) =>\n          props.compact ? 0 : theme.shape.borderRadius,\n        transition: 'all 0.2s ease-in-out',\n        color: theme.palette.text.primary,\n        display: 'flex',\n        alignItems: 'center',\n        minHeight: 48,\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n      },\n      selectedMenuItem: {\n        color: theme.palette.primary.main,\n        backgroundColor: 'transparent',\n        fontWeight: 600,\n        position: 'relative',\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          height: '60%',\n          width: '4px',\n          backgroundColor: theme.palette.primary.main,\n          borderRadius: '0 4px 4px 0',\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n        '& svg': {\n          color: theme.palette.primary.main,\n        },\n      },\n      menuIcon: {\n        minWidth: '32px',\n        color: 'inherit',\n        display: 'flex',\n        justifyContent: 'center',\n      },\n      sectionHeader: {\n        padding: theme.spacing(0.5, 3, 0.5, 3),\n        marginTop: theme.spacing(2),\n        color: theme.palette.text.secondary,\n        fontWeight: 600,\n        textTransform: 'uppercase',\n        fontSize: '14px',\n        letterSpacing: '0.5px',\n        whiteSpace: 'nowrap',\n      },\n      divider: {\n        margin: theme.spacing(1, 2.5),\n        backgroundColor: theme.palette.divider,\n      },\n      toggleButton: {\n        marginLeft: 'auto',\n        marginRight: theme.spacing(1),\n        marginBottom: theme.spacing(1),\n      },\n      label: {\n        marginLeft: theme.spacing(1.5),\n        whiteSpace: 'nowrap',\n        opacity: 1,\n        transition: 'opacity 0.2s',\n      },\n      labelHidden: {\n        opacity: 0,\n        width: 0,\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (event: MouseEvent<EventTarget>) => void;\n  inPopup?: boolean;\n  compact?: boolean;\n  onToggle?: () => void;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const reviewRoute = useRouteRef(reviewRouteRef);\n  const styles = useStyles(props);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const { canReview } = useCanReview();\n  const app = useApp();\n  const { compact = false, onToggle } = props;\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? CategoryOutlined;\n\n  const CustomMenuItem = ({\n    route,\n    hasSubRoutes,\n    children,\n    label,\n  }: {\n    route: string;\n    hasSubRoutes?: boolean;\n    children: ReactNode;\n    label: string;\n  }) => {\n    const isSelected =\n      route === location.pathname ||\n      (hasSubRoutes && location.pathname?.startsWith(route));\n\n    return (\n      <Tooltip title={compact ? label : ''} placement=\"right\">\n        <MenuItem\n          onClick={e => {\n            if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {\n              return;\n            }\n            e.preventDefault();\n            navigate(route);\n            if (props.onClick) {\n              props.onClick(e);\n            }\n          }}\n          className={`${styles.menuItem} ${\n            isSelected ? styles.selectedMenuItem : ''\n          }`}\n          href={route}\n          component=\"a\"\n        >\n          {children}\n          <Typography\n            variant=\"body2\"\n            className={compact ? styles.labelHidden : styles.label}\n            style={{ fontWeight: isSelected ? 600 : 400 }}\n          >\n            {label}\n          </Typography>\n        </MenuItem>\n      </Tooltip>\n    );\n  };\n\n  const isPopup = props.inPopup;\n  const isCompact = compact && !isPopup;\n\n  return (\n    <List\n      id=\"left-menu\"\n      className={`${styles.leftMenu} ${\n        isPopup\n          ? styles.inPopup\n          : `${styles.outsidePopup} ${isCompact ? styles.leftMenuCompact : ''}`\n      }`}\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      disablePadding\n    >\n      {!isPopup && (\n        <Box display=\"flex\" justifyContent={isCompact ? 'center' : 'flex-end'}>\n          <Tooltip\n            title={isCompact ? t('leftMenu.expand') : t('leftMenu.collapse')}\n            placement=\"right\"\n          >\n            <IconButton\n              onClick={onToggle}\n              size=\"small\"\n              className={isCompact ? '' : styles.toggleButton}\n              style={{ marginBottom: 0 }}\n            >\n              {isCompact ? <ChevronRightIcon /> : <MenuOpenIcon />}\n            </IconButton>\n          </Tooltip>\n        </Box>\n      )}\n\n      <CustomMenuItem route={rootRoute()} label={t('leftMenu.home')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <HomeOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.content')}\n        </Typography>\n      </li>\n      <Divider className={styles.divider} component=\"li\" />\n\n      <CustomMenuItem\n        route={questionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.questions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <HelpOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={articlesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.articles')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LibraryBooksOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={linksRoute()}\n        hasSubRoutes\n        label={t('leftMenu.links')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LinkIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={favoritesRoute()}\n        label={t('leftMenu.favoriteQuestions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <StarBorder fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={entitiesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.entities')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EntityIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={tagsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.tags')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LocalOfferOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.community')}\n        </Typography>\n      </li>\n      <Divider className={styles.divider} component=\"li\" />\n\n      <CustomMenuItem\n        route={collectionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.collections')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <PlaylistPlayOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem route={usersRoute()} label={t('leftMenu.users')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <PeopleOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {user && !loadingUser && !userError && (\n        <CustomMenuItem\n          route={`${userRoute()}/${user.userEntityRef}`}\n          label={t('leftMenu.profile')}\n        >\n          <ListItemIcon className={styles.menuIcon}>\n            <PersonOutline fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n\n      <CustomMenuItem\n        route={statisticsRoute()}\n        label={t('leftMenu.statistics')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EmojiEventsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {(isModerator || canReview) && (\n        <>\n          <li style={{ listStyle: 'none' }}>\n            <Typography className={styles.sectionHeader}>\n              {t('leftMenu.manage')}\n            </Typography>\n          </li>\n          <Divider className={styles.divider} component=\"li\" />\n          {canReview && (\n            <CustomMenuItem route={reviewRoute()} label={t('leftMenu.review')}>\n              <ListItemIcon className={styles.menuIcon}>\n                <RateReviewOutlined fontSize=\"small\" />\n              </ListItemIcon>\n            </CustomMenuItem>\n          )}\n          {isModerator && (\n            <CustomMenuItem\n              route={moderatorRoute()}\n              label={t('leftMenu.moderate')}\n            >\n              <ListItemIcon className={styles.menuIcon}>\n                <SettingsOutlined fontSize=\"small\" />\n              </ListItemIcon>\n            </CustomMenuItem>\n          )}\n        </>\n      )}\n    </List>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/LinkCard/LinkCard.esm.js

@@ -1,27 +1,34 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
+import { DeleteModal } from '../Modals/DeleteModal.esm.js';
+import { makeStyles, Card, CardContent, Box, Grid, Button } from '@material-ui/core';
+import '@material-ui/lab';
+import '@material-ui/icons/Block';
+import { useApi, useRouteRef, alertApiRef } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../Utility/ModalContent.esm.js';
+import '@material-ui/icons/Check';
 import DeleteIcon from '@material-ui/icons/Delete';
 import EditIcon from '@material-ui/icons/Edit';
 import RestoreIcon from '@material-ui/icons/Restore';
 import { FavoriteButton } from '../Buttons/FavoriteButton.esm.js';
 import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
 import { CommentSection } from '../CommentSection/CommentSection.esm.js';
-import { useApi, useRouteRef, alertApiRef } from '@backstage/core-plugin-api';
 import { LinkButton } from '../Buttons/LinkButton.esm.js';
 import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
 import { editLinkRouteRef } from '../../routes.esm.js';
 import { useNavigate } from 'react-router-dom';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
-import { makeStyles, Card, CardContent, Box, Grid, Button } from '@material-ui/core';
-import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { AuthorBoxes } from '../AuthorBox/AuthorBoxes.esm.js';
 import { OpenLinkButton } from '../Buttons/OpenLinkButton.esm.js';
 
@@ -161,43 +168,41 @@ const LinkCard = (props) => {
                       /* @__PURE__ */ jsxs(Box, { flex: "1 1 0%", minWidth: 0, children: [
                         /* @__PURE__ */ jsx(TagsAndEntities, { entity: linkEntity }),
                         /* @__PURE__ */ jsxs(Box, { className: styles.buttons, children: [
-                          (link.canEdit || link.canDelete) && /* @__PURE__ */ jsxs(Fragment, { children: [
-                            link.canEdit && /* @__PURE__ */ jsx(
+                          link.canEdit && link.status !== "obsolete" && /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              variant: "outlined",
+                              size: "small",
+                              startIcon: /* @__PURE__ */ jsx(EditIcon, {}),
+                              onClick: () => navigate(
+                                editLinkRoute({
+                                  id: link.id.toString(10)
+                                })
+                              ),
+                              className: "qetaQuestionCardEditBtn",
+                              children: t("linkPage.editButton")
+                            }
+                          ),
+                          link.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(
                               Button,
                               {
                                 variant: "outlined",
                                 size: "small",
-                                startIcon: /* @__PURE__ */ jsx(EditIcon, {}),
-                                onClick: () => navigate(
-                                  editLinkRoute({
-                                    id: link.id.toString(10)
-                                  })
-                                ),
-                                className: "qetaQuestionCardEditBtn",
-                                children: t("linkPage.editButton")
+                                color: "secondary",
+                                onClick: handleDeleteModalOpen,
+                                startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
+                                children: t("deleteModal.deleteButton")
                               }
                             ),
-                            link.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
-                              /* @__PURE__ */ jsx(
-                                Button,
-                                {
-                                  variant: "outlined",
-                                  size: "small",
-                                  color: "secondary",
-                                  onClick: handleDeleteModalOpen,
-                                  startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
-                                  children: t("deleteModal.deleteButton")
-                                }
-                              ),
-                              /* @__PURE__ */ jsx(
-                                DeleteModal,
-                                {
-                                  open: deleteModalOpen,
-                                  onClose: handleDeleteModalClose,
-                                  entity: linkEntity
-                                }
-                              )
-                            ] })
+                            /* @__PURE__ */ jsx(
+                              DeleteModal,
+                              {
+                                open: deleteModalOpen,
+                                onClose: handleDeleteModalClose,
+                                entity: linkEntity
+                              }
+                            )
                           ] }),
                           isModerator && linkEntity.status === "deleted" && /* @__PURE__ */ jsx(
                             Button,
@@ -222,7 +227,7 @@ const LinkCard = (props) => {
         }
       )
     ] }) }),
-    link.status === "active" && /* @__PURE__ */ jsx(CommentSection, { post: linkEntity, onCommentAction })
+    (link.status === "active" || link.status === "obsolete") && /* @__PURE__ */ jsx(CommentSection, { post: linkEntity, onCommentAction })
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"LinkCard.esm.js","sources":["../../../src/components/LinkCard/LinkCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editLinkRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n} from '@material-ui/core';\nimport { useIsModerator } from '../../hooks';\nimport { AuthorBoxes } from '../AuthorBox/AuthorBoxes.tsx';\nimport { OpenLinkButton } from '../Buttons/OpenLinkButton.tsx';\nimport { qetaApiRef } from '../../api.ts';\n\nexport type LinkCardClassKeys =\n  | 'root'\n  | 'contentContainer'\n  | 'markdownContainer'\n  | 'buttons'\n  | 'metadata';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    contentContainer: {\n      marginLeft: '0.5em',\n      width: 'calc(100% - 70px)',\n    },\n    markdownContainer: {\n      paddingBottom: '0.5em',\n    },\n    buttons: {\n      marginTop: '1em',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n    metadata: {\n      marginTop: theme.spacing(3),\n    },\n  }),\n  { name: 'QetaLinkCard' },\n);\n\nexport const LinkCard = (props: { link: PostResponse }) => {\n  const { link } = props;\n  const navigate = useNavigate();\n  const qetaApi = useApi(qetaApiRef);\n  const editLinkRoute = useRouteRef(editLinkRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const [linkEntity, setLinkEntity] = useState(link);\n  const { isModerator } = useIsModerator();\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const onCommentAction = (l: PostResponse, _?: AnswerResponse) => {\n    setLinkEntity(l);\n  };\n  const alertApi = useApi(alertApiRef);\n  const styles = useStyles();\n\n  const restoreLink = async () => {\n    qetaApi\n      .restorePost(link.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(l => {\n        if (l) {\n          setLinkEntity(l);\n        }\n      });\n  };\n\n  return (\n    <>\n      <Card variant=\"outlined\" className={styles.root}>\n        <CardContent>\n          <Box\n            display=\"flex\"\n            justifyContent=\"flex-end\"\n            alignItems=\"flex-start\"\n            mb={1}\n          >\n            <Box display=\"flex\" alignItems=\"center\" flexGrow={1}>\n              <a\n                href={linkEntity.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                style={{\n                  fontWeight: 400,\n                  fontSize: '1.2rem',\n                  marginRight: 16,\n                  wordBreak: 'break-all',\n                  textDecoration: 'underline',\n                  cursor: 'pointer',\n                }}\n                onClick={event => {\n                  event.stopPropagation();\n                  qetaApi.clickLink(linkEntity.id);\n                }}\n              >\n                {linkEntity.url}\n              </a>\n            </Box>\n            <LinkButton entity={linkEntity} />\n            <FavoriteButton entity={linkEntity} />\n            <OpenLinkButton entity={linkEntity} />\n          </Box>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid\n              item\n              className={styles.contentContainer}\n              style={{ flexGrow: '1' }}\n            >\n              {linkEntity.headerImage && (\n                <Grid\n                  item\n                  justifyContent=\"center\"\n                  style={{ textAlign: 'center' }}\n                >\n                  <img\n                    src={linkEntity.headerImage}\n                    alt={linkEntity.title}\n                    onError={e => (e.currentTarget.style.display = 'none')}\n                    style={{\n                      maxWidth: '90%',\n                      maxHeight: '300px',\n                      margin: '1rem',\n                    }}\n                  />\n                </Grid>\n              )}\n              <Grid item className={styles.markdownContainer}>\n                <MarkdownRenderer content={linkEntity.content} />\n              </Grid>\n              <Box\n                display=\"flex\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                className={styles.metadata}\n                style={{ width: '100%' }}\n              >\n                <Box flex=\"1 1 0%\" minWidth={0}>\n                  <TagsAndEntities entity={linkEntity} />\n                  <Box className={styles.buttons}>\n                    {(link.canEdit || link.canDelete) && (\n                      <>\n                        {link.canEdit && (\n                          <Button\n                            variant=\"outlined\"\n                            size=\"small\"\n                            startIcon={<EditIcon />}\n                            onClick={() =>\n                              navigate(\n                                editLinkRoute({\n                                  id: link.id.toString(10),\n                                }),\n                              )\n                            }\n                            className=\"qetaQuestionCardEditBtn\"\n                          >\n                            {t('linkPage.editButton')}\n                          </Button>\n                        )}\n                        {link.canDelete && (\n                          <>\n                            <Button\n                              variant=\"outlined\"\n                              size=\"small\"\n                              color=\"secondary\"\n                              onClick={handleDeleteModalOpen}\n                              startIcon={<DeleteIcon />}\n                            >\n                              {t('deleteModal.deleteButton')}\n                            </Button>\n                            <DeleteModal\n                              open={deleteModalOpen}\n                              onClose={handleDeleteModalClose}\n                              entity={linkEntity}\n                            />\n                          </>\n                        )}\n                      </>\n                    )}\n                    {isModerator && linkEntity.status === 'deleted' && (\n                      <Button\n                        variant=\"contained\"\n                        size=\"small\"\n                        startIcon={<RestoreIcon />}\n                        onClick={() => restoreLink()}\n                        className=\"qetaLinkCardRestoreBtn\"\n                      >\n                        {t('linkPage.restoreButton')}\n                      </Button>\n                    )}\n                  </Box>\n                </Box>\n                <AuthorBoxes entity={linkEntity} />\n              </Box>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      {link.status === 'active' && (\n        <CommentSection post={linkEntity} onCommentAction={onCommentAction} />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LinkCard.esm.js","sources":["../../../src/components/LinkCard/LinkCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport { DeleteModal } from '../Modals';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editLinkRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n} from '@material-ui/core';\nimport { useIsModerator } from '../../hooks';\nimport { AuthorBoxes } from '../AuthorBox/AuthorBoxes.tsx';\nimport { OpenLinkButton } from '../Buttons/OpenLinkButton.tsx';\nimport { qetaApiRef } from '../../api.ts';\n\nexport type LinkCardClassKeys =\n  | 'root'\n  | 'contentContainer'\n  | 'markdownContainer'\n  | 'buttons'\n  | 'metadata';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    contentContainer: {\n      marginLeft: '0.5em',\n      width: 'calc(100% - 70px)',\n    },\n    markdownContainer: {\n      paddingBottom: '0.5em',\n    },\n    buttons: {\n      marginTop: '1em',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n    metadata: {\n      marginTop: theme.spacing(3),\n    },\n  }),\n  { name: 'QetaLinkCard' },\n);\n\nexport const LinkCard = (props: { link: PostResponse }) => {\n  const { link } = props;\n  const navigate = useNavigate();\n  const qetaApi = useApi(qetaApiRef);\n  const editLinkRoute = useRouteRef(editLinkRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const [linkEntity, setLinkEntity] = useState(link);\n  const { isModerator } = useIsModerator();\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const onCommentAction = (l: PostResponse, _?: AnswerResponse) => {\n    setLinkEntity(l);\n  };\n  const alertApi = useApi(alertApiRef);\n  const styles = useStyles();\n\n  const restoreLink = async () => {\n    qetaApi\n      .restorePost(link.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(l => {\n        if (l) {\n          setLinkEntity(l);\n        }\n      });\n  };\n\n  return (\n    <>\n      <Card variant=\"outlined\" className={styles.root}>\n        <CardContent>\n          <Box\n            display=\"flex\"\n            justifyContent=\"flex-end\"\n            alignItems=\"flex-start\"\n            mb={1}\n          >\n            <Box display=\"flex\" alignItems=\"center\" flexGrow={1}>\n              <a\n                href={linkEntity.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                style={{\n                  fontWeight: 400,\n                  fontSize: '1.2rem',\n                  marginRight: 16,\n                  wordBreak: 'break-all',\n                  textDecoration: 'underline',\n                  cursor: 'pointer',\n                }}\n                onClick={event => {\n                  event.stopPropagation();\n                  qetaApi.clickLink(linkEntity.id);\n                }}\n              >\n                {linkEntity.url}\n              </a>\n            </Box>\n            <LinkButton entity={linkEntity} />\n            <FavoriteButton entity={linkEntity} />\n            <OpenLinkButton entity={linkEntity} />\n          </Box>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid\n              item\n              className={styles.contentContainer}\n              style={{ flexGrow: '1' }}\n            >\n              {linkEntity.headerImage && (\n                <Grid\n                  item\n                  justifyContent=\"center\"\n                  style={{ textAlign: 'center' }}\n                >\n                  <img\n                    src={linkEntity.headerImage}\n                    alt={linkEntity.title}\n                    onError={e => (e.currentTarget.style.display = 'none')}\n                    style={{\n                      maxWidth: '90%',\n                      maxHeight: '300px',\n                      margin: '1rem',\n                    }}\n                  />\n                </Grid>\n              )}\n              <Grid item className={styles.markdownContainer}>\n                <MarkdownRenderer content={linkEntity.content} />\n              </Grid>\n              <Box\n                display=\"flex\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                className={styles.metadata}\n                style={{ width: '100%' }}\n              >\n                <Box flex=\"1 1 0%\" minWidth={0}>\n                  <TagsAndEntities entity={linkEntity} />\n                  <Box className={styles.buttons}>\n                    {link.canEdit && link.status !== 'obsolete' && (\n                      <Button\n                        variant=\"outlined\"\n                        size=\"small\"\n                        startIcon={<EditIcon />}\n                        onClick={() =>\n                          navigate(\n                            editLinkRoute({\n                              id: link.id.toString(10),\n                            }),\n                          )\n                        }\n                        className=\"qetaQuestionCardEditBtn\"\n                      >\n                        {t('linkPage.editButton')}\n                      </Button>\n                    )}\n                    {link.canDelete && (\n                      <>\n                        <Button\n                          variant=\"outlined\"\n                          size=\"small\"\n                          color=\"secondary\"\n                          onClick={handleDeleteModalOpen}\n                          startIcon={<DeleteIcon />}\n                        >\n                          {t('deleteModal.deleteButton')}\n                        </Button>\n                        <DeleteModal\n                          open={deleteModalOpen}\n                          onClose={handleDeleteModalClose}\n                          entity={linkEntity}\n                        />\n                      </>\n                    )}\n                    {isModerator && linkEntity.status === 'deleted' && (\n                      <Button\n                        variant=\"contained\"\n                        size=\"small\"\n                        startIcon={<RestoreIcon />}\n                        onClick={() => restoreLink()}\n                        className=\"qetaLinkCardRestoreBtn\"\n                      >\n                        {t('linkPage.restoreButton')}\n                      </Button>\n                    )}\n                  </Box>\n                </Box>\n                <AuthorBoxes entity={linkEntity} />\n              </Box>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      {(link.status === 'active' || link.status === 'obsolete') && (\n        <CommentSection post={linkEntity} onCommentAction={onCommentAction} />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}