@drodil/backstage-plugin-qeta-react 3.28.1 → 3.28.2

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

@@ -25,8 +25,7 @@ const useStyles = makeStyles(() => ({
   author: {
     alignItems: "center",
     display: "flex",
-    height: "24px",
-    marginBottom: "8px"
+    height: "24px"
   },
   timestamp: {
     marginLeft: "0.3em"
@@ -63,7 +62,7 @@ const PostListItem = (props) => {
       justifyContent: "flex-start",
       style: { padding: "0.7em", paddingBottom: "1.0em" },
       children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, style: { paddingTop: "0px" }, children: /* @__PURE__ */ jsxs(VoteButtonContainer, { children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, style: { paddingTop: "0em", marginTop: "-0.5em" }, children: /* @__PURE__ */ jsxs(VoteButtonContainer, { children: [
           /* @__PURE__ */ jsx(VoteButtons, { entity: post }),
           /* @__PURE__ */ jsx(FavoriteButton, { entity: post })
         ] }) }),
@@ -83,17 +82,18 @@ const PostListItem = (props) => {
                   justifyContent: "space-between",
                   xs: 12,
                   style: {
-                    paddingTop: "0.3em",
-                    paddingBottom: "0.0em",
+                    paddingTop: "0",
+                    paddingBottom: "0.5em",
                     marginLeft: "-0.2em"
                   },
                   children: [
-                    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+                    /* @__PURE__ */ jsxs(Grid, { item: true, style: { display: "flex", alignItems: "center" }, children: [
                       type === void 0 && /* @__PURE__ */ jsx(
                         Chip,
                         {
                           color: "secondary",
                           size: "small",
+                          style: { marginBottom: 0 },
                           label: `${capitalize(post.type)}`,
                           icon: post.type === "question" ? /* @__PURE__ */ jsx(HelpOutlined, {}) : /* @__PURE__ */ jsx(CollectionsBookmarkIcon, {})
                         }
@@ -104,6 +104,7 @@ const PostListItem = (props) => {
                           variant: "outlined",
                           size: "small",
                           style: {
+                            marginBottom: 0,
                             userSelect: "none",
                             // eslint-disable-next-line no-nested-ternary
                             borderColor: correctAnswer ? theme.palette.success.main : answersCount === 0 ? theme.palette.warning.main : void 0
@@ -118,6 +119,7 @@ const PostListItem = (props) => {
                         {
                           variant: "outlined",
                           size: "small",
+                          style: { marginBottom: 0 },
                           label: t("common.viewsShort", {
                             count: views
                           })

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 { 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 { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\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    alignItems: 'center',\n    display: 'flex',\n    height: '24px',\n    marginBottom: '8px',\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 } = useTranslationRef(qetaTranslationRef);\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% - 53px)' }}\n      >\n        <Grid container>\n          <Grid\n            item\n            container\n            alignItems=\"center\"\n            spacing={0}\n            justifyContent=\"space-between\"\n            xs={12}\n            style={{\n              paddingTop: '0.3em',\n              paddingBottom: '0.0em',\n              marginLeft: '-0.2em',\n            }}\n          >\n            <Grid item>\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>\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} anonymous={post.anonymous} />{' '}\n                <Link to={href} className={styles.timestamp}>\n                  <RelativeTimeWithTooltip value={post.created} />\n                </Link>\n              </Typography>\n            </Grid>\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=\"body2\"\n              noWrap\n              component=\"div\"\n              className=\"qetaPostListItemContent\"\n              style={{ marginTop: '0.6em' }}\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          </Grid>\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { Link } from '@backstage/core-components';\nimport { 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 { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\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    alignItems: 'center',\n    display: 'flex',\n    height: '24px',\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 } = useTranslationRef(qetaTranslationRef);\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: '0em', marginTop: '-0.5em' }}>\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% - 53px)' }}\n      >\n        <Grid container>\n          <Grid\n            item\n            container\n            alignItems=\"center\"\n            spacing={0}\n            justifyContent=\"space-between\"\n            xs={12}\n            style={{\n              paddingTop: '0',\n              paddingBottom: '0.5em',\n              marginLeft: '-0.2em',\n            }}\n          >\n            <Grid item style={{ display: 'flex', alignItems: 'center' }}>\n              {type === undefined && (\n                <Chip\n                  color=\"secondary\"\n                  size=\"small\"\n                  style={{ marginBottom: 0 }}\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                    marginBottom: 0,\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                style={{ marginBottom: 0 }}\n                label={t('common.viewsShort', {\n                  count: views,\n                })}\n              />\n            </Grid>\n            <Grid item>\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} anonymous={post.anonymous} />{' '}\n                <Link to={href} className={styles.timestamp}>\n                  <RelativeTimeWithTooltip value={post.created} />\n                </Link>\n              </Typography>\n            </Grid>\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=\"body2\"\n              noWrap\n              component=\"div\"\n              className=\"qetaPostListItemContent\"\n              style={{ marginTop: '0.6em' }}\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          </Grid>\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.28.1",
+  "version": "3.28.2",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -57,7 +57,7 @@
     "@backstage/plugin-permission-common": "^0.9.0",
     "@backstage/plugin-permission-react": "^0.4.34",
     "@backstage/plugin-signals-react": "^0.0.13",
-    "@drodil/backstage-plugin-qeta-common": "^3.28.1",
+    "@drodil/backstage-plugin-qeta-common": "^3.28.2",
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",