@drodil/backstage-plugin-qeta-react 3.13.0 → 3.13.2

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

@@ -1,10 +1,28 @@
-import { Button, Popper, Grow, ClickAwayListener, Paper } from '@material-ui/core';
+import { makeStyles, Button, Popper, Grow, ClickAwayListener, Paper } from '@material-ui/core';
 import React__default from 'react';
 import { LeftMenu } from './LeftMenu.esm.js';
 import MenuIcon from '@material-ui/icons/Menu';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import 'react-use';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import 'react-use/lib/useAsync';
 
+const useStyles = makeStyles(
+  () => ({
+    button: {
+      marginBottom: "0.5rem"
+    },
+    popper: {
+      zIndex: 1e3
+    }
+  }),
+  { name: "QetaLeftMenuButton" }
+);
 const LeftMenuButton = () => {
   const [open, setOpen] = React__default.useState(false);
+  const styles = useStyles();
+  const { t } = useTranslation();
   const anchorRef = React__default.useRef(null);
   const handleToggle = () => {
     setOpen((prevOpen2) => !prevOpen2);
@@ -38,9 +56,9 @@ const LeftMenuButton = () => {
       variant: "contained",
       onClick: handleToggle,
       startIcon: /* @__PURE__ */ React__default.createElement(MenuIcon, null),
-      style: { marginBottom: "0.5rem" }
+      className: styles.button
     },
-    "Menu"
+    t("leftMenu.buttonLabel")
   ), /* @__PURE__ */ React__default.createElement(
     Popper,
     {
@@ -48,7 +66,7 @@ const LeftMenuButton = () => {
       anchorEl: anchorRef.current,
       role: void 0,
       disablePortal: true,
-      style: { zIndex: 1e3 }
+      className: styles.popper
     },
     ({ TransitionProps, placement }) => /* @__PURE__ */ React__default.createElement(
       Grow,

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

@@ -1 +1 @@
-{"version":3,"file":"LeftMenuButton.esm.js","sources":["../../../src/components/LeftMenu/LeftMenuButton.tsx"],"sourcesContent":["import {\n  Button,\n  ClickAwayListener,\n  Grow,\n  Paper,\n  Popper,\n} from '@material-ui/core';\nimport React from 'react';\nimport { LeftMenu } from './LeftMenu';\nimport MenuIcon from '@material-ui/icons/Menu';\n\nexport const LeftMenuButton = () => {\n  const [open, setOpen] = React.useState(false);\n  const anchorRef = React.useRef<HTMLButtonElement>(null);\n\n  const handleToggle = () => {\n    setOpen(prevOpen => !prevOpen);\n  };\n\n  const handleClose = (event: React.MouseEvent<EventTarget>) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return;\n    }\n\n    setOpen(false);\n  };\n\n  function handleListKeyDown(event: React.KeyboardEvent) {\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      setOpen(false);\n    }\n  }\n\n  // return focus to the button when we transitioned from !open -> open\n  const prevOpen = React.useRef(open);\n  React.useEffect(() => {\n    if (prevOpen.current && !open) {\n      anchorRef.current!.focus();\n    }\n\n    prevOpen.current = open;\n  }, [open]);\n\n  return (\n    <div>\n      <Button\n        ref={anchorRef}\n        aria-controls={open ? 'menu-list-grow' : undefined}\n        aria-haspopup=\"true\"\n        color=\"primary\"\n        variant=\"contained\"\n        onClick={handleToggle}\n        startIcon={<MenuIcon />}\n        style={{ marginBottom: '0.5rem' }}\n      >\n        Menu\n      </Button>\n      <Popper\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        disablePortal\n        style={{ zIndex: 1000 }}\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              transformOrigin:\n                placement === 'bottom' ? 'left top' : 'left bottom',\n            }}\n          >\n            <ClickAwayListener onClickAway={handleClose}>\n              <Paper>\n                <LeftMenu\n                  onKeyDown={handleListKeyDown}\n                  autoFocusItem={open}\n                  onClick={handleClose}\n                  inPopup\n                />\n              </Paper>\n            </ClickAwayListener>\n          </Grow>\n        )}\n      </Popper>\n    </div>\n  );\n};\n"],"names":["React","prevOpen"],"mappings":";;;;;AAWO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAAA,cAAA,CAAM,SAAS,KAAK,CAAA;AAC5C,EAAM,MAAA,SAAA,GAAYA,cAAM,CAAA,MAAA,CAA0B,IAAI,CAAA;AAEtD,EAAA,MAAM,eAAe,MAAM;AACzB,IAAQ,OAAA,CAAA,CAAAC,SAAY,KAAA,CAACA,SAAQ,CAAA;AAAA,GAC/B;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AAC5D,IAAA,IACE,UAAU,OACV,IAAA,SAAA,CAAU,QAAQ,QAAS,CAAA,KAAA,CAAM,MAAqB,CACtD,EAAA;AACA,MAAA;AAAA;AAGF,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,GACf;AAEA,EAAA,SAAS,kBAAkB,KAA4B,EAAA;AACrD,IAAI,IAAA,KAAA,CAAM,QAAQ,KAAO,EAAA;AACvB,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA;AACf;AAIF,EAAM,MAAA,QAAA,GAAWD,cAAM,CAAA,MAAA,CAAO,IAAI,CAAA;AAClC,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAI,IAAA,QAAA,CAAS,OAAW,IAAA,CAAC,IAAM,EAAA;AAC7B,MAAA,SAAA,CAAU,QAAS,KAAM,EAAA;AAAA;AAG3B,IAAA,QAAA,CAAS,OAAU,GAAA,IAAA;AAAA,GACrB,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,oDACG,KACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,SAAA;AAAA,MACL,eAAA,EAAe,OAAO,gBAAmB,GAAA,KAAA,CAAA;AAAA,MACzC,eAAc,EAAA,MAAA;AAAA,MACd,KAAM,EAAA,SAAA;AAAA,MACN,OAAQ,EAAA,WAAA;AAAA,MACR,OAAS,EAAA,YAAA;AAAA,MACT,SAAA,+CAAY,QAAS,EAAA,IAAA,CAAA;AAAA,MACrB,KAAA,EAAO,EAAE,YAAA,EAAc,QAAS;AAAA,KAAA;AAAA,IACjC;AAAA,GAGD,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,UAAU,SAAU,CAAA,OAAA;AAAA,MACpB,IAAM,EAAA,KAAA,CAAA;AAAA,MACN,aAAa,EAAA,IAAA;AAAA,MACb,KAAA,EAAO,EAAE,MAAA,EAAQ,GAAK;AAAA,KAAA;AAAA,IAErB,CAAC,EAAE,eAAiB,EAAA,SAAA,EACnB,qBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACE,GAAG,eAAA;AAAA,QACJ,KAAO,EAAA;AAAA,UACL,eAAA,EACE,SAAc,KAAA,QAAA,GAAW,UAAa,GAAA;AAAA;AAC1C,OAAA;AAAA,sBAECA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,WAAa,EAAA,WAAA,EAAA,+CAC7B,KACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,iBAAA;AAAA,UACX,aAAe,EAAA,IAAA;AAAA,UACf,OAAS,EAAA,WAAA;AAAA,UACT,OAAO,EAAA;AAAA;AAAA,OAEX,CACF;AAAA;AACF,GAGN,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LeftMenuButton.esm.js","sources":["../../../src/components/LeftMenu/LeftMenuButton.tsx"],"sourcesContent":["import {\n  Button,\n  ClickAwayListener,\n  Grow,\n  makeStyles,\n  Paper,\n  Popper,\n} from '@material-ui/core';\nimport React from 'react';\nimport { LeftMenu } from './LeftMenu';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport { useTranslation } from '../../hooks';\n\nconst useStyles = makeStyles(\n  () => ({\n    button: {\n      marginBottom: '0.5rem',\n    },\n    popper: {\n      zIndex: 1000,\n    },\n  }),\n  { name: 'QetaLeftMenuButton' },\n);\n\nexport const LeftMenuButton = () => {\n  const [open, setOpen] = React.useState(false);\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const anchorRef = React.useRef<HTMLButtonElement>(null);\n\n  const handleToggle = () => {\n    setOpen(prevOpen => !prevOpen);\n  };\n\n  const handleClose = (event: React.MouseEvent<EventTarget>) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return;\n    }\n\n    setOpen(false);\n  };\n\n  function handleListKeyDown(event: React.KeyboardEvent) {\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      setOpen(false);\n    }\n  }\n\n  // return focus to the button when we transitioned from !open -> open\n  const prevOpen = React.useRef(open);\n  React.useEffect(() => {\n    if (prevOpen.current && !open) {\n      anchorRef.current!.focus();\n    }\n\n    prevOpen.current = open;\n  }, [open]);\n\n  return (\n    <div>\n      <Button\n        ref={anchorRef}\n        aria-controls={open ? 'menu-list-grow' : undefined}\n        aria-haspopup=\"true\"\n        color=\"primary\"\n        variant=\"contained\"\n        onClick={handleToggle}\n        startIcon={<MenuIcon />}\n        className={styles.button}\n      >\n        {t('leftMenu.buttonLabel')}\n      </Button>\n      <Popper\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        disablePortal\n        className={styles.popper}\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              transformOrigin:\n                placement === 'bottom' ? 'left top' : 'left bottom',\n            }}\n          >\n            <ClickAwayListener onClickAway={handleClose}>\n              <Paper>\n                <LeftMenu\n                  onKeyDown={handleListKeyDown}\n                  autoFocusItem={open}\n                  onClick={handleClose}\n                  inPopup\n                />\n              </Paper>\n            </ClickAwayListener>\n          </Grow>\n        )}\n      </Popper>\n    </div>\n  );\n};\n"],"names":["React","prevOpen"],"mappings":"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"}

package/dist/components/PostsContainer/PostListItem.esm.js

@@ -63,7 +63,7 @@ const PostListItem = (props) => {
       justifyContent: "flex-start",
       style: { padding: "0.7em", paddingBottom: "1.0em" }
     },
-    /* @__PURE__ */ React__default.createElement(Grid, { item: true, justifyContent: "center", style: { paddingTop: "0px" } }, /* @__PURE__ */ React__default.createElement(VoteButtonContainer, null, /* @__PURE__ */ React__default.createElement(VoteButtons, { entity: post }), /* @__PURE__ */ React__default.createElement(FavoriteButton, { entity: post }))),
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, style: { paddingTop: "0px" } }, /* @__PURE__ */ React__default.createElement(VoteButtonContainer, null, /* @__PURE__ */ React__default.createElement(VoteButtons, { entity: post }), /* @__PURE__ */ React__default.createElement(FavoriteButton, { entity: post }))),
     /* @__PURE__ */ React__default.createElement(
       Grid,
       {

package/dist/components/PostsContainer/PostListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { Link } from '@backstage/core-components';\nimport React, { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { capitalize } from 'lodash';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport HelpOutlined from '@material-ui/icons/HelpOutlined';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport { UserLink } from '../Links';\nimport {\n  Chip,\n  Grid,\n  makeStyles,\n  Typography,\n  useTheme,\n} from '@material-ui/core';\nimport { SmallAvatar } from '../Utility/SmallAvatar';\n\nexport interface PostListItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n}\n\nconst useStyles = makeStyles(() => ({\n  author: {\n    float: 'right',\n    alignItems: 'center',\n    display: 'flex',\n  },\n  timestamp: {\n    marginLeft: '0.3em',\n  },\n}));\n\nexport const PostListItem = (props: PostListItemProps) => {\n  const { post, entity, type } = props;\n\n  const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(post.answersCount);\n  const [views, setViews] = useState(post.views);\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setViews(lastSignal.views);\n    }\n  }, [lastSignal]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const { name, initials, user } = useEntityAuthor(post);\n  const theme = useTheme();\n\n  const route = post.type === 'question' ? questionRoute : articleRoute;\n  const href = entity\n    ? `${route({\n        id: post.id.toString(10),\n      })}?entity=${entity}`\n    : route({ id: post.id.toString(10) });\n\n  return (\n    <Grid\n      container\n      spacing={2}\n      justifyContent=\"flex-start\"\n      style={{ padding: '0.7em', paddingBottom: '1.0em' }}\n    >\n      <Grid item justifyContent=\"center\" style={{ paddingTop: '0px' }}>\n        <VoteButtonContainer>\n          <VoteButtons entity={post} />\n          <FavoriteButton entity={post} />\n        </VoteButtonContainer>\n      </Grid>\n      <Grid\n        item\n        style={{ display: 'inline-block', width: 'calc(100% - 80px)' }}\n      >\n        <Grid container>\n          <Grid\n            item\n            xs={12}\n            style={{\n              paddingTop: '0.3em',\n              paddingBottom: '0.4em',\n              marginLeft: '-0.2em',\n            }}\n          >\n            {type === undefined && (\n              <Chip\n                color=\"secondary\"\n                size=\"small\"\n                label={`${capitalize(post.type)}`}\n                icon={\n                  post.type === 'question' ? (\n                    <HelpOutlined />\n                  ) : (\n                    <CollectionsBookmarkIcon />\n                  )\n                }\n              />\n            )}\n            {post.type === 'question' && (\n              <Chip\n                variant=\"outlined\"\n                size=\"small\"\n                style={{\n                  userSelect: 'none',\n                  // eslint-disable-next-line no-nested-ternary\n                  borderColor: correctAnswer\n                    ? theme.palette.success.main\n                    : answersCount === 0\n                    ? theme.palette.warning.main\n                    : undefined,\n                }}\n                label={t('common.answers', {\n                  count: answersCount,\n                })}\n              />\n            )}\n            <Chip\n              variant=\"outlined\"\n              size=\"small\"\n              label={t('common.viewsShort', {\n                count: views,\n              })}\n            />\n          </Grid>\n          <Grid item xs={12} style={{ paddingTop: '0px' }}>\n            <Typography variant=\"h5\" component=\"div\">\n              <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n                {post.title}\n              </Link>\n            </Typography>\n            <Typography\n              variant=\"caption\"\n              noWrap\n              component=\"div\"\n              className=\"qetaPostListItemContent\"\n              style={{ marginBottom: '5px' }}\n            >\n              {DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(post.content), 150),\n              )}\n            </Typography>\n          </Grid>\n          <Grid item xs={12}>\n            <TagsAndEntities entity={post} />\n            <Typography\n              variant=\"caption\"\n              display=\"inline\"\n              className={styles.author}\n            >\n              <SmallAvatar\n                src={user?.spec?.profile?.picture}\n                alt={name}\n                variant=\"rounded\"\n              >\n                {initials}\n              </SmallAvatar>\n              <UserLink entityRef={post.author} />{' '}\n              <Link to={href} className={styles.timestamp}>\n                <RelativeTimeWithTooltip value={post.created} />\n              </Link>\n            </Typography>\n          </Grid>\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,OAAA;AAAA,IACP,UAAY,EAAA,QAAA;AAAA,IACZ,OAAS,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,UAAY,EAAA;AAAA;AAEhB,CAAE,CAAA,CAAA;AAEW,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,MAAQ,EAAA,IAAA,EAAS,GAAA,KAAA;AAE/B,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAS,KAAK,aAAa,CAAA;AACrE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,KAAK,YAAY,CAAA;AAClE,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAC7C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA;AAEzB,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,UAAsB,CAAa,UAAA,EAAA,IAAA,CAAK,EAAE,CAAE,CAAA,CAAA;AAEnE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,YAAc,EAAA;AACrC,MAAA,gBAAA,CAAiB,WAAW,aAAa,CAAA;AACzC,MAAA,eAAA,CAAgB,WAAW,YAAY,CAAA;AACvC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AAAA;AAC3B,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA;AAClD,EAAM,MAAA,YAAA,GAAe,YAAY,eAAe,CAAA;AAChD,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,IAAI,CAAA;AACrD,EAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,EAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,IAAS,KAAA,UAAA,GAAa,aAAgB,GAAA,YAAA;AACzD,EAAM,MAAA,IAAA,GAAO,MACT,GAAA,CAAA,EAAG,KAAM,CAAA;AAAA,IACP,EAAI,EAAA,IAAA,CAAK,EAAG,CAAA,QAAA,CAAS,EAAE;AAAA,GACxB,CAAC,CAAW,QAAA,EAAA,MAAM,CACnB,CAAA,GAAA,KAAA,CAAM,EAAE,EAAA,EAAI,IAAK,CAAA,EAAA,CAAG,QAAS,CAAA,EAAE,GAAG,CAAA;AAEtC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,cAAe,EAAA,YAAA;AAAA,MACf,KAAO,EAAA,EAAE,OAAS,EAAA,OAAA,EAAS,eAAe,OAAQ;AAAA,KAAA;AAAA,oBAElDA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,gBAAe,QAAS,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,KAAM,EAAA,EAAA,+CAC3D,mBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,MAAA,EAAQ,IAAM,EAAA,CAAA,+CAC1B,cAAe,EAAA,EAAA,MAAA,EAAQ,IAAM,EAAA,CAChC,CACF,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAI,EAAA,IAAA;AAAA,QACJ,KAAO,EAAA,EAAE,OAAS,EAAA,cAAA,EAAgB,OAAO,mBAAoB;AAAA,OAAA;AAAA,sBAE7DA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,IAAI,EAAA,IAAA;AAAA,UACJ,EAAI,EAAA,EAAA;AAAA,UACJ,KAAO,EAAA;AAAA,YACL,UAAY,EAAA,OAAA;AAAA,YACZ,aAAe,EAAA,OAAA;AAAA,YACf,UAAY,EAAA;AAAA;AACd,SAAA;AAAA,QAEC,SAAS,KACR,CAAA,oBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,WAAA;AAAA,YACN,IAAK,EAAA,OAAA;AAAA,YACL,KAAO,EAAA,CAAA,EAAG,UAAW,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA;AAAA,YAC/B,IAAA,EACE,KAAK,IAAS,KAAA,UAAA,gDACX,YAAa,EAAA,IAAA,CAAA,gDAEb,uBAAwB,EAAA,IAAA;AAAA;AAAA,SAG/B;AAAA,QAED,IAAA,CAAK,SAAS,UACb,oBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,UAAA;AAAA,YACR,IAAK,EAAA,OAAA;AAAA,YACL,KAAO,EAAA;AAAA,cACL,UAAY,EAAA,MAAA;AAAA;AAAA,cAEZ,WAAA,EAAa,aACT,GAAA,KAAA,CAAM,OAAQ,CAAA,OAAA,CAAQ,IACtB,GAAA,YAAA,KAAiB,CACjB,GAAA,KAAA,CAAM,OAAQ,CAAA,OAAA,CAAQ,IACtB,GAAA,KAAA;AAAA,aACN;AAAA,YACA,KAAA,EAAO,EAAE,gBAAkB,EAAA;AAAA,cACzB,KAAO,EAAA;AAAA,aACR;AAAA;AAAA,SACH;AAAA,wBAEFA,cAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,UAAA;AAAA,YACR,IAAK,EAAA,OAAA;AAAA,YACL,KAAA,EAAO,EAAE,mBAAqB,EAAA;AAAA,cAC5B,KAAO,EAAA;AAAA,aACR;AAAA;AAAA;AACH,OACF,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,KAAO,EAAA,EAAE,UAAY,EAAA,KAAA,EACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,SAAA,EAAU,KACjC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,SAAA,EAAU,6BACvB,EAAA,EAAA,IAAA,CAAK,KACR,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,SAAA;AAAA,UACR,MAAM,EAAA,IAAA;AAAA,UACN,SAAU,EAAA,KAAA;AAAA,UACV,SAAU,EAAA,yBAAA;AAAA,UACV,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM;AAAA,SAAA;AAAA,QAE5B,SAAU,CAAA,QAAA;AAAA,UACT,QAAS,CAAA,wBAAA,CAAyB,IAAK,CAAA,OAAO,GAAG,GAAG;AAAA;AACtD,OAEJ,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,MAAQ,EAAA,IAAA,EAAM,CAC/B,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,SAAA;AAAA,UACR,OAAQ,EAAA,QAAA;AAAA,UACR,WAAW,MAAO,CAAA;AAAA,SAAA;AAAA,wBAElBA,cAAA,CAAA,aAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,YAC1B,GAAK,EAAA,IAAA;AAAA,YACL,OAAQ,EAAA;AAAA,WAAA;AAAA,UAEP;AAAA,SACH;AAAA,wBACCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,IAAA,CAAK,MAAQ,EAAA,CAAA;AAAA,QAAG,GAAA;AAAA,wBACpCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,IAAA,EAAM,SAAW,EAAA,MAAA,CAAO,SAChC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,IAAK,CAAA,OAAA,EAAS,CAChD;AAAA,OAEJ,CACF;AAAA;AACF,GACF;AAEJ;;;;"}
+{"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { Link } from '@backstage/core-components';\nimport React, { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { capitalize } from 'lodash';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport HelpOutlined from '@material-ui/icons/HelpOutlined';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport { UserLink } from '../Links';\nimport {\n  Chip,\n  Grid,\n  makeStyles,\n  Typography,\n  useTheme,\n} from '@material-ui/core';\nimport { SmallAvatar } from '../Utility/SmallAvatar';\n\nexport interface PostListItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n}\n\nconst useStyles = makeStyles(() => ({\n  author: {\n    float: 'right',\n    alignItems: 'center',\n    display: 'flex',\n  },\n  timestamp: {\n    marginLeft: '0.3em',\n  },\n}));\n\nexport const PostListItem = (props: PostListItemProps) => {\n  const { post, entity, type } = props;\n\n  const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(post.answersCount);\n  const [views, setViews] = useState(post.views);\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setViews(lastSignal.views);\n    }\n  }, [lastSignal]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const { name, initials, user } = useEntityAuthor(post);\n  const theme = useTheme();\n\n  const route = post.type === 'question' ? questionRoute : articleRoute;\n  const href = entity\n    ? `${route({\n        id: post.id.toString(10),\n      })}?entity=${entity}`\n    : route({ id: post.id.toString(10) });\n\n  return (\n    <Grid\n      container\n      spacing={2}\n      justifyContent=\"flex-start\"\n      style={{ padding: '0.7em', paddingBottom: '1.0em' }}\n    >\n      <Grid item style={{ paddingTop: '0px' }}>\n        <VoteButtonContainer>\n          <VoteButtons entity={post} />\n          <FavoriteButton entity={post} />\n        </VoteButtonContainer>\n      </Grid>\n      <Grid\n        item\n        style={{ display: 'inline-block', width: 'calc(100% - 80px)' }}\n      >\n        <Grid container>\n          <Grid\n            item\n            xs={12}\n            style={{\n              paddingTop: '0.3em',\n              paddingBottom: '0.4em',\n              marginLeft: '-0.2em',\n            }}\n          >\n            {type === undefined && (\n              <Chip\n                color=\"secondary\"\n                size=\"small\"\n                label={`${capitalize(post.type)}`}\n                icon={\n                  post.type === 'question' ? (\n                    <HelpOutlined />\n                  ) : (\n                    <CollectionsBookmarkIcon />\n                  )\n                }\n              />\n            )}\n            {post.type === 'question' && (\n              <Chip\n                variant=\"outlined\"\n                size=\"small\"\n                style={{\n                  userSelect: 'none',\n                  // eslint-disable-next-line no-nested-ternary\n                  borderColor: correctAnswer\n                    ? theme.palette.success.main\n                    : answersCount === 0\n                    ? theme.palette.warning.main\n                    : undefined,\n                }}\n                label={t('common.answers', {\n                  count: answersCount,\n                })}\n              />\n            )}\n            <Chip\n              variant=\"outlined\"\n              size=\"small\"\n              label={t('common.viewsShort', {\n                count: views,\n              })}\n            />\n          </Grid>\n          <Grid item xs={12} style={{ paddingTop: '0px' }}>\n            <Typography variant=\"h5\" component=\"div\">\n              <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n                {post.title}\n              </Link>\n            </Typography>\n            <Typography\n              variant=\"caption\"\n              noWrap\n              component=\"div\"\n              className=\"qetaPostListItemContent\"\n              style={{ marginBottom: '5px' }}\n            >\n              {DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(post.content), 150),\n              )}\n            </Typography>\n          </Grid>\n          <Grid item xs={12}>\n            <TagsAndEntities entity={post} />\n            <Typography\n              variant=\"caption\"\n              display=\"inline\"\n              className={styles.author}\n            >\n              <SmallAvatar\n                src={user?.spec?.profile?.picture}\n                alt={name}\n                variant=\"rounded\"\n              >\n                {initials}\n              </SmallAvatar>\n              <UserLink entityRef={post.author} />{' '}\n              <Link to={href} className={styles.timestamp}>\n                <RelativeTimeWithTooltip value={post.created} />\n              </Link>\n            </Typography>\n          </Grid>\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,OAAA;AAAA,IACP,UAAY,EAAA,QAAA;AAAA,IACZ,OAAS,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,UAAY,EAAA;AAAA;AAEhB,CAAE,CAAA,CAAA;AAEW,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,MAAQ,EAAA,IAAA,EAAS,GAAA,KAAA;AAE/B,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAS,KAAK,aAAa,CAAA;AACrE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,KAAK,YAAY,CAAA;AAClE,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAC7C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA;AAEzB,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,UAAsB,CAAa,UAAA,EAAA,IAAA,CAAK,EAAE,CAAE,CAAA,CAAA;AAEnE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,YAAc,EAAA;AACrC,MAAA,gBAAA,CAAiB,WAAW,aAAa,CAAA;AACzC,MAAA,eAAA,CAAgB,WAAW,YAAY,CAAA;AACvC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AAAA;AAC3B,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA;AAClD,EAAM,MAAA,YAAA,GAAe,YAAY,eAAe,CAAA;AAChD,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,IAAI,CAAA;AACrD,EAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,EAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,IAAS,KAAA,UAAA,GAAa,aAAgB,GAAA,YAAA;AACzD,EAAM,MAAA,IAAA,GAAO,MACT,GAAA,CAAA,EAAG,KAAM,CAAA;AAAA,IACP,EAAI,EAAA,IAAA,CAAK,EAAG,CAAA,QAAA,CAAS,EAAE;AAAA,GACxB,CAAC,CAAW,QAAA,EAAA,MAAM,CACnB,CAAA,GAAA,KAAA,CAAM,EAAE,EAAA,EAAI,IAAK,CAAA,EAAA,CAAG,QAAS,CAAA,EAAE,GAAG,CAAA;AAEtC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,cAAe,EAAA,YAAA;AAAA,MACf,KAAO,EAAA,EAAE,OAAS,EAAA,OAAA,EAAS,eAAe,OAAQ;AAAA,KAAA;AAAA,oBAElDA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,OAAO,EAAE,UAAA,EAAY,OAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,2CACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,QAAQ,IAAM,EAAA,CAAA,+CAC1B,cAAe,EAAA,EAAA,MAAA,EAAQ,IAAM,EAAA,CAChC,CACF,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAI,EAAA,IAAA;AAAA,QACJ,KAAO,EAAA,EAAE,OAAS,EAAA,cAAA,EAAgB,OAAO,mBAAoB;AAAA,OAAA;AAAA,sBAE7DA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,IAAI,EAAA,IAAA;AAAA,UACJ,EAAI,EAAA,EAAA;AAAA,UACJ,KAAO,EAAA;AAAA,YACL,UAAY,EAAA,OAAA;AAAA,YACZ,aAAe,EAAA,OAAA;AAAA,YACf,UAAY,EAAA;AAAA;AACd,SAAA;AAAA,QAEC,SAAS,KACR,CAAA,oBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,WAAA;AAAA,YACN,IAAK,EAAA,OAAA;AAAA,YACL,KAAO,EAAA,CAAA,EAAG,UAAW,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA;AAAA,YAC/B,IAAA,EACE,KAAK,IAAS,KAAA,UAAA,gDACX,YAAa,EAAA,IAAA,CAAA,gDAEb,uBAAwB,EAAA,IAAA;AAAA;AAAA,SAG/B;AAAA,QAED,IAAA,CAAK,SAAS,UACb,oBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,UAAA;AAAA,YACR,IAAK,EAAA,OAAA;AAAA,YACL,KAAO,EAAA;AAAA,cACL,UAAY,EAAA,MAAA;AAAA;AAAA,cAEZ,WAAA,EAAa,aACT,GAAA,KAAA,CAAM,OAAQ,CAAA,OAAA,CAAQ,IACtB,GAAA,YAAA,KAAiB,CACjB,GAAA,KAAA,CAAM,OAAQ,CAAA,OAAA,CAAQ,IACtB,GAAA,KAAA;AAAA,aACN;AAAA,YACA,KAAA,EAAO,EAAE,gBAAkB,EAAA;AAAA,cACzB,KAAO,EAAA;AAAA,aACR;AAAA;AAAA,SACH;AAAA,wBAEFA,cAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,UAAA;AAAA,YACR,IAAK,EAAA,OAAA;AAAA,YACL,KAAA,EAAO,EAAE,mBAAqB,EAAA;AAAA,cAC5B,KAAO,EAAA;AAAA,aACR;AAAA;AAAA;AACH,OACF,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,KAAO,EAAA,EAAE,UAAY,EAAA,KAAA,EACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,SAAA,EAAU,KACjC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,SAAA,EAAU,6BACvB,EAAA,EAAA,IAAA,CAAK,KACR,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,SAAA;AAAA,UACR,MAAM,EAAA,IAAA;AAAA,UACN,SAAU,EAAA,KAAA;AAAA,UACV,SAAU,EAAA,yBAAA;AAAA,UACV,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM;AAAA,SAAA;AAAA,QAE5B,SAAU,CAAA,QAAA;AAAA,UACT,QAAS,CAAA,wBAAA,CAAyB,IAAK,CAAA,OAAO,GAAG,GAAG;AAAA;AACtD,OAEJ,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,MAAQ,EAAA,IAAA,EAAM,CAC/B,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,SAAA;AAAA,UACR,OAAQ,EAAA,QAAA;AAAA,UACR,WAAW,MAAO,CAAA;AAAA,SAAA;AAAA,wBAElBA,cAAA,CAAA,aAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,YAC1B,GAAK,EAAA,IAAA;AAAA,YACL,OAAQ,EAAA;AAAA,WAAA;AAAA,UAEP;AAAA,SACH;AAAA,wBACCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,IAAA,CAAK,MAAQ,EAAA,CAAA;AAAA,QAAG,GAAA;AAAA,wBACpCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,IAAA,EAAM,SAAW,EAAA,MAAA,CAAO,SAChC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,IAAK,CAAA,OAAA,EAAS,CAChD;AAAA,OAEJ,CACF;AAAA;AACF,GACF;AAEJ;;;;"}

package/dist/components/QuestionCard/QuestionCard.esm.js

@@ -17,8 +17,30 @@ import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import 'react-use/lib/useAsync';
 import { VoteButtonContainer } from '../Utility/VoteButtonContainer.esm.js';
-import { Card, CardContent, Grid, Typography, Box, Button } from '@material-ui/core';
+import { makeStyles, Card, CardContent, Grid, Box, Button } from '@material-ui/core';
 
+const useStyles = makeStyles(
+  () => ({
+    root: {},
+    contentContainer: {
+      marginLeft: "0.5em"
+    },
+    markdownContainer: {
+      minHeight: "6em",
+      paddingBottom: "0.5em"
+    },
+    buttons: {
+      marginTop: "1em",
+      "& *:not(:last-child)": {
+        marginRight: "0.3em"
+      }
+    },
+    metadata: {
+      marginTop: "1em"
+    }
+  }),
+  { name: "QetaQuestionCard" }
+);
 const QuestionCard = (props) => {
   const { question } = props;
   const navigate = useNavigate();
@@ -31,6 +53,7 @@ const QuestionCard = (props) => {
   const onCommentAction = (q, _) => {
     setQuestionEntity(q);
   };
+  const styles = useStyles();
   const highlightedAnswer = window.location.hash.slice(1) ?? void 0;
   useEffect(() => {
     if (highlightedAnswer) {
@@ -43,7 +66,7 @@ const QuestionCard = (props) => {
       }
     }
   }, [highlightedAnswer]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Card, { variant: "outlined" }, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Card, { variant: "outlined", className: styles.root }, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(
     Grid,
     {
       container: true,
@@ -51,50 +74,60 @@ const QuestionCard = (props) => {
       justifyContent: "flex-start",
       style: { flexWrap: "nowrap" }
     },
-    /* @__PURE__ */ React__default.createElement(Grid, { item: true, justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(VoteButtonContainer, null, /* @__PURE__ */ React__default.createElement(VoteButtons, { entity: questionEntity }), /* @__PURE__ */ React__default.createElement(FavoriteButton, { entity: questionEntity }), /* @__PURE__ */ React__default.createElement(LinkButton, { entity: questionEntity }))),
-    /* @__PURE__ */ React__default.createElement(Grid, { item: true, style: { flexGrow: "1" } }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, style: { minHeight: "6em", paddingTop: "0.5em" } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React__default.createElement(MarkdownRenderer, { content: questionEntity.content }))), /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(VoteButtonContainer, null, /* @__PURE__ */ React__default.createElement(VoteButtons, { entity: questionEntity }), /* @__PURE__ */ React__default.createElement(FavoriteButton, { entity: questionEntity }), /* @__PURE__ */ React__default.createElement(LinkButton, { entity: questionEntity }))),
+    /* @__PURE__ */ React__default.createElement(
       Grid,
       {
-        container: true,
         item: true,
-        spacing: 1,
-        justifyContent: "space-between",
-        alignItems: "flex-end"
+        className: styles.contentContainer,
+        style: { flexGrow: "1" }
       },
-      /* @__PURE__ */ React__default.createElement(Grid, { item: true, style: { alignSelf: "flex-end" } }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: questionEntity }), (question.canEdit || question.canDelete) && /* @__PURE__ */ React__default.createElement(Box, null, question.canDelete && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-        Button,
-        {
-          variant: "outlined",
-          size: "small",
-          color: "secondary",
-          onClick: handleDeleteModalOpen,
-          startIcon: /* @__PURE__ */ React__default.createElement(DeleteIcon, null)
-        },
-        t("deleteModal.deleteButton")
-      ), /* @__PURE__ */ React__default.createElement(
-        DeleteModal,
-        {
-          open: deleteModalOpen,
-          onClose: handleDeleteModalClose,
-          entity: questionEntity
-        }
-      )), question.canEdit && /* @__PURE__ */ React__default.createElement(
-        Button,
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true, className: styles.markdownContainer }, /* @__PURE__ */ React__default.createElement(MarkdownRenderer, { content: questionEntity.content })),
+      /* @__PURE__ */ React__default.createElement(
+        Grid,
         {
-          variant: "outlined",
-          size: "small",
-          startIcon: /* @__PURE__ */ React__default.createElement(EditIcon, null),
-          onClick: () => navigate(
-            editQuestionRoute({
-              id: question.id.toString(10)
-            })
-          ),
-          className: "qetaQuestionCardEditBtn"
+          container: true,
+          item: true,
+          spacing: 1,
+          justifyContent: "space-between",
+          alignItems: "flex-end",
+          className: styles.metadata
         },
-        t("questionPage.editButton")
-      ))),
-      /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React__default.createElement(AuthorBox, { entity: questionEntity }))
-    ))
+        /* @__PURE__ */ React__default.createElement(Grid, { item: true, style: { alignSelf: "flex-end" } }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: questionEntity }), (question.canEdit || question.canDelete) && /* @__PURE__ */ React__default.createElement(Box, { className: styles.buttons }, question.canDelete && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+          Button,
+          {
+            variant: "outlined",
+            size: "small",
+            color: "secondary",
+            onClick: handleDeleteModalOpen,
+            startIcon: /* @__PURE__ */ React__default.createElement(DeleteIcon, null)
+          },
+          t("deleteModal.deleteButton")
+        ), /* @__PURE__ */ React__default.createElement(
+          DeleteModal,
+          {
+            open: deleteModalOpen,
+            onClose: handleDeleteModalClose,
+            entity: questionEntity
+          }
+        )), question.canEdit && /* @__PURE__ */ React__default.createElement(
+          Button,
+          {
+            variant: "outlined",
+            size: "small",
+            startIcon: /* @__PURE__ */ React__default.createElement(EditIcon, null),
+            onClick: () => navigate(
+              editQuestionRoute({
+                id: question.id.toString(10)
+              })
+            ),
+            className: "qetaQuestionCardEditBtn"
+          },
+          t("questionPage.editButton")
+        ))),
+        /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React__default.createElement(AuthorBox, { entity: questionEntity }))
+      )
+    )
   ))), /* @__PURE__ */ React__default.createElement(
     CommentSection,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionCard/QuestionCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React, { useEffect } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editQuestionRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslation } from '../../hooks';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  Typography,\n} from '@material-ui/core';\n\nexport const QuestionCard = (props: { question: PostResponse }) => {\n  const { question } = props;\n  const navigate = useNavigate();\n  const editQuestionRoute = useRouteRef(editQuestionRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n  const [questionEntity, setQuestionEntity] = React.useState(question);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslation();\n  const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n    setQuestionEntity(q);\n  };\n\n  const highlightedAnswer = window.location.hash.slice(1) ?? undefined;\n  useEffect(() => {\n    if (highlightedAnswer) {\n      try {\n        const element = document.querySelector(`#${highlightedAnswer}`);\n        if (element) {\n          element.scrollIntoView();\n        }\n      } catch (e) {\n        // NOOP\n      }\n    }\n  }, [highlightedAnswer]);\n\n  return (\n    <>\n      <Card variant=\"outlined\">\n        <CardContent>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid item justifyContent=\"center\">\n              <VoteButtonContainer>\n                <VoteButtons entity={questionEntity} />\n                <FavoriteButton entity={questionEntity} />\n                <LinkButton entity={questionEntity} />\n              </VoteButtonContainer>\n            </Grid>\n            <Grid item style={{ flexGrow: '1' }}>\n              <Grid item style={{ minHeight: '6em', paddingTop: '0.5em' }}>\n                <Typography variant=\"body1\" gutterBottom>\n                  <MarkdownRenderer content={questionEntity.content} />\n                </Typography>\n              </Grid>\n              <Grid\n                container\n                item\n                spacing={1}\n                justifyContent=\"space-between\"\n                alignItems=\"flex-end\"\n              >\n                <Grid item style={{ alignSelf: 'flex-end' }}>\n                  <TagsAndEntities entity={questionEntity} />\n                  {(question.canEdit || question.canDelete) && (\n                    <Box>\n                      {question.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={questionEntity}\n                          />\n                        </>\n                      )}\n                      {question.canEdit && (\n                        <Button\n                          variant=\"outlined\"\n                          size=\"small\"\n                          startIcon={<EditIcon />}\n                          onClick={() =>\n                            navigate(\n                              editQuestionRoute({\n                                id: question.id.toString(10),\n                              }),\n                            )\n                          }\n                          className=\"qetaQuestionCardEditBtn\"\n                        >\n                          {t('questionPage.editButton')}\n                        </Button>\n                      )}\n                    </Box>\n                  )}\n                </Grid>\n                <Grid item xs={3}>\n                  <AuthorBox entity={questionEntity} />\n                </Grid>\n              </Grid>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <CommentSection\n        post={questionEntity}\n        onCommentDelete={onCommentAction}\n        onCommentPost={onCommentAction}\n      />\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6Ba,MAAA,YAAA,GAAe,CAAC,KAAsC,KAAA;AACjE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,iBAAA,GAAoB,YAAY,oBAAoB,CAAA;AAC1D,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAAA,cAAA,CAAM,SAAS,KAAK,CAAA;AAClE,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAAA,cAAA,CAAM,SAAS,QAAQ,CAAA;AACnE,EAAM,MAAA,qBAAA,GAAwB,MAAM,kBAAA,CAAmB,IAAI,CAAA;AAC3D,EAAM,MAAA,sBAAA,GAAyB,MAAM,kBAAA,CAAmB,KAAK,CAAA;AAC7D,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA,eAAA,GAAkB,CAAC,CAAA,EAAiB,CAAuB,KAAA;AAC/D,IAAA,iBAAA,CAAkB,CAAC,CAAA;AAAA,GACrB;AAEA,EAAA,MAAM,oBAAoB,MAAO,CAAA,QAAA,CAAS,IAAK,CAAA,KAAA,CAAM,CAAC,CAAK,IAAA,KAAA,CAAA;AAC3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAmB,EAAA;AACrB,MAAI,IAAA;AACF,QAAA,MAAM,OAAU,GAAA,QAAA,CAAS,aAAc,CAAA,CAAA,CAAA,EAAI,iBAAiB,CAAE,CAAA,CAAA;AAC9D,QAAA,IAAI,OAAS,EAAA;AACX,UAAA,OAAA,CAAQ,cAAe,EAAA;AAAA;AACzB,eACO,CAAG,EAAA;AAAA;AAEZ;AACF,GACF,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,mGAEKA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,UAAA,EAAA,+CACX,WACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,cAAe,EAAA,YAAA;AAAA,MACf,KAAA,EAAO,EAAE,QAAA,EAAU,QAAS;AAAA,KAAA;AAAA,oBAE5BA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,gBAAe,QACxB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,mBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,MAAA,EAAQ,gBAAgB,CACrC,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,MAAA,EAAQ,cAAgB,EAAA,CAAA,+CACvC,UAAW,EAAA,EAAA,MAAA,EAAQ,cAAgB,EAAA,CACtC,CACF,CAAA;AAAA,oBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,OAAO,EAAE,QAAA,EAAU,GAAI,EAAA,EAAA,kBAC/BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,OAAO,EAAE,SAAA,EAAW,KAAO,EAAA,UAAA,EAAY,OAAQ,EAAA,EAAA,kBACvDA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAAQ,EAAA,YAAA,EAAY,IACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,OAAS,EAAA,cAAA,CAAe,OAAS,EAAA,CACrD,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAS,EAAA,IAAA;AAAA,QACT,IAAI,EAAA,IAAA;AAAA,QACJ,OAAS,EAAA,CAAA;AAAA,QACT,cAAe,EAAA,eAAA;AAAA,QACf,UAAW,EAAA;AAAA,OAAA;AAAA,sBAEXA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,OAAO,EAAE,SAAA,EAAW,UAAW,EAAA,EAAA,kBACvCA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,QAAQ,cAAgB,EAAA,CAAA,EAAA,CACvC,SAAS,OAAW,IAAA,QAAA,CAAS,8BAC5BA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EACE,QAAS,CAAA,SAAA,oBAENA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,UAAA;AAAA,UACR,IAAK,EAAA,OAAA;AAAA,UACL,KAAM,EAAA,WAAA;AAAA,UACN,OAAS,EAAA,qBAAA;AAAA,UACT,SAAA,+CAAY,UAAW,EAAA,IAAA;AAAA,SAAA;AAAA,QAEtB,EAAE,0BAA0B;AAAA,OAE/B,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,eAAA;AAAA,UACN,OAAS,EAAA,sBAAA;AAAA,UACT,MAAQ,EAAA;AAAA;AAAA,OAEZ,CAED,EAAA,QAAA,CAAS,OACR,oBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,UAAA;AAAA,UACR,IAAK,EAAA,OAAA;AAAA,UACL,SAAA,+CAAY,QAAS,EAAA,IAAA,CAAA;AAAA,UACrB,SAAS,MACP,QAAA;AAAA,YACE,iBAAkB,CAAA;AAAA,cAChB,EAAI,EAAA,QAAA,CAAS,EAAG,CAAA,QAAA,CAAS,EAAE;AAAA,aAC5B;AAAA,WACH;AAAA,UAEF,SAAU,EAAA;AAAA,SAAA;AAAA,QAET,EAAE,yBAAyB;AAAA,OAGlC,CAEJ,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,qBACZA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,MAAQ,EAAA,cAAA,EAAgB,CACrC;AAAA,KAEJ;AAAA,GAEJ,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,cAAA;AAAA,MACN,eAAiB,EAAA,eAAA;AAAA,MACjB,aAAe,EAAA;AAAA;AAAA,GAEnB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionCard/QuestionCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React, { useEffect } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editQuestionRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslation } from '../../hooks';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n} from '@material-ui/core';\n\nexport type QuestionCardClassKeys =\n  | 'root'\n  | 'contentContainer'\n  | 'markdownContainer'\n  | 'buttons'\n  | 'metadata';\n\nconst useStyles = makeStyles(\n  () => ({\n    root: {},\n    contentContainer: {\n      marginLeft: '0.5em',\n    },\n    markdownContainer: {\n      minHeight: '6em',\n      paddingBottom: '0.5em',\n    },\n    buttons: {\n      marginTop: '1em',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n    metadata: {\n      marginTop: '1em',\n    },\n  }),\n  { name: 'QetaQuestionCard' },\n);\n\nexport const QuestionCard = (props: { question: PostResponse }) => {\n  const { question } = props;\n  const navigate = useNavigate();\n  const editQuestionRoute = useRouteRef(editQuestionRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n  const [questionEntity, setQuestionEntity] = React.useState(question);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslation();\n  const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n    setQuestionEntity(q);\n  };\n  const styles = useStyles();\n\n  const highlightedAnswer = window.location.hash.slice(1) ?? undefined;\n  useEffect(() => {\n    if (highlightedAnswer) {\n      try {\n        const element = document.querySelector(`#${highlightedAnswer}`);\n        if (element) {\n          element.scrollIntoView();\n        }\n      } catch (e) {\n        // NOOP\n      }\n    }\n  }, [highlightedAnswer]);\n\n  return (\n    <>\n      <Card variant=\"outlined\" className={styles.root}>\n        <CardContent>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid item>\n              <VoteButtonContainer>\n                <VoteButtons entity={questionEntity} />\n                <FavoriteButton entity={questionEntity} />\n                <LinkButton entity={questionEntity} />\n              </VoteButtonContainer>\n            </Grid>\n            <Grid\n              item\n              className={styles.contentContainer}\n              style={{ flexGrow: '1' }}\n            >\n              <Grid item className={styles.markdownContainer}>\n                <MarkdownRenderer content={questionEntity.content} />\n              </Grid>\n              <Grid\n                container\n                item\n                spacing={1}\n                justifyContent=\"space-between\"\n                alignItems=\"flex-end\"\n                className={styles.metadata}\n              >\n                <Grid item style={{ alignSelf: 'flex-end' }}>\n                  <TagsAndEntities entity={questionEntity} />\n                  {(question.canEdit || question.canDelete) && (\n                    <Box className={styles.buttons}>\n                      {question.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={questionEntity}\n                          />\n                        </>\n                      )}\n                      {question.canEdit && (\n                        <Button\n                          variant=\"outlined\"\n                          size=\"small\"\n                          startIcon={<EditIcon />}\n                          onClick={() =>\n                            navigate(\n                              editQuestionRoute({\n                                id: question.id.toString(10),\n                              }),\n                            )\n                          }\n                          className=\"qetaQuestionCardEditBtn\"\n                        >\n                          {t('questionPage.editButton')}\n                        </Button>\n                      )}\n                    </Box>\n                  )}\n                </Grid>\n                <Grid item xs={3}>\n                  <AuthorBox entity={questionEntity} />\n                </Grid>\n              </Grid>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <CommentSection\n        post={questionEntity}\n        onCommentDelete={onCommentAction}\n        onCommentPost={onCommentAction}\n      />\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/QuestionsTable/QuestionsTable.esm.js

@@ -117,7 +117,7 @@ const QuestionsTable = (props) => {
       },
       /* @__PURE__ */ React__default.createElement(RefreshIcon, null)
     ))
-  ), /* @__PURE__ */ React__default.createElement(TableContainer, null, /* @__PURE__ */ React__default.createElement(Table, { className: "qetaQuestionsTable" }, /* @__PURE__ */ React__default.createElement(TableHead, null, /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(TableCell, null, t("questionsTable.cells.title")), /* @__PURE__ */ React__default.createElement(TableCell, null, t("questionsTable.cells.author")), /* @__PURE__ */ React__default.createElement(TableCell, null, t("questionsTable.cells.asked")), /* @__PURE__ */ React__default.createElement(TableCell, null, t("questionsTable.cells.updated")))), /* @__PURE__ */ React__default.createElement(TableBody, null, loading ? /* @__PURE__ */ React__default.createElement(Progress, null) : null, response.posts.map((q) => /* @__PURE__ */ React__default.createElement(QuestionTableRow, { question: q })))), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement(TableContainer, null, /* @__PURE__ */ React__default.createElement(Table, { className: "qetaQuestionsTable" }, /* @__PURE__ */ React__default.createElement(TableHead, null, /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(TableCell, null, t("questionsTable.cells.title")), /* @__PURE__ */ React__default.createElement(TableCell, null, t("questionsTable.cells.author")), /* @__PURE__ */ React__default.createElement(TableCell, null, t("questionsTable.cells.asked")), /* @__PURE__ */ React__default.createElement(TableCell, null, t("questionsTable.cells.updated")))), /* @__PURE__ */ React__default.createElement(TableBody, null, loading ? /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(TableCell, null, /* @__PURE__ */ React__default.createElement(Progress, null))) : null, response.posts.map((q) => /* @__PURE__ */ React__default.createElement(QuestionTableRow, { key: q.id, question: q })))), /* @__PURE__ */ React__default.createElement(
     TablePagination,
     {
       rowsPerPageOptions: [5, 10, 20, 30, 40, 50],

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

@@ -1 +1 @@
-{"version":3,"file":"QuestionsTable.esm.js","sources":["../../../src/components/QuestionsTable/QuestionsTable.tsx"],"sourcesContent":["import React from 'react';\nimport { LinkButton, Progress, WarningPanel } from '@backstage/core-components';\nimport { QuestionTableRow } from './QuestionTableRow';\nimport { useQetaApi, useTranslation } from '../../hooks';\nimport {\n  Button,\n  ButtonGroup,\n  Grid,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TablePagination,\n  TableRow,\n  Typography,\n} from '@material-ui/core';\nimport RefreshIcon from '@material-ui/icons/Refresh';\n\ntype QuickFilterType = 'latest' | 'favorites' | 'most_viewed';\n\nexport const QuestionsTable = (props: {\n  hideTitle?: boolean;\n  rowsPerPage?: number;\n  quickFilter?: QuickFilterType;\n}) => {\n  const [page, setPage] = React.useState(1);\n  const [questionsPerPage, setQuestionsPerPage] = React.useState(\n    props.rowsPerPage ?? 10,\n  );\n  const [quickFilter, setQuickFilter] = React.useState(\n    props.quickFilter ?? 'latest',\n  );\n  const [refresh, setRefresh] = React.useState(0);\n  const { t } = useTranslation();\n  const [filters, setFilters] = React.useState({\n    order: 'desc',\n    orderBy: 'created',\n    noAnswers: 'false',\n    noCorrectAnswer: 'false',\n    noVotes: 'false',\n    searchQuery: '',\n    favorite: false,\n  });\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getPosts({\n        type: 'question',\n        limit: questionsPerPage,\n        offset: (page - 1) * questionsPerPage,\n        includeEntities: true,\n        ...(filters as any),\n      }),\n    [page, filters, questionsPerPage, refresh],\n  );\n\n  const handleQuickFilterChange = (filter: QuickFilterType) => {\n    setQuickFilter(filter);\n    if (filter === 'latest') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'created',\n        favorite: false,\n      });\n    } else if (filter === 'favorites') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'created',\n        favorite: true,\n      });\n    } else if (filter === 'most_viewed') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'views',\n        favorite: false,\n      });\n    }\n  };\n\n  const handleChangePage = (_: unknown, newPage: number) => {\n    setPage(newPage + 1);\n  };\n\n  const handleChangeRowsPerPage = (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    setQuestionsPerPage(parseInt(event.target.value, 10));\n    setPage(1);\n  };\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('questionsTable.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <>\n      <Grid\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        style={{ marginBottom: '1em' }}\n        className=\"qetaQuestionsTableGrid\"\n      >\n        <Grid item>\n          {props.hideTitle === true ? null : (\n            <Typography variant=\"h5\">{t('pluginName')}</Typography>\n          )}\n        </Grid>\n        <Grid item>\n          <ButtonGroup>\n            <Button\n              color={quickFilter === 'latest' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('latest')}\n            >\n              {t('questionsTable.latest')}\n            </Button>\n            <Button\n              color={quickFilter === 'favorites' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('favorites')}\n            >\n              {t('questionsTable.favorites')}\n            </Button>\n            <Button\n              color={quickFilter === 'most_viewed' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('most_viewed')}\n            >\n              {t('questionsTable.mostViewed')}\n            </Button>\n          </ButtonGroup>\n          <LinkButton\n            to=\"#\"\n            variant=\"text\"\n            onClick={() => setRefresh(refresh + 1)}\n          >\n            <RefreshIcon />\n          </LinkButton>\n        </Grid>\n      </Grid>\n      <TableContainer>\n        <Table className=\"qetaQuestionsTable\">\n          <TableHead>\n            <TableRow>\n              <TableCell>{t('questionsTable.cells.title')}</TableCell>\n              <TableCell>{t('questionsTable.cells.author')}</TableCell>\n              <TableCell>{t('questionsTable.cells.asked')}</TableCell>\n              <TableCell>{t('questionsTable.cells.updated')}</TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {loading ? <Progress /> : null}\n            {response.posts.map(q => (\n              <QuestionTableRow question={q} />\n            ))}\n          </TableBody>\n        </Table>\n        <TablePagination\n          rowsPerPageOptions={[5, 10, 20, 30, 40, 50]}\n          component=\"div\"\n          count={response.total}\n          rowsPerPage={questionsPerPage}\n          page={page - 1}\n          onPageChange={handleChangePage}\n          onRowsPerPageChange={handleChangeRowsPerPage}\n        />\n      </TableContainer>\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"QuestionsTable.esm.js","sources":["../../../src/components/QuestionsTable/QuestionsTable.tsx"],"sourcesContent":["import React from 'react';\nimport { LinkButton, Progress, WarningPanel } from '@backstage/core-components';\nimport { QuestionTableRow } from './QuestionTableRow';\nimport { useQetaApi, useTranslation } from '../../hooks';\nimport {\n  Button,\n  ButtonGroup,\n  Grid,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TablePagination,\n  TableRow,\n  Typography,\n} from '@material-ui/core';\nimport RefreshIcon from '@material-ui/icons/Refresh';\n\ntype QuickFilterType = 'latest' | 'favorites' | 'most_viewed';\n\nexport const QuestionsTable = (props: {\n  hideTitle?: boolean;\n  rowsPerPage?: number;\n  quickFilter?: QuickFilterType;\n}) => {\n  const [page, setPage] = React.useState(1);\n  const [questionsPerPage, setQuestionsPerPage] = React.useState(\n    props.rowsPerPage ?? 10,\n  );\n  const [quickFilter, setQuickFilter] = React.useState(\n    props.quickFilter ?? 'latest',\n  );\n  const [refresh, setRefresh] = React.useState(0);\n  const { t } = useTranslation();\n  const [filters, setFilters] = React.useState({\n    order: 'desc',\n    orderBy: 'created',\n    noAnswers: 'false',\n    noCorrectAnswer: 'false',\n    noVotes: 'false',\n    searchQuery: '',\n    favorite: false,\n  });\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getPosts({\n        type: 'question',\n        limit: questionsPerPage,\n        offset: (page - 1) * questionsPerPage,\n        includeEntities: true,\n        ...(filters as any),\n      }),\n    [page, filters, questionsPerPage, refresh],\n  );\n\n  const handleQuickFilterChange = (filter: QuickFilterType) => {\n    setQuickFilter(filter);\n    if (filter === 'latest') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'created',\n        favorite: false,\n      });\n    } else if (filter === 'favorites') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'created',\n        favorite: true,\n      });\n    } else if (filter === 'most_viewed') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'views',\n        favorite: false,\n      });\n    }\n  };\n\n  const handleChangePage = (_: unknown, newPage: number) => {\n    setPage(newPage + 1);\n  };\n\n  const handleChangeRowsPerPage = (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    setQuestionsPerPage(parseInt(event.target.value, 10));\n    setPage(1);\n  };\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('questionsTable.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <>\n      <Grid\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        style={{ marginBottom: '1em' }}\n        className=\"qetaQuestionsTableGrid\"\n      >\n        <Grid item>\n          {props.hideTitle === true ? null : (\n            <Typography variant=\"h5\">{t('pluginName')}</Typography>\n          )}\n        </Grid>\n        <Grid item>\n          <ButtonGroup>\n            <Button\n              color={quickFilter === 'latest' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('latest')}\n            >\n              {t('questionsTable.latest')}\n            </Button>\n            <Button\n              color={quickFilter === 'favorites' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('favorites')}\n            >\n              {t('questionsTable.favorites')}\n            </Button>\n            <Button\n              color={quickFilter === 'most_viewed' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('most_viewed')}\n            >\n              {t('questionsTable.mostViewed')}\n            </Button>\n          </ButtonGroup>\n          <LinkButton\n            to=\"#\"\n            variant=\"text\"\n            onClick={() => setRefresh(refresh + 1)}\n          >\n            <RefreshIcon />\n          </LinkButton>\n        </Grid>\n      </Grid>\n      <TableContainer>\n        <Table className=\"qetaQuestionsTable\">\n          <TableHead>\n            <TableRow>\n              <TableCell>{t('questionsTable.cells.title')}</TableCell>\n              <TableCell>{t('questionsTable.cells.author')}</TableCell>\n              <TableCell>{t('questionsTable.cells.asked')}</TableCell>\n              <TableCell>{t('questionsTable.cells.updated')}</TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {loading ? (\n              <TableRow>\n                <TableCell>\n                  <Progress />\n                </TableCell>\n              </TableRow>\n            ) : null}\n            {response.posts.map(q => (\n              <QuestionTableRow key={q.id} question={q} />\n            ))}\n          </TableBody>\n        </Table>\n        <TablePagination\n          rowsPerPageOptions={[5, 10, 20, 30, 40, 50]}\n          component=\"div\"\n          count={response.total}\n          rowsPerPage={questionsPerPage}\n          page={page - 1}\n          onPageChange={handleChangePage}\n          onRowsPerPageChange={handleChangeRowsPerPage}\n        />\n      </TableContainer>\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/SuggestionsCard/SuggestionsCard.esm.js

@@ -83,7 +83,7 @@ const SuggestionsCard = () => {
     }
   ), /* @__PURE__ */ React__default.createElement(List, null, suggestions.map((suggestion) => {
     const SuggestionComponent = suggestionTypeMap[suggestion.type];
-    return /* @__PURE__ */ React__default.createElement(SuggestionComponent, { suggestion });
+    return /* @__PURE__ */ React__default.createElement(SuggestionComponent, { key: suggestion.id, suggestion });
   })));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"SuggestionsCard.esm.js","sources":["../../../src/components/SuggestionsCard/SuggestionsCard.tsx"],"sourcesContent":["import { useQetaApi, useTranslation } from '../../hooks';\nimport React, { ReactNode } from 'react';\nimport {\n  NewArticleSuggestion,\n  NewQuestionSuggestion,\n  NoCorrectAnswerSuggestion,\n  SuggestionType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport AssistantIcon from '@material-ui/icons/Assistant';\nimport HelpOutlinedIcon from '@material-ui/icons/HelpOutlined';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport { useNavigate } from 'react-router-dom';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport {\n  Card,\n  CardHeader,\n  List,\n  ListItem,\n  ListItemIcon,\n} from '@material-ui/core';\n\nconst SuggestionListItem = (props: {\n  children: ReactNode;\n  href: string;\n  icon?: ReactNode;\n}) => {\n  const navigate = useNavigate();\n  return (\n    <ListItem button onClick={() => navigate(props.href)}>\n      {props.icon && <ListItemIcon>{props.icon}</ListItemIcon>}\n      {props.children}\n    </ListItem>\n  );\n};\n\nconst NoCorrectAnswerSuggestionItem = (props: {\n  suggestion: NoCorrectAnswerSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const questionRoute = useRouteRef(questionRouteRef);\n  return (\n    <SuggestionListItem\n      href={questionRoute({ id: suggestion.question.id.toString(10) })}\n      icon={<CheckIcon />}\n    >\n      {t('suggestionsCard.noCorrectAnswer', {\n        title: suggestion.question.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst NewQuestionSuggestionItem = (props: {\n  suggestion: NewQuestionSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const questionRoute = useRouteRef(questionRouteRef);\n  return (\n    <SuggestionListItem\n      href={questionRoute({ id: suggestion.question.id.toString(10) })}\n      icon={<HelpOutlinedIcon />}\n    >\n      {t('suggestionsCard.newQuestion', {\n        title: suggestion.question.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst NewArticleSuggestionItem = (props: {\n  suggestion: NewArticleSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const articleRoute = useRouteRef(articleRouteRef);\n  return (\n    <SuggestionListItem\n      href={articleRoute({ id: suggestion.article.id.toString(10) })}\n      icon={<CollectionsBookmarkIcon />}\n    >\n      {t('suggestionsCard.newArticle', {\n        title: suggestion.article.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst suggestionTypeMap: Record<SuggestionType, any> = {\n  noCorrectAnswer: NoCorrectAnswerSuggestionItem,\n  newQuestion: NewQuestionSuggestionItem,\n  newArticle: NewArticleSuggestionItem,\n};\n\nexport const SuggestionsCard = () => {\n  const { t } = useTranslation();\n  const { value: response } = useQetaApi(api => api.getSuggestions(), []);\n\n  const suggestions = response?.suggestions ?? [];\n  if (suggestions.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader\n        style={{ paddingBottom: '8px' }}\n        title={t('suggestionsCard.title')}\n        avatar={<AssistantIcon />}\n        titleTypographyProps={{ variant: 'h5' }}\n      />\n      <List>\n        {suggestions.map(suggestion => {\n          const SuggestionComponent = suggestionTypeMap[suggestion.type];\n          return <SuggestionComponent suggestion={suggestion} />;\n        })}\n      </List>\n    </Card>\n  );\n};\n"],"names":["React","CheckIcon","HelpOutlinedIcon"],"mappings":"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"}
+{"version":3,"file":"SuggestionsCard.esm.js","sources":["../../../src/components/SuggestionsCard/SuggestionsCard.tsx"],"sourcesContent":["import { useQetaApi, useTranslation } from '../../hooks';\nimport React, { ReactNode } from 'react';\nimport {\n  NewArticleSuggestion,\n  NewQuestionSuggestion,\n  NoCorrectAnswerSuggestion,\n  SuggestionType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport AssistantIcon from '@material-ui/icons/Assistant';\nimport HelpOutlinedIcon from '@material-ui/icons/HelpOutlined';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport { useNavigate } from 'react-router-dom';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport {\n  Card,\n  CardHeader,\n  List,\n  ListItem,\n  ListItemIcon,\n} from '@material-ui/core';\n\nconst SuggestionListItem = (props: {\n  children: ReactNode;\n  href: string;\n  icon?: ReactNode;\n}) => {\n  const navigate = useNavigate();\n  return (\n    <ListItem button onClick={() => navigate(props.href)}>\n      {props.icon && <ListItemIcon>{props.icon}</ListItemIcon>}\n      {props.children}\n    </ListItem>\n  );\n};\n\nconst NoCorrectAnswerSuggestionItem = (props: {\n  suggestion: NoCorrectAnswerSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const questionRoute = useRouteRef(questionRouteRef);\n  return (\n    <SuggestionListItem\n      href={questionRoute({ id: suggestion.question.id.toString(10) })}\n      icon={<CheckIcon />}\n    >\n      {t('suggestionsCard.noCorrectAnswer', {\n        title: suggestion.question.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst NewQuestionSuggestionItem = (props: {\n  suggestion: NewQuestionSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const questionRoute = useRouteRef(questionRouteRef);\n  return (\n    <SuggestionListItem\n      href={questionRoute({ id: suggestion.question.id.toString(10) })}\n      icon={<HelpOutlinedIcon />}\n    >\n      {t('suggestionsCard.newQuestion', {\n        title: suggestion.question.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst NewArticleSuggestionItem = (props: {\n  suggestion: NewArticleSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const articleRoute = useRouteRef(articleRouteRef);\n  return (\n    <SuggestionListItem\n      href={articleRoute({ id: suggestion.article.id.toString(10) })}\n      icon={<CollectionsBookmarkIcon />}\n    >\n      {t('suggestionsCard.newArticle', {\n        title: suggestion.article.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst suggestionTypeMap: Record<SuggestionType, any> = {\n  noCorrectAnswer: NoCorrectAnswerSuggestionItem,\n  newQuestion: NewQuestionSuggestionItem,\n  newArticle: NewArticleSuggestionItem,\n};\n\nexport const SuggestionsCard = () => {\n  const { t } = useTranslation();\n  const { value: response } = useQetaApi(api => api.getSuggestions(), []);\n\n  const suggestions = response?.suggestions ?? [];\n  if (suggestions.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader\n        style={{ paddingBottom: '8px' }}\n        title={t('suggestionsCard.title')}\n        avatar={<AssistantIcon />}\n        titleTypographyProps={{ variant: 'h5' }}\n      />\n      <List>\n        {suggestions.map(suggestion => {\n          const SuggestionComponent = suggestionTypeMap[suggestion.type];\n          return (\n            <SuggestionComponent key={suggestion.id} suggestion={suggestion} />\n          );\n        })}\n      </List>\n    </Card>\n  );\n};\n"],"names":["React","CheckIcon","HelpOutlinedIcon"],"mappings":"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"}

package/dist/components/TagsGrid/EditTagModal.esm.js

@@ -56,7 +56,7 @@ const EditTagModal = (props) => {
         multiline: true,
         minRows: 10,
         style: { width: "100%" },
-        value: description,
+        value: description ?? "",
         onChange: (e) => setDescription(e.target.value)
       }
     ))), /* @__PURE__ */ React__default.createElement(

package/dist/components/TagsGrid/EditTagModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditTagModal.esm.js","sources":["../../../src/components/TagsGrid/EditTagModal.tsx"],"sourcesContent":["import { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Grid,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { ModalContent } from '../Utility/ModalContent';\n\nexport const EditTagModal = (props: {\n  tag: TagResponse;\n  open: boolean;\n  onClose: () => void;\n}) => {\n  const { tag, open, onClose } = props;\n  const [description, setDescription] = React.useState(tag.description);\n  const { t } = useTranslation();\n  const [error, setError] = React.useState(false);\n  const qetaApi = useApi(qetaApiRef);\n\n  const handleUpdate = () => {\n    qetaApi\n      .updateTag(tag.tag, description)\n      .then(ret => {\n        if (ret) {\n          onClose();\n          return;\n        }\n        setError(true);\n      })\n      .catch(() => {\n        setError(true);\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaEditTagModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('editTagModal.errorPosting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaEditTagModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {t('editTagModal.title', { tag: tag.tag })}\n        </Typography>\n        <Grid container>\n          <Grid item xs={12}>\n            <TextField\n              variant=\"outlined\"\n              label={t('editTagModal.description')}\n              multiline\n              minRows={10}\n              style={{ width: '100%' }}\n              value={description}\n              onChange={e => setDescription(e.target.value)}\n            />\n          </Grid>\n        </Grid>\n        <Button\n          onClick={handleUpdate}\n          className=\"qetaEditTagModalSaveBtn\"\n          color=\"secondary\"\n        >\n          {t('editTagModal.saveButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaEditTagModalCancelBtn\">\n          {t('editTagModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"EditTagModal.esm.js","sources":["../../../src/components/TagsGrid/EditTagModal.tsx"],"sourcesContent":["import { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Grid,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { ModalContent } from '../Utility/ModalContent';\n\nexport const EditTagModal = (props: {\n  tag: TagResponse;\n  open: boolean;\n  onClose: () => void;\n}) => {\n  const { tag, open, onClose } = props;\n  const [description, setDescription] = React.useState(tag.description);\n  const { t } = useTranslation();\n  const [error, setError] = React.useState(false);\n  const qetaApi = useApi(qetaApiRef);\n\n  const handleUpdate = () => {\n    qetaApi\n      .updateTag(tag.tag, description)\n      .then(ret => {\n        if (ret) {\n          onClose();\n          return;\n        }\n        setError(true);\n      })\n      .catch(() => {\n        setError(true);\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaEditTagModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('editTagModal.errorPosting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaEditTagModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {t('editTagModal.title', { tag: tag.tag })}\n        </Typography>\n        <Grid container>\n          <Grid item xs={12}>\n            <TextField\n              variant=\"outlined\"\n              label={t('editTagModal.description')}\n              multiline\n              minRows={10}\n              style={{ width: '100%' }}\n              value={description ?? ''}\n              onChange={e => setDescription(e.target.value)}\n            />\n          </Grid>\n        </Grid>\n        <Button\n          onClick={handleUpdate}\n          className=\"qetaEditTagModalSaveBtn\"\n          color=\"secondary\"\n        >\n          {t('editTagModal.saveButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaEditTagModalCancelBtn\">\n          {t('editTagModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/Utility/ModalContent.esm.js

@@ -18,10 +18,10 @@ const useStyles = makeStyles((theme) => ({
     }
   }
 }));
-const ModalContent = (props) => {
+const ModalContent = React__default.forwardRef((props, ref) => {
   const styles = useStyles();
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.content }, props.children);
-};
+  return /* @__PURE__ */ React__default.createElement("div", { tabIndex: -1, className: styles.content, ref }, props.children);
+});
 
 export { ModalContent };
 //# sourceMappingURL=ModalContent.esm.js.map

package/dist/components/Utility/ModalContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.esm.js","sources":["../../../src/components/Utility/ModalContent.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport React from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    position: 'absolute',\n    top: '20%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n    width: 400,\n    backgroundColor: theme.palette.background.default,\n    border: `1px solid ${theme.palette.action.selected}`,\n    borderRadius: theme.shape.borderRadius,\n    padding: '2em',\n    '& button': {\n      marginTop: '2em',\n      float: 'right',\n    },\n  },\n}));\n\nexport const ModalContent = (props: { children: React.ReactNode }) => {\n  const styles = useStyles();\n  return <div className={styles.content}>{props.children}</div>;\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,SAAW,EAAA,uBAAA;AAAA,IACX,KAAO,EAAA,GAAA;AAAA,IACP,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,IAC1C,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,QAAQ,CAAA,CAAA;AAAA,IAClD,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,IAC1B,OAAS,EAAA,KAAA;AAAA,IACT,UAAY,EAAA;AAAA,MACV,SAAW,EAAA,KAAA;AAAA,MACX,KAAO,EAAA;AAAA;AACT;AAEJ,CAAE,CAAA,CAAA;AAEW,MAAA,YAAA,GAAe,CAAC,KAAyC,KAAA;AACpE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,oDAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,OAAA,EAAA,EAAU,MAAM,QAAS,CAAA;AACzD;;;;"}
+{"version":3,"file":"ModalContent.esm.js","sources":["../../../src/components/Utility/ModalContent.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport React from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    position: 'absolute',\n    top: '20%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n    width: 400,\n    backgroundColor: theme.palette.background.default,\n    border: `1px solid ${theme.palette.action.selected}`,\n    borderRadius: theme.shape.borderRadius,\n    padding: '2em',\n    '& button': {\n      marginTop: '2em',\n      float: 'right',\n    },\n  },\n}));\n\nexport const ModalContent = React.forwardRef<\n  HTMLDivElement,\n  { children: React.ReactNode }\n>((props: { children: React.ReactNode }, ref) => {\n  const styles = useStyles();\n  return (\n    <div tabIndex={-1} className={styles.content} ref={ref}>\n      {props.children}\n    </div>\n  );\n});\n"],"names":["React"],"mappings":";;;AAGA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,SAAW,EAAA,uBAAA;AAAA,IACX,KAAO,EAAA,GAAA;AAAA,IACP,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,IAC1C,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,QAAQ,CAAA,CAAA;AAAA,IAClD,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,IAC1B,OAAS,EAAA,KAAA;AAAA,IACT,UAAY,EAAA;AAAA,MACV,SAAW,EAAA,KAAA;AAAA,MACX,KAAO,EAAA;AAAA;AACT;AAEJ,CAAE,CAAA,CAAA;AAEK,MAAM,YAAe,GAAAA,cAAA,CAAM,UAGhC,CAAA,CAAC,OAAsC,GAAQ,KAAA;AAC/C,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAI,QAAU,EAAA,CAAA,CAAA,EAAI,WAAW,MAAO,CAAA,OAAA,EAAS,GAC3C,EAAA,EAAA,KAAA,CAAM,QACT,CAAA;AAEJ,CAAC;;;;"}

package/dist/components/Utility/VoteButtonContainer.esm.js

@@ -1,18 +1,21 @@
 import { makeStyles } from '@material-ui/core';
 import React__default from 'react';
 
-const useStyles = makeStyles(() => ({
-  container: {
-    textAlign: "center",
-    width: "32px",
-    marginLeft: "5px",
-    display: "inline-block",
-    verticalAlign: "top"
-  }
-}));
+const useStyles = makeStyles(
+  () => ({
+    root: {
+      textAlign: "center",
+      width: "32px",
+      marginLeft: "5px",
+      display: "inline-block",
+      verticalAlign: "top"
+    }
+  }),
+  { name: "QetaVoteButtonContainer" }
+);
 const VoteButtonContainer = (props) => {
   const styles = useStyles();
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.container }, props.children);
+  return /* @__PURE__ */ React__default.createElement("div", { className: styles.root }, props.children);
 };
 
 export { VoteButtonContainer };

package/dist/components/Utility/VoteButtonContainer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"VoteButtonContainer.esm.js","sources":["../../../src/components/Utility/VoteButtonContainer.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport React from 'react';\n\nconst useStyles = makeStyles(() => ({\n  container: {\n    textAlign: 'center',\n    width: '32px',\n    marginLeft: '5px',\n    display: 'inline-block',\n    verticalAlign: 'top',\n  },\n}));\n\nexport const VoteButtonContainer = (props: { children: React.ReactNode }) => {\n  const styles = useStyles();\n  return <div className={styles.container}>{props.children}</div>;\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,SAAW,EAAA;AAAA,IACT,SAAW,EAAA,QAAA;AAAA,IACX,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,KAAA;AAAA,IACZ,OAAS,EAAA,cAAA;AAAA,IACT,aAAe,EAAA;AAAA;AAEnB,CAAE,CAAA,CAAA;AAEW,MAAA,mBAAA,GAAsB,CAAC,KAAyC,KAAA;AAC3E,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,oDAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,SAAA,EAAA,EAAY,MAAM,QAAS,CAAA;AAC3D;;;;"}
+{"version":3,"file":"VoteButtonContainer.esm.js","sources":["../../../src/components/Utility/VoteButtonContainer.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport React from 'react';\n\nconst useStyles = makeStyles(\n  () => ({\n    root: {\n      textAlign: 'center',\n      width: '32px',\n      marginLeft: '5px',\n      display: 'inline-block',\n      verticalAlign: 'top',\n    },\n  }),\n  { name: 'QetaVoteButtonContainer' },\n);\n\nexport const VoteButtonContainer = (props: { children: React.ReactNode }) => {\n  const styles = useStyles();\n  return <div className={styles.root}>{props.children}</div>;\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,OAAO;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,SAAW,EAAA,QAAA;AAAA,MACX,KAAO,EAAA,MAAA;AAAA,MACP,UAAY,EAAA,KAAA;AAAA,MACZ,OAAS,EAAA,cAAA;AAAA,MACT,aAAe,EAAA;AAAA;AACjB,GACF,CAAA;AAAA,EACA,EAAE,MAAM,yBAA0B;AACpC,CAAA;AAEa,MAAA,mBAAA,GAAsB,CAAC,KAAyC,KAAA;AAC3E,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,oDAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAA,EAAO,MAAM,QAAS,CAAA;AACtD;;;;"}

package/dist/index.d.ts

@@ -223,11 +223,13 @@ declare const DeleteModal: (props: {
     question?: PostResponse;
 }) => React.JSX.Element;
 
+type AnswerCardClassKeys = 'root' | 'highlight' | 'buttons' | 'metadata' | 'markdownContainer' | 'contentContainer';
 declare const AnswerCard: (props: {
     answer: AnswerResponse;
     question: PostResponse;
 }) => React.JSX.Element;
 
+type QuestionCardClassKeys = 'root' | 'contentContainer' | 'markdownContainer' | 'buttons' | 'metadata';
 declare const QuestionCard: (props: {
     question: PostResponse;
 }) => React.JSX.Element;
@@ -797,6 +799,8 @@ type QetaComponentsNameToClassKey = {
     QetaCommentSection: QetaCommentSectionClassKey;
     QetaSearchBar: QetaSearchBarClassKeys;
     QetaPagination: QetaPaginationClassKeys;
+    QetaQuestionCard: QuestionCardClassKeys;
+    QetaAnswerCard: AnswerCardClassKeys;
 };
 type QetaOverrides = Overrides & {
     [Name in keyof QetaComponentsNameToClassKey]?: Partial<StyleRules<QetaComponentsNameToClassKey[Name]>>;

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.13.0",
+  "version": "3.13.2",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -56,7 +56,7 @@
     "@backstage/plugin-catalog-react": "^1.14.2",
     "@backstage/plugin-permission-react": "^0.4.28",
     "@backstage/plugin-signals-react": "^0.0.7",
-    "@drodil/backstage-plugin-qeta-common": "^3.13.0",
+    "@drodil/backstage-plugin-qeta-common": "^3.13.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",