@drodil/backstage-plugin-qeta-react 3.12.3 → 3.12.5

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

@@ -1 +1 @@
-{"version":3,"file":"NoPostsCard.esm.js","sources":["../../../src/components/PostsContainer/NoPostsCard.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport { LinkButton } from '@backstage/core-components';\nimport HelpOutline from '@mui/icons-material/HelpOutline';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { askRouteRef, writeRouteRef } from '../../routes';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport CreateIcon from '@mui/icons-material/Create';\nimport { useTranslation } from '../../hooks';\nimport { useEntityQueryParameter } from '../../hooks/useEntityQueryParameter';\n\nexport const NoPostsCard = (props: {\n  showNoPostsBtn?: boolean;\n  entity?: string;\n  entityPage?: boolean;\n  tags?: string[];\n  type?: PostType;\n}) => {\n  const { showNoPostsBtn, entity, entityPage, tags, type } = props;\n  const askRoute = useRouteRef(askRouteRef);\n  const writeRoute = useRouteRef(writeRouteRef);\n  const { t } = useTranslation();\n  const entityRef = useEntityQueryParameter(entity);\n\n  const queryParams = new URLSearchParams();\n  if (entityRef) {\n    queryParams.set('entity', entityRef);\n  }\n  if (entityPage) {\n    queryParams.set('entityPage', 'true');\n  }\n  if (tags && tags.length > 0) {\n    queryParams.set('tags', tags.join(','));\n  }\n\n  const route = type === 'article' ? writeRoute : askRoute;\n\n  const itemType = t(`common.${type ?? 'post'}`, {});\n  return (\n    <Card style={{ marginTop: '2rem' }}>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t('postsContainer.noItems', {\n                itemType,\n              })}\n            </Typography>\n          </Grid>\n          {showNoPostsBtn && (\n            <Grid item>\n              <LinkButton\n                to={\n                  entityRef || tags\n                    ? `${route()}?${queryParams.toString()}`\n                    : `${route()}`\n                }\n                startIcon={\n                  type === 'article' ? <CreateIcon /> : <HelpOutline />\n                }\n                color=\"primary\"\n                variant=\"outlined\"\n              >\n                {t('postsContainer.createButton')}\n              </LinkButton>\n            </Grid>\n          )}\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAca,MAAA,WAAA,GAAc,CAAC,KAMtB,KAAA;AACJ,EAAA,MAAM,EAAE,cAAgB,EAAA,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAM,MAAS,GAAA,KAAA,CAAA;AAC3D,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA,CAAA;AACxC,EAAM,MAAA,UAAA,GAAa,YAAY,aAAa,CAAA,CAAA;AAC5C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA,SAAA,GAAY,wBAAwB,MAAM,CAAA,CAAA;AAEhD,EAAM,MAAA,WAAA,GAAc,IAAI,eAAgB,EAAA,CAAA;AACxC,EAAA,IAAI,SAAW,EAAA;AACb,IAAY,WAAA,CAAA,GAAA,CAAI,UAAU,SAAS,CAAA,CAAA;AAAA,GACrC;AACA,EAAA,IAAI,UAAY,EAAA;AACd,IAAY,WAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA,CAAA;AAAA,GACtC;AACA,EAAI,IAAA,IAAA,IAAQ,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,IAAA,WAAA,CAAY,GAAI,CAAA,MAAA,EAAQ,IAAK,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,GACxC;AAEA,EAAM,MAAA,KAAA,GAAQ,IAAS,KAAA,SAAA,GAAY,UAAa,GAAA,QAAA,CAAA;AAEhD,EAAA,MAAM,WAAW,CAAE,CAAA,CAAA,OAAA,EAAU,QAAQ,MAAM,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA;AACjD,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,MAAO,EAAA,EAAA,+CAC9B,WACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,KAAA;AAAA,oBAEVA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAA,+CACP,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,CAAA,CAAE,wBAA0B,EAAA;AAAA,MAC3B,QAAA;AAAA,KACD,CACH,CACF,CAAA;AAAA,IACC,cACC,oBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EACE,EAAA,SAAA,IAAa,IACT,GAAA,CAAA,EAAG,KAAM,EAAC,CAAI,CAAA,EAAA,WAAA,CAAY,QAAS,EAAC,CACpC,CAAA,GAAA,CAAA,EAAG,OAAO,CAAA,CAAA;AAAA,QAEhB,WACE,IAAS,KAAA,SAAA,gDAAa,UAAW,EAAA,IAAA,CAAA,gDAAM,WAAY,EAAA,IAAA,CAAA;AAAA,QAErD,KAAM,EAAA,SAAA;AAAA,QACN,OAAQ,EAAA,UAAA;AAAA,OAAA;AAAA,MAEP,EAAE,6BAA6B,CAAA;AAAA,KAEpC,CAAA;AAAA,GAGN,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NoPostsCard.esm.js","sources":["../../../src/components/PostsContainer/NoPostsCard.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport { LinkButton } from '@backstage/core-components';\nimport HelpOutline from '@mui/icons-material/HelpOutline';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { askRouteRef, writeRouteRef } from '../../routes';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport CreateIcon from '@mui/icons-material/Create';\nimport { useTranslation } from '../../hooks';\nimport { useEntityQueryParameter } from '../../hooks/useEntityQueryParameter';\n\nexport const NoPostsCard = (props: {\n  showNoPostsBtn?: boolean;\n  entity?: string;\n  entityPage?: boolean;\n  tags?: string[];\n  type?: PostType;\n}) => {\n  const { showNoPostsBtn, entity, entityPage, tags, type } = props;\n  const askRoute = useRouteRef(askRouteRef);\n  const writeRoute = useRouteRef(writeRouteRef);\n  const { t } = useTranslation();\n  const entityRef = useEntityQueryParameter(entity);\n\n  const queryParams = new URLSearchParams();\n  if (entityRef) {\n    queryParams.set('entity', entityRef);\n  }\n  if (entityPage) {\n    queryParams.set('entityPage', 'true');\n  }\n  if (tags && tags.length > 0) {\n    queryParams.set('tags', tags.join(','));\n  }\n\n  const route = type === 'article' ? writeRoute : askRoute;\n\n  const itemType = t(`common.${type ?? 'post'}`, {});\n  return (\n    <Card style={{ marginTop: '2em' }}>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t('postsContainer.noItems', {\n                itemType,\n              })}\n            </Typography>\n          </Grid>\n          {showNoPostsBtn && (\n            <Grid item>\n              <LinkButton\n                to={\n                  entityRef || tags\n                    ? `${route()}?${queryParams.toString()}`\n                    : `${route()}`\n                }\n                startIcon={\n                  type === 'article' ? <CreateIcon /> : <HelpOutline />\n                }\n                color=\"primary\"\n                variant=\"outlined\"\n              >\n                {t('postsContainer.createButton')}\n              </LinkButton>\n            </Grid>\n          )}\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAca,MAAA,WAAA,GAAc,CAAC,KAMtB,KAAA;AACJ,EAAA,MAAM,EAAE,cAAgB,EAAA,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAM,MAAS,GAAA,KAAA;AAC3D,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAM,MAAA,UAAA,GAAa,YAAY,aAAa,CAAA;AAC5C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA,SAAA,GAAY,wBAAwB,MAAM,CAAA;AAEhD,EAAM,MAAA,WAAA,GAAc,IAAI,eAAgB,EAAA;AACxC,EAAA,IAAI,SAAW,EAAA;AACb,IAAY,WAAA,CAAA,GAAA,CAAI,UAAU,SAAS,CAAA;AAAA;AAErC,EAAA,IAAI,UAAY,EAAA;AACd,IAAY,WAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA;AAAA;AAEtC,EAAI,IAAA,IAAA,IAAQ,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,IAAA,WAAA,CAAY,GAAI,CAAA,MAAA,EAAQ,IAAK,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA;AAGxC,EAAM,MAAA,KAAA,GAAQ,IAAS,KAAA,SAAA,GAAY,UAAa,GAAA,QAAA;AAEhD,EAAA,MAAM,WAAW,CAAE,CAAA,CAAA,OAAA,EAAU,QAAQ,MAAM,CAAA,CAAA,EAAI,EAAE,CAAA;AACjD,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAAA,+CAC7B,WACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA;AAAA,KAAA;AAAA,oBAEVA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAA,+CACP,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,CAAA,CAAE,wBAA0B,EAAA;AAAA,MAC3B;AAAA,KACD,CACH,CACF,CAAA;AAAA,IACC,cACC,oBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EACE,EAAA,SAAA,IAAa,IACT,GAAA,CAAA,EAAG,KAAM,EAAC,CAAI,CAAA,EAAA,WAAA,CAAY,QAAS,EAAC,CACpC,CAAA,GAAA,CAAA,EAAG,OAAO,CAAA,CAAA;AAAA,QAEhB,WACE,IAAS,KAAA,SAAA,gDAAa,UAAW,EAAA,IAAA,CAAA,gDAAM,WAAY,EAAA,IAAA,CAAA;AAAA,QAErD,KAAM,EAAA,SAAA;AAAA,QACN,OAAQ,EAAA;AAAA,OAAA;AAAA,MAEP,EAAE,6BAA6B;AAAA,KAEpC;AAAA,GAGN,CACF,CAAA;AAEJ;;;;"}

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

@@ -69,8 +69,8 @@ const PostList = (props) => {
     );
   }
   const pageCount = response.total < props.pageSize ? 1 : Math.ceil(response.total / props.pageSize);
-  return /* @__PURE__ */ React__default.createElement("div", { ref: listRef }, /* @__PURE__ */ React__default.createElement(Box, { sx: { mt: 2 }, className: "qetaPostList" }, /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2, style: { paddingTop: "1rem" } }, response.posts.map((post, i) => {
-    return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, key: post.id }, /* @__PURE__ */ React__default.createElement(PostListItem, { post, entity, type }), i !== response.total - 1 && /* @__PURE__ */ React__default.createElement(Divider, null));
+  return /* @__PURE__ */ React__default.createElement("div", { ref: listRef }, /* @__PURE__ */ React__default.createElement(Box, { sx: { mt: 2 }, className: "qetaPostList" }, /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2, style: { paddingTop: "1em" } }, response.posts.map((post, i) => {
+    return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, key: post.id, style: { marginTop: "0.5em" } }, /* @__PURE__ */ React__default.createElement(PostListItem, { post, entity, type }), i !== response.total - 1 && /* @__PURE__ */ React__default.createElement(Divider, null));
   }))), response.total > 0 && /* @__PURE__ */ React__default.createElement(
     QetaPagination,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"PostList.esm.js","sources":["../../../src/components/PostsContainer/PostList.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport Card from '@mui/material/Card';\nimport Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport React, { useRef } from 'react';\nimport { PostListItem } from './PostListItem';\nimport { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { NoPostsCard } from './NoPostsCard';\nimport { useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { SelectChangeEvent } from '@mui/material/Select';\n\nexport const PostList = (props: {\n  loading: boolean;\n  error: any;\n  response?: PostsResponse;\n  onPageChange: (page: number) => void;\n  onPageSizeChange: (size: number) => void;\n  page: number;\n  pageSize: number;\n  pageCount: number;\n  entity?: string;\n  tags?: string[];\n  showNoQuestionsBtn?: boolean;\n  entityPage?: boolean;\n  type?: PostType;\n}) => {\n  const {\n    loading,\n    error,\n    response,\n    onPageChange,\n    entity,\n    page,\n    onPageSizeChange,\n    showNoQuestionsBtn = true,\n    entityPage,\n    tags,\n    type,\n  } = props;\n  const listRef = useRef<HTMLDivElement | null>(null);\n  const { t } = useTranslation();\n\n  const handlePageChange = (\n    _event: React.ChangeEvent<unknown>,\n    value: number,\n  ) => {\n    if (listRef.current) {\n      listRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (event: SelectChangeEvent<number>) => {\n    if (listRef.current) {\n      listRef.current.scrollIntoView();\n    }\n    onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n  };\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  const itemType = (type ?? 'post') as any;\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel\n        severity=\"error\"\n        title={t('postsList.errorLoading', { itemType })}\n      >\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response.posts || response.posts.length === 0) {\n    return (\n      <NoPostsCard\n        showNoPostsBtn={showNoQuestionsBtn}\n        entity={entity}\n        entityPage={entityPage}\n        tags={tags}\n        type={type}\n      />\n    );\n  }\n\n  const pageCount =\n    response.total < props.pageSize\n      ? 1\n      : Math.ceil(response.total / props.pageSize);\n\n  return (\n    <div ref={listRef}>\n      <Box sx={{ mt: 2 }} className=\"qetaPostList\">\n        <Card>\n          <Grid container spacing={2} style={{ paddingTop: '1rem' }}>\n            {response.posts.map((post, i) => {\n              return (\n                <Grid item xs={12} key={post.id}>\n                  <PostListItem post={post} entity={entity} type={type} />\n                  {i !== response.total - 1 && <Divider />}\n                </Grid>\n              );\n            })}\n          </Grid>\n        </Card>\n        {response.total > 0 && (\n          <QetaPagination\n            pageSize={props.pageSize}\n            handlePageChange={handlePageChange}\n            handlePageSizeChange={handlePageSizeChange}\n            page={page}\n            pageCount={pageCount}\n            tooltip={t('postsList.postsPerPage', { itemType })}\n          />\n        )}\n      </Box>\n    </div>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"PostList.esm.js","sources":["../../../src/components/PostsContainer/PostList.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport Card from '@mui/material/Card';\nimport Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport React, { useRef } from 'react';\nimport { PostListItem } from './PostListItem';\nimport { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { NoPostsCard } from './NoPostsCard';\nimport { useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { SelectChangeEvent } from '@mui/material/Select';\n\nexport const PostList = (props: {\n  loading: boolean;\n  error: any;\n  response?: PostsResponse;\n  onPageChange: (page: number) => void;\n  onPageSizeChange: (size: number) => void;\n  page: number;\n  pageSize: number;\n  pageCount: number;\n  entity?: string;\n  tags?: string[];\n  showNoQuestionsBtn?: boolean;\n  entityPage?: boolean;\n  type?: PostType;\n}) => {\n  const {\n    loading,\n    error,\n    response,\n    onPageChange,\n    entity,\n    page,\n    onPageSizeChange,\n    showNoQuestionsBtn = true,\n    entityPage,\n    tags,\n    type,\n  } = props;\n  const listRef = useRef<HTMLDivElement | null>(null);\n  const { t } = useTranslation();\n\n  const handlePageChange = (\n    _event: React.ChangeEvent<unknown>,\n    value: number,\n  ) => {\n    if (listRef.current) {\n      listRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (event: SelectChangeEvent<number>) => {\n    if (listRef.current) {\n      listRef.current.scrollIntoView();\n    }\n    onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n  };\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  const itemType = (type ?? 'post') as any;\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel\n        severity=\"error\"\n        title={t('postsList.errorLoading', { itemType })}\n      >\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response.posts || response.posts.length === 0) {\n    return (\n      <NoPostsCard\n        showNoPostsBtn={showNoQuestionsBtn}\n        entity={entity}\n        entityPage={entityPage}\n        tags={tags}\n        type={type}\n      />\n    );\n  }\n\n  const pageCount =\n    response.total < props.pageSize\n      ? 1\n      : Math.ceil(response.total / props.pageSize);\n\n  return (\n    <div ref={listRef}>\n      <Box sx={{ mt: 2 }} className=\"qetaPostList\">\n        <Card>\n          <Grid container spacing={2} style={{ paddingTop: '1em' }}>\n            {response.posts.map((post, i) => {\n              return (\n                <Grid item xs={12} key={post.id} style={{ marginTop: '0.5em' }}>\n                  <PostListItem post={post} entity={entity} type={type} />\n                  {i !== response.total - 1 && <Divider />}\n                </Grid>\n              );\n            })}\n          </Grid>\n        </Card>\n        {response.total > 0 && (\n          <QetaPagination\n            pageSize={props.pageSize}\n            handlePageChange={handlePageChange}\n            handlePageSizeChange={handlePageSizeChange}\n            page={page}\n            pageCount={pageCount}\n            tooltip={t('postsList.postsPerPage', { itemType })}\n          />\n        )}\n      </Box>\n    </div>\n  );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -51,96 +51,103 @@ const PostListItem = (props) => {
       container: true,
       spacing: 2,
       justifyContent: "flex-start",
-      sx: { padding: "0.7rem", paddingBottom: "1.0rem" }
+      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, sx: { display: "inline-block", width: "calc(100% - 80px)" } }, /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Grid,
       {
         item: true,
-        xs: 12,
-        style: {
-          paddingTop: "0.4rem",
-          paddingBottom: "0.4rem",
-          paddingLeft: "0.8rem"
-        }
+        style: { display: "inline-block", width: "calc(100% - 80px)" }
       },
-      type === void 0 && /* @__PURE__ */ React__default.createElement(
-        Chip,
+      /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(
+        Grid,
         {
-          color: "secondary",
-          size: "small",
-          label: `${capitalize(post.type)}`,
-          sx: { userSelect: "none", marginBottom: 0 },
-          icon: post.type === "question" ? /* @__PURE__ */ React__default.createElement(HelpOutlined, null) : /* @__PURE__ */ React__default.createElement(CollectionsBookmarkIcon, null)
-        }
-      ),
-      post.type === "question" && /* @__PURE__ */ React__default.createElement(
-        Chip,
-        {
-          variant: "outlined",
-          size: "small",
-          sx: (theme) => ({
-            userSelect: "none",
-            // eslint-disable-next-line no-nested-ternary
-            borderColor: correctAnswer ? theme.palette.success.main : answersCount === 0 ? theme.palette.warning.main : void 0,
-            marginBottom: 0
-          }),
-          label: t("common.answers", {
-            count: answersCount
-          })
-        }
-      ),
-      /* @__PURE__ */ React__default.createElement(
-        Chip,
+          item: true,
+          xs: 12,
+          style: {
+            paddingTop: "0.5em",
+            paddingBottom: "0.4em",
+            marginLeft: "-0.2em"
+          }
+        },
+        type === void 0 && /* @__PURE__ */ React__default.createElement(
+          Chip,
+          {
+            color: "secondary",
+            size: "small",
+            label: `${capitalize(post.type)}`,
+            sx: { userSelect: "none", marginBottom: 0 },
+            icon: post.type === "question" ? /* @__PURE__ */ React__default.createElement(HelpOutlined, null) : /* @__PURE__ */ React__default.createElement(CollectionsBookmarkIcon, null)
+          }
+        ),
+        post.type === "question" && /* @__PURE__ */ React__default.createElement(
+          Chip,
+          {
+            variant: "outlined",
+            size: "small",
+            sx: (theme) => ({
+              userSelect: "none",
+              // eslint-disable-next-line no-nested-ternary
+              borderColor: correctAnswer ? theme.palette.success.main : answersCount === 0 ? theme.palette.warning.main : void 0,
+              marginBottom: 0
+            }),
+            label: t("common.answers", {
+              count: answersCount
+            })
+          }
+        ),
+        /* @__PURE__ */ React__default.createElement(
+          Chip,
+          {
+            variant: "outlined",
+            size: "small",
+            sx: { userSelect: "none", border: "none", marginBottom: 0 },
+            label: t("common.viewsShort", {
+              count: views
+            })
+          }
+        )
+      ), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { paddingTop: "0px" } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5", component: "div" }, /* @__PURE__ */ React__default.createElement(Link, { to: href, className: "qetaPostListItemQuestionBtn" }, post.title)), /* @__PURE__ */ React__default.createElement(
+        Typography,
         {
-          variant: "outlined",
-          size: "small",
-          sx: { userSelect: "none", border: "none", marginBottom: 0 },
-          label: t("common.viewsShort", {
-            count: views
-          })
-        }
-      )
-    ), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { paddingTop: "0px" } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5", component: "div" }, /* @__PURE__ */ React__default.createElement(Link, { to: href, className: "qetaPostListItemQuestionBtn" }, post.title)), /* @__PURE__ */ React__default.createElement(
-      Typography,
-      {
-        variant: "caption",
-        noWrap: true,
-        component: "div",
-        className: "qetaPostListItemContent",
-        style: { marginBottom: "5px" }
-      },
-      DOMPurify.sanitize(
-        truncate(removeMarkdownFormatting(post.content), 150)
-      )
-    )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: post }), /* @__PURE__ */ React__default.createElement(
-      Typography,
-      {
-        variant: "caption",
-        display: "inline",
-        style: { display: "inline", float: "right" }
-      },
-      /* @__PURE__ */ React__default.createElement(
-        Avatar,
+          variant: "caption",
+          noWrap: true,
+          component: "div",
+          className: "qetaPostListItemContent",
+          style: { marginBottom: "5px" }
+        },
+        DOMPurify.sanitize(
+          truncate(removeMarkdownFormatting(post.content), 150)
+        )
+      )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: post }), /* @__PURE__ */ React__default.createElement(
+        Typography,
         {
-          src: user?.spec?.profile?.picture,
-          alt: name,
-          variant: "rounded",
-          sx: {
-            display: "inline-flex !important",
-            marginRight: "0.25rem",
-            fontSize: "1rem",
-            maxWidth: "1rem",
-            maxHeight: "1rem"
-          }
+          variant: "caption",
+          display: "inline",
+          style: { display: "inline", float: "right" }
         },
-        initials
-      ),
-      /* @__PURE__ */ React__default.createElement(UserLink, { entityRef: post.author }),
-      " ",
-      /* @__PURE__ */ React__default.createElement(Link, { to: href, className: "qetaPostListItemQuestionBtn" }, /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: post.created }))
-    ))))
+        /* @__PURE__ */ React__default.createElement(
+          Avatar,
+          {
+            src: user?.spec?.profile?.picture,
+            alt: name,
+            variant: "rounded",
+            sx: {
+              display: "inline-flex !important",
+              marginRight: "0.25em",
+              fontSize: "1em",
+              maxWidth: "1em",
+              maxHeight: "1em"
+            }
+          },
+          initials
+        ),
+        /* @__PURE__ */ React__default.createElement(UserLink, { entityRef: post.author }),
+        " ",
+        /* @__PURE__ */ React__default.createElement(Link, { to: href, className: "qetaPostListItemQuestionBtn" }, /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: post.created }))
+      )))
+    )
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Avatar from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport Chip from '@mui/material/Chip';\nimport { 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 '@mui/icons-material/CollectionsBookmark';\nimport HelpOutlined from '@mui/icons-material/HelpOutlined';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { VoteButtonContainer } from '../Styled/VoteButtonContainer';\nimport { UserLink } from '../Links';\n\nexport interface PostListItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\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\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\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      sx={{ padding: '0.7rem', paddingBottom: '1.0rem' }}\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 item sx={{ display: 'inline-block', width: 'calc(100% - 80px)' }}>\n        <Grid container>\n          <Grid\n            item\n            xs={12}\n            style={{\n              paddingTop: '0.4rem',\n              paddingBottom: '0.4rem',\n              paddingLeft: '0.8rem',\n            }}\n          >\n            {type === undefined && (\n              <Chip\n                color=\"secondary\"\n                size=\"small\"\n                label={`${capitalize(post.type)}`}\n                sx={{ userSelect: 'none', marginBottom: 0 }}\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                sx={theme => ({\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                  marginBottom: 0,\n                })}\n                label={t('common.answers', {\n                  count: answersCount,\n                })}\n              />\n            )}\n            <Chip\n              variant=\"outlined\"\n              size=\"small\"\n              sx={{ userSelect: 'none', border: 'none', marginBottom: 0 }}\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              style={{ display: 'inline', float: 'right' }}\n            >\n              <Avatar\n                src={user?.spec?.profile?.picture}\n                alt={name}\n                variant=\"rounded\"\n                sx={{\n                  display: 'inline-flex !important',\n                  marginRight: '0.25rem',\n                  fontSize: '1rem',\n                  maxWidth: '1rem',\n                  maxHeight: '1rem',\n                }}\n              >\n                {initials}\n              </Avatar>\n              <UserLink entityRef={post.author} />{' '}\n              <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n                <RelativeTimeWithTooltip value={post.created} />\n              </Link>\n            </Typography>\n          </Grid>\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Avatar from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport Chip from '@mui/material/Chip';\nimport { 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 '@mui/icons-material/CollectionsBookmark';\nimport HelpOutlined from '@mui/icons-material/HelpOutlined';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { VoteButtonContainer } from '../Styled/VoteButtonContainer';\nimport { UserLink } from '../Links';\n\nexport interface PostListItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\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\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\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.5em',\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                sx={{ userSelect: 'none', marginBottom: 0 }}\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                sx={theme => ({\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                  marginBottom: 0,\n                })}\n                label={t('common.answers', {\n                  count: answersCount,\n                })}\n              />\n            )}\n            <Chip\n              variant=\"outlined\"\n              size=\"small\"\n              sx={{ userSelect: 'none', border: 'none', marginBottom: 0 }}\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              style={{ display: 'inline', float: 'right' }}\n            >\n              <Avatar\n                src={user?.spec?.profile?.picture}\n                alt={name}\n                variant=\"rounded\"\n                sx={{\n                  display: 'inline-flex !important',\n                  marginRight: '0.25em',\n                  fontSize: '1em',\n                  maxWidth: '1em',\n                  maxHeight: '1em',\n                }}\n              >\n                {initials}\n              </Avatar>\n              <UserLink entityRef={post.author} />{' '}\n              <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n                <RelativeTimeWithTooltip value={post.created} />\n              </Link>\n            </Typography>\n          </Grid>\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmCa,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;AAE7B,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;AAErD,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,EAAI,EAAA,EAAE,UAAY,EAAA,MAAA,EAAQ,cAAc,CAAE,EAAA;AAAA,YAC1C,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,IAAI,CAAU,KAAA,MAAA;AAAA,cACZ,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,CAAA;AAAA,cACJ,YAAc,EAAA;AAAA,aAChB,CAAA;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,IAAI,EAAE,UAAA,EAAY,QAAQ,MAAQ,EAAA,MAAA,EAAQ,cAAc,CAAE,EAAA;AAAA,YAC1D,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,KAAO,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,OAAO,OAAQ;AAAA,SAAA;AAAA,wBAE3CA,cAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,YAC1B,GAAK,EAAA,IAAA;AAAA,YACL,OAAQ,EAAA,SAAA;AAAA,YACR,EAAI,EAAA;AAAA,cACF,OAAS,EAAA,wBAAA;AAAA,cACT,WAAa,EAAA,QAAA;AAAA,cACb,QAAU,EAAA,KAAA;AAAA,cACV,QAAU,EAAA,KAAA;AAAA,cACV,SAAW,EAAA;AAAA;AACb,WAAA;AAAA,UAEC;AAAA,SACH;AAAA,wBACCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,IAAA,CAAK,MAAQ,EAAA,CAAA;AAAA,QAAG,GAAA;AAAA,wBACrCA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,SAAA,EAAU,6BACxB,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/PostsContainer/PostsContainer.esm.js

@@ -92,7 +92,7 @@ const PostsContainer = (props) => {
     {
       variant: "h5",
       className: "qetaPostsContainerTitle",
-      style: { marginBottom: "1.5rem" }
+      style: { marginBottom: "1.5em" }
     },
     shownTitle,
     " ",

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

@@ -1 +1 @@
-{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import Collapse from '@mui/material/Collapse';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport React from 'react';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostList } from './PostList';\nimport FilterList from '@mui/icons-material/FilterList';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { WriteArticleButton } from '../Buttons';\nimport { capitalize } from 'lodash';\nimport {\n  PaginatedPostsProps,\n  usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\nexport const PostsContainer = (\n  props: PaginatedPostsProps & { entity?: string },\n) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showNoQuestionsBtn,\n  } = props;\n  const {\n    onSearchQueryChange,\n    filters,\n    response,\n    loading,\n    error,\n    setShowFilterPanel,\n    showFilterPanel,\n    onFilterChange,\n    onPageChange,\n    onPageSizeChange,\n    page,\n    postsPerPage,\n    pageCount,\n  } = usePaginatedPosts(props);\n  const { t } = useTranslation();\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n  let shownTitle = title;\n  let link = undefined;\n  let btn = undefined;\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', {\n      itemType: itemType.toLowerCase(),\n    });\n  }\n\n  return (\n    <Box className=\"qetaPostsContainer\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaPostsContainerTitle\"\n          style={{ marginBottom: '1.5rem' }}\n        >\n          {shownTitle} {link} {btn}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('postsContainer.search.label', {\n              itemType: itemType.toLowerCase(),\n            })}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showWriteButton && (\n          <Grid item>\n            <WriteArticleButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography\n              variant=\"h6\"\n              className=\"qetaPostsContainerQuestionCount\"\n            >\n              {t('common.posts', { count: response?.total ?? 0, itemType })}\n            </Typography>\n          </Grid>\n        )}\n        {response && (showFilters ?? true) && (\n          <Grid item>\n            <Button\n              onClick={() => {\n                setShowFilterPanel(!showFilterPanel);\n              }}\n              className=\"qetaPostsContainerFilterPanelBtn\"\n              startIcon={<FilterList />}\n            >\n              {t('filterPanel.filterButton')}\n            </Button>\n          </Grid>\n        )}\n      </Grid>\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel<PostFilters>\n            onChange={onFilterChange}\n            filters={filters}\n            type={type}\n          />\n        </Collapse>\n      )}\n      <PostList\n        loading={loading}\n        error={error}\n        response={response}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n        entity={entity}\n        page={page}\n        pageSize={postsPerPage}\n        pageCount={pageCount}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        entityPage={entity !== undefined}\n        tags={tags}\n        type={type}\n      />\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import Collapse from '@mui/material/Collapse';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport React from 'react';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostList } from './PostList';\nimport FilterList from '@mui/icons-material/FilterList';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { WriteArticleButton } from '../Buttons';\nimport { capitalize } from 'lodash';\nimport {\n  PaginatedPostsProps,\n  usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\nexport const PostsContainer = (\n  props: PaginatedPostsProps & { entity?: string },\n) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showNoQuestionsBtn,\n  } = props;\n  const {\n    onSearchQueryChange,\n    filters,\n    response,\n    loading,\n    error,\n    setShowFilterPanel,\n    showFilterPanel,\n    onFilterChange,\n    onPageChange,\n    onPageSizeChange,\n    page,\n    postsPerPage,\n    pageCount,\n  } = usePaginatedPosts(props);\n  const { t } = useTranslation();\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n  let shownTitle = title;\n  let link = undefined;\n  let btn = undefined;\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', {\n      itemType: itemType.toLowerCase(),\n    });\n  }\n\n  return (\n    <Box className=\"qetaPostsContainer\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaPostsContainerTitle\"\n          style={{ marginBottom: '1.5em' }}\n        >\n          {shownTitle} {link} {btn}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('postsContainer.search.label', {\n              itemType: itemType.toLowerCase(),\n            })}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showWriteButton && (\n          <Grid item>\n            <WriteArticleButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography\n              variant=\"h6\"\n              className=\"qetaPostsContainerQuestionCount\"\n            >\n              {t('common.posts', { count: response?.total ?? 0, itemType })}\n            </Typography>\n          </Grid>\n        )}\n        {response && (showFilters ?? true) && (\n          <Grid item>\n            <Button\n              onClick={() => {\n                setShowFilterPanel(!showFilterPanel);\n              }}\n              className=\"qetaPostsContainerFilterPanelBtn\"\n              startIcon={<FilterList />}\n            >\n              {t('filterPanel.filterButton')}\n            </Button>\n          </Grid>\n        )}\n      </Grid>\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel<PostFilters>\n            onChange={onFilterChange}\n            filters={filters}\n            type={type}\n          />\n        </Collapse>\n      )}\n      <PostList\n        loading={loading}\n        error={error}\n        response={response}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n        entity={entity}\n        page={page}\n        pageSize={postsPerPage}\n        pageCount={pageCount}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        entityPage={entity !== undefined}\n        tags={tags}\n        type={type}\n      />\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/PostsGrid/PostsGrid.esm.js

@@ -92,7 +92,7 @@ const PostsGrid = (props) => {
     {
       variant: "h5",
       className: "qetaPostsGridTitle",
-      style: { marginBottom: "1.5rem" }
+      style: { marginBottom: "1.5em" }
     },
     shownTitle,
     " ",

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

@@ -1 +1 @@
-{"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n  AskQuestionButton,\n  EntityFollowButton,\n  TagFollowButton,\n  WriteArticleButton,\n} from '../Buttons';\nimport Collapse from '@mui/material/Collapse';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport FilterList from '@mui/icons-material/FilterList';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostsGridContent } from './PostsGridContent';\nimport { capitalize } from 'lodash';\nimport {\n  PaginatedPostsProps,\n  usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\nexport type PostGridProps = PaginatedPostsProps & { allowRanking?: boolean };\n\nexport const PostsGrid = (props: PostGridProps) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showNoQuestionsBtn,\n    allowRanking,\n  } = props;\n  const { t } = useTranslation();\n  const {\n    onSearchQueryChange,\n    filters,\n    response,\n    loading,\n    error,\n    setShowFilterPanel,\n    showFilterPanel,\n    onFilterChange,\n    onPageSizeChange,\n    postsPerPage,\n    page,\n    pageCount,\n    onPageChange,\n    retry,\n  } = usePaginatedPosts(props);\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n  let shownTitle = title;\n  let link = undefined;\n  let btn = undefined;\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', { itemType });\n  }\n\n  return (\n    <Box className=\"qetaPostsGrid\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaPostsGridTitle\"\n          style={{ marginBottom: '1.5rem' }}\n        >\n          {shownTitle} {link} {btn}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('postsContainer.search.label', {\n              itemType: itemType.toLowerCase(),\n            })}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showWriteButton && (\n          <Grid item>\n            <WriteArticleButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography\n              variant=\"h6\"\n              className=\"qetaPostsContainerQuestionCount\"\n            >\n              {t('common.posts', { count: response?.total ?? 0, itemType })}\n            </Typography>\n          </Grid>\n        )}\n        {response && (showFilters ?? true) && (\n          <Grid item>\n            <Button\n              onClick={() => setShowFilterPanel(!showFilterPanel)}\n              className=\"qetaPostsContainerFilterPanelBtn\"\n              startIcon={<FilterList />}\n            >\n              {t('filterPanel.filterButton')}\n            </Button>\n          </Grid>\n        )}\n      </Grid>\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel<PostFilters>\n            onChange={onFilterChange}\n            filters={filters}\n            type={type}\n          />\n        </Collapse>\n      )}\n      <PostsGridContent\n        loading={loading}\n        error={error}\n        response={response}\n        entity={entity}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        onPageSizeChange={onPageSizeChange}\n        pageSize={postsPerPage}\n        entityPage={entity !== undefined}\n        tags={tags}\n        type={type}\n        page={page}\n        pageCount={pageCount}\n        onPageChange={onPageChange}\n        onRankUpdate={() => retry()}\n        collectionId={props.collectionId}\n        allowRanking={allowRanking}\n      />\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n  AskQuestionButton,\n  EntityFollowButton,\n  TagFollowButton,\n  WriteArticleButton,\n} from '../Buttons';\nimport Collapse from '@mui/material/Collapse';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport FilterList from '@mui/icons-material/FilterList';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostsGridContent } from './PostsGridContent';\nimport { capitalize } from 'lodash';\nimport {\n  PaginatedPostsProps,\n  usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\nexport type PostGridProps = PaginatedPostsProps & { allowRanking?: boolean };\n\nexport const PostsGrid = (props: PostGridProps) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showNoQuestionsBtn,\n    allowRanking,\n  } = props;\n  const { t } = useTranslation();\n  const {\n    onSearchQueryChange,\n    filters,\n    response,\n    loading,\n    error,\n    setShowFilterPanel,\n    showFilterPanel,\n    onFilterChange,\n    onPageSizeChange,\n    postsPerPage,\n    page,\n    pageCount,\n    onPageChange,\n    retry,\n  } = usePaginatedPosts(props);\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n  let shownTitle = title;\n  let link = undefined;\n  let btn = undefined;\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', { itemType });\n  }\n\n  return (\n    <Box className=\"qetaPostsGrid\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaPostsGridTitle\"\n          style={{ marginBottom: '1.5em' }}\n        >\n          {shownTitle} {link} {btn}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('postsContainer.search.label', {\n              itemType: itemType.toLowerCase(),\n            })}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showWriteButton && (\n          <Grid item>\n            <WriteArticleButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography\n              variant=\"h6\"\n              className=\"qetaPostsContainerQuestionCount\"\n            >\n              {t('common.posts', { count: response?.total ?? 0, itemType })}\n            </Typography>\n          </Grid>\n        )}\n        {response && (showFilters ?? true) && (\n          <Grid item>\n            <Button\n              onClick={() => setShowFilterPanel(!showFilterPanel)}\n              className=\"qetaPostsContainerFilterPanelBtn\"\n              startIcon={<FilterList />}\n            >\n              {t('filterPanel.filterButton')}\n            </Button>\n          </Grid>\n        )}\n      </Grid>\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel<PostFilters>\n            onChange={onFilterChange}\n            filters={filters}\n            type={type}\n          />\n        </Collapse>\n      )}\n      <PostsGridContent\n        loading={loading}\n        error={error}\n        response={response}\n        entity={entity}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        onPageSizeChange={onPageSizeChange}\n        pageSize={postsPerPage}\n        entityPage={entity !== undefined}\n        tags={tags}\n        type={type}\n        page={page}\n        pageCount={pageCount}\n        onPageChange={onPageChange}\n        onRankUpdate={() => retry()}\n        collectionId={props.collectionId}\n        allowRanking={allowRanking}\n      />\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/PostsGrid/PostsGridContent.esm.js

@@ -74,7 +74,7 @@ const PostsGridContent = (props) => {
       container: true,
       direction: "row",
       alignItems: "stretch",
-      style: { marginTop: "1rem" }
+      style: { marginTop: "1em" }
     },
     response.posts.map((p) => {
       return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, key: p.id }, /* @__PURE__ */ React__default.createElement(

package/dist/components/PostsGrid/PostsGridContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostsGridContent.esm.js","sources":["../../../src/components/PostsGrid/PostsGridContent.tsx"],"sourcesContent":["import { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport React, { useRef } from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { NoPostsCard } from '../PostsContainer/NoPostsCard';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport { PostsGridItem } from './PostsGridItem';\nimport { useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { SelectChangeEvent } from '@mui/material/Select';\n\nexport const PostsGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: PostsResponse;\n  entity?: string;\n  tags?: string[];\n  showNoQuestionsBtn?: boolean;\n  onPageSizeChange: (size: number) => void;\n  pageSize: number;\n  entityPage?: boolean;\n  type?: PostType;\n  onPageChange: (page: number) => void;\n  page: number;\n  pageCount: number;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}) => {\n  const {\n    loading,\n    error,\n    response,\n    entity,\n    showNoQuestionsBtn = true,\n    onPageSizeChange,\n    pageSize,\n    entityPage,\n    tags,\n    type,\n    onPageChange,\n    page,\n    pageCount,\n  } = props;\n  const { t } = useTranslation();\n  const gridRef = useRef<HTMLDivElement | null>(null);\n\n  const handlePageChange = (\n    _event: React.ChangeEvent<unknown>,\n    value: number,\n  ) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (event: SelectChangeEvent<number>) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n  };\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  const itemType = (type ?? 'post') as any;\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel\n        severity=\"error\"\n        title={t('postsList.errorLoading', { itemType })}\n      >\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response.posts || response.posts.length === 0) {\n    return (\n      <NoPostsCard\n        showNoPostsBtn={showNoQuestionsBtn}\n        entity={entity}\n        entityPage={entityPage}\n        tags={tags}\n        type={type}\n      />\n    );\n  }\n\n  return (\n    <div ref={gridRef}>\n      <Box sx={{ mt: 2 }} className=\"qetaPostsGrid\">\n        <Grid\n          container\n          direction=\"row\"\n          alignItems=\"stretch\"\n          style={{ marginTop: '1rem' }}\n        >\n          {response.posts.map(p => {\n            return (\n              <Grid item xs={12} key={p.id}>\n                <PostsGridItem\n                  post={p}\n                  type={type}\n                  entity={entity}\n                  allowRanking={props.allowRanking}\n                  onRankUpdate={props.onRankUpdate}\n                  collectionId={props.collectionId}\n                />\n              </Grid>\n            );\n          })}\n        </Grid>\n        <QetaPagination\n          pageSize={pageSize}\n          handlePageChange={handlePageChange}\n          handlePageSizeChange={handlePageSizeChange}\n          page={page}\n          pageCount={pageCount}\n          tooltip={t('postsList.postsPerPage', { itemType })}\n        />\n      </Box>\n    </div>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"PostsGridContent.esm.js","sources":["../../../src/components/PostsGrid/PostsGridContent.tsx"],"sourcesContent":["import { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport React, { useRef } from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { NoPostsCard } from '../PostsContainer/NoPostsCard';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport { PostsGridItem } from './PostsGridItem';\nimport { useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { SelectChangeEvent } from '@mui/material/Select';\n\nexport const PostsGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: PostsResponse;\n  entity?: string;\n  tags?: string[];\n  showNoQuestionsBtn?: boolean;\n  onPageSizeChange: (size: number) => void;\n  pageSize: number;\n  entityPage?: boolean;\n  type?: PostType;\n  onPageChange: (page: number) => void;\n  page: number;\n  pageCount: number;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}) => {\n  const {\n    loading,\n    error,\n    response,\n    entity,\n    showNoQuestionsBtn = true,\n    onPageSizeChange,\n    pageSize,\n    entityPage,\n    tags,\n    type,\n    onPageChange,\n    page,\n    pageCount,\n  } = props;\n  const { t } = useTranslation();\n  const gridRef = useRef<HTMLDivElement | null>(null);\n\n  const handlePageChange = (\n    _event: React.ChangeEvent<unknown>,\n    value: number,\n  ) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (event: SelectChangeEvent<number>) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n  };\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  const itemType = (type ?? 'post') as any;\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel\n        severity=\"error\"\n        title={t('postsList.errorLoading', { itemType })}\n      >\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response.posts || response.posts.length === 0) {\n    return (\n      <NoPostsCard\n        showNoPostsBtn={showNoQuestionsBtn}\n        entity={entity}\n        entityPage={entityPage}\n        tags={tags}\n        type={type}\n      />\n    );\n  }\n\n  return (\n    <div ref={gridRef}>\n      <Box sx={{ mt: 2 }} className=\"qetaPostsGrid\">\n        <Grid\n          container\n          direction=\"row\"\n          alignItems=\"stretch\"\n          style={{ marginTop: '1em' }}\n        >\n          {response.posts.map(p => {\n            return (\n              <Grid item xs={12} key={p.id}>\n                <PostsGridItem\n                  post={p}\n                  type={type}\n                  entity={entity}\n                  allowRanking={props.allowRanking}\n                  onRankUpdate={props.onRankUpdate}\n                  collectionId={props.collectionId}\n                />\n              </Grid>\n            );\n          })}\n        </Grid>\n        <QetaPagination\n          pageSize={pageSize}\n          handlePageChange={handlePageChange}\n          handlePageSizeChange={handlePageSizeChange}\n          page={page}\n          pageCount={pageCount}\n          tooltip={t('postsList.postsPerPage', { itemType })}\n        />\n      </Box>\n    </div>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/PostsGrid/PostsGridItem.esm.js

@@ -66,9 +66,9 @@ const PostsGridItem = (props) => {
       image: post.headerImage,
       alt: post.title
     }
-  ), /* @__PURE__ */ React__default.createElement(CardContent, { style: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React__default.createElement(Typography, { gutterBottom: true, variant: "h6", component: "div" }, post.title), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2", color: "textSecondary", gutterBottom: true }, DOMPurify.sanitize(
+  ), /* @__PURE__ */ React__default.createElement(CardContent, { style: { paddingBottom: "0.5em" } }, /* @__PURE__ */ React__default.createElement(Typography, { gutterBottom: true, variant: "h6", component: "div" }, post.title), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2", color: "textSecondary", gutterBottom: true }, DOMPurify.sanitize(
     truncate(removeMarkdownFormatting(post.content), 400)
-  )))), /* @__PURE__ */ React__default.createElement(CardContent, { style: { paddingTop: "0.5rem" } }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: post }), /* @__PURE__ */ React__default.createElement(Box, { style: { paddingLeft: "0.2rem", paddingTop: "0.5rem" } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, /* @__PURE__ */ React__default.createElement(
+  )))), /* @__PURE__ */ React__default.createElement(CardContent, { style: { paddingTop: "0.5em" } }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: post }), /* @__PURE__ */ React__default.createElement(Box, { style: { paddingLeft: "0.2em", paddingTop: "0.5em" } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, /* @__PURE__ */ React__default.createElement(
     Avatar,
     {
       src: user?.spec?.profile?.picture,
@@ -76,10 +76,10 @@ const PostsGridItem = (props) => {
       variant: "rounded",
       sx: {
         display: "inline-flex !important",
-        marginRight: "0.25rem",
-        fontSize: "1rem",
-        maxWidth: "1rem",
-        maxHeight: "1rem"
+        marginRight: "0.25em",
+        fontSize: "1em",
+        maxWidth: "1em",
+        maxHeight: "1em"
       }
     },
     initials
@@ -89,8 +89,8 @@ const PostsGridItem = (props) => {
       direction: "row",
       spacing: 0,
       style: {
-        paddingRight: "0.2rem",
-        paddingTop: "0.5rem",
+        paddingRight: "0.2em",
+        paddingTop: "0.5em",
         float: "right"
       }
     },

package/dist/components/PostsGrid/PostsGridItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostsGridItem.esm.js","sources":["../../../src/components/PostsGrid/PostsGridItem.tsx"],"sourcesContent":["import {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React, { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CardActionArea from '@mui/material/CardActionArea';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Avatar from '@mui/material/Avatar';\nimport CardMedia from '@mui/material/CardMedia';\nimport DOMPurify from 'dompurify';\nimport { useNavigate } from 'react-router-dom';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { Link } from '@backstage/core-components';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { qetaApiRef } from '../../api';\nimport VerticalAlignTopIcon from '@mui/icons-material/VerticalAlignTop';\nimport VerticalAlignBottomIcon from '@mui/icons-material/VerticalAlignBottom';\nimport KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport Stack from '@mui/material/Stack';\nimport { UserLink } from '../Links';\n\nexport interface PostsGridItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}\n\nexport const PostsGridItem = (props: PostsGridItemProps) => {\n  const { post, entity, allowRanking, onRankUpdate, collectionId } = props;\n  const [views, setViews] = useState(post.views);\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\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 navigate = useNavigate();\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  const rank = (direction: 'top' | 'bottom' | 'up' | 'down') => {\n    if (!collectionId) {\n      return;\n    }\n    qetaApi.rankPostInCollection(collectionId, post.id, direction).then(res => {\n      if (res) {\n        onRankUpdate?.();\n      }\n    });\n  };\n\n  return (\n    <Card style={{ height: '100%' }}>\n      <CardActionArea onClick={() => navigate(href)}>\n        {post.headerImage && (\n          <CardMedia\n            component=\"img\"\n            height=\"140\"\n            image={post.headerImage}\n            alt={post.title}\n          />\n        )}\n        <CardContent style={{ paddingBottom: '0.5rem' }}>\n          <Typography gutterBottom variant=\"h6\" component=\"div\">\n            {post.title}\n          </Typography>\n          <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n            {DOMPurify.sanitize(\n              truncate(removeMarkdownFormatting(post.content), 400),\n            )}\n          </Typography>\n        </CardContent>\n      </CardActionArea>\n      <CardContent style={{ paddingTop: '0.5rem' }}>\n        <TagsAndEntities entity={post} />\n        <Box style={{ paddingLeft: '0.2rem', paddingTop: '0.5rem' }}>\n          <Typography variant=\"caption\">\n            <Avatar\n              src={user?.spec?.profile?.picture}\n              alt={name}\n              variant=\"rounded\"\n              sx={{\n                display: 'inline-flex !important',\n                marginRight: '0.25rem',\n                fontSize: '1rem',\n                maxWidth: '1rem',\n                maxHeight: '1rem',\n              }}\n            >\n              {initials}\n            </Avatar>\n            <UserLink entityRef={post.author} />{' '}\n            <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n              <RelativeTimeWithTooltip value={post.created} />\n            </Link>\n            {' · '}\n            {t('common.views', { count: views })}\n          </Typography>\n        </Box>\n        {allowRanking && (\n          <Stack\n            direction=\"row\"\n            spacing={0}\n            style={{\n              paddingRight: '0.2rem',\n              paddingTop: '0.5rem',\n              float: 'right',\n            }}\n          >\n            <Tooltip title={t('ranking.top')}>\n              <IconButton size=\"small\" onClick={() => rank('top')}>\n                <VerticalAlignTopIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title={t('ranking.up')}>\n              <IconButton size=\"small\" onClick={() => rank('up')}>\n                <KeyboardArrowUpIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title={t('ranking.down')}>\n              <IconButton size=\"small\" onClick={() => rank('down')}>\n                <KeyboardArrowDownIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title={t('ranking.bottom')}>\n              <IconButton size=\"small\" onClick={() => rank('bottom')}>\n                <VerticalAlignBottomIcon />\n              </IconButton>\n            </Tooltip>\n          </Stack>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"PostsGridItem.esm.js","sources":["../../../src/components/PostsGrid/PostsGridItem.tsx"],"sourcesContent":["import {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React, { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CardActionArea from '@mui/material/CardActionArea';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Avatar from '@mui/material/Avatar';\nimport CardMedia from '@mui/material/CardMedia';\nimport DOMPurify from 'dompurify';\nimport { useNavigate } from 'react-router-dom';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { Link } from '@backstage/core-components';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { qetaApiRef } from '../../api';\nimport VerticalAlignTopIcon from '@mui/icons-material/VerticalAlignTop';\nimport VerticalAlignBottomIcon from '@mui/icons-material/VerticalAlignBottom';\nimport KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport Stack from '@mui/material/Stack';\nimport { UserLink } from '../Links';\n\nexport interface PostsGridItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}\n\nexport const PostsGridItem = (props: PostsGridItemProps) => {\n  const { post, entity, allowRanking, onRankUpdate, collectionId } = props;\n  const [views, setViews] = useState(post.views);\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\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 navigate = useNavigate();\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  const rank = (direction: 'top' | 'bottom' | 'up' | 'down') => {\n    if (!collectionId) {\n      return;\n    }\n    qetaApi.rankPostInCollection(collectionId, post.id, direction).then(res => {\n      if (res) {\n        onRankUpdate?.();\n      }\n    });\n  };\n\n  return (\n    <Card style={{ height: '100%' }}>\n      <CardActionArea onClick={() => navigate(href)}>\n        {post.headerImage && (\n          <CardMedia\n            component=\"img\"\n            height=\"140\"\n            image={post.headerImage}\n            alt={post.title}\n          />\n        )}\n        <CardContent style={{ paddingBottom: '0.5em' }}>\n          <Typography gutterBottom variant=\"h6\" component=\"div\">\n            {post.title}\n          </Typography>\n          <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n            {DOMPurify.sanitize(\n              truncate(removeMarkdownFormatting(post.content), 400),\n            )}\n          </Typography>\n        </CardContent>\n      </CardActionArea>\n      <CardContent style={{ paddingTop: '0.5em' }}>\n        <TagsAndEntities entity={post} />\n        <Box style={{ paddingLeft: '0.2em', paddingTop: '0.5em' }}>\n          <Typography variant=\"caption\">\n            <Avatar\n              src={user?.spec?.profile?.picture}\n              alt={name}\n              variant=\"rounded\"\n              sx={{\n                display: 'inline-flex !important',\n                marginRight: '0.25em',\n                fontSize: '1em',\n                maxWidth: '1em',\n                maxHeight: '1em',\n              }}\n            >\n              {initials}\n            </Avatar>\n            <UserLink entityRef={post.author} />{' '}\n            <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n              <RelativeTimeWithTooltip value={post.created} />\n            </Link>\n            {' · '}\n            {t('common.views', { count: views })}\n          </Typography>\n        </Box>\n        {allowRanking && (\n          <Stack\n            direction=\"row\"\n            spacing={0}\n            style={{\n              paddingRight: '0.2em',\n              paddingTop: '0.5em',\n              float: 'right',\n            }}\n          >\n            <Tooltip title={t('ranking.top')}>\n              <IconButton size=\"small\" onClick={() => rank('top')}>\n                <VerticalAlignTopIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title={t('ranking.up')}>\n              <IconButton size=\"small\" onClick={() => rank('up')}>\n                <KeyboardArrowUpIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title={t('ranking.down')}>\n              <IconButton size=\"small\" onClick={() => rank('down')}>\n                <KeyboardArrowDownIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title={t('ranking.bottom')}>\n              <IconButton size=\"small\" onClick={() => rank('bottom')}>\n                <VerticalAlignBottomIcon />\n              </IconButton>\n            </Tooltip>\n          </Stack>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["React"],"mappings":"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"}