@drodil/backstage-plugin-qeta-react 3.25.1 → 3.27.0

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

@@ -1 +1 @@
-{"version":3,"file":"NoPostsCard.esm.js","sources":["../../../src/components/PostsContainer/NoPostsCard.tsx"],"sourcesContent":["import { LinkButton } from '@backstage/core-components';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { askRouteRef, writeRouteRef } from '../../routes';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport CreateIcon from '@material-ui/icons/Create';\nimport { useTranslation } from '../../hooks';\nimport { useEntityQueryParameter } from '../../hooks/useEntityQueryParameter';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\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) ?? 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                  queryParams.size > 0\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAUa,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,uBAAwB,CAAA,MAAM,CAAK,IAAA,MAAA;AAErD,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,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,IAAA;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,MAEV,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,kBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EACjB,YAAE,wBAA0B,EAAA;AAAA,UAC3B;AAAA,SACD,GACH,CACF,EAAA,CAAA;AAAA,QACC,cACC,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EACE,EAAA,WAAA,CAAY,IAAO,GAAA,CAAA,GACf,GAAG,KAAM,EAAC,CAAI,CAAA,EAAA,WAAA,CAAY,QAAS,EAAC,CACpC,CAAA,GAAA,CAAA,EAAG,OAAO,CAAA,CAAA;AAAA,YAEhB,WACE,IAAS,KAAA,SAAA,uBAAa,UAAW,EAAA,EAAA,CAAA,uBAAM,WAAY,EAAA,EAAA,CAAA;AAAA,YAErD,KAAM,EAAA,SAAA;AAAA,YACN,OAAQ,EAAA,UAAA;AAAA,YAEP,YAAE,6BAA6B;AAAA;AAAA,SAEpC,EAAA;AAAA;AAAA;AAAA,KAGN,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NoPostsCard.esm.js","sources":["../../../src/components/PostsContainer/NoPostsCard.tsx"],"sourcesContent":["import { LinkButton } from '@backstage/core-components';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { askRouteRef, writeRouteRef } from '../../routes';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport CreateIcon from '@material-ui/icons/Create';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useEntityQueryParameter } from '../../hooks/useEntityQueryParameter';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\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 } = useTranslationRef(qetaTranslationRef);\n  const entityRef = useEntityQueryParameter(entity) ?? 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                  queryParams.size > 0\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":[],"mappings":";;;;;;;;;;;AAWa,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,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,SAAA,GAAY,uBAAwB,CAAA,MAAM,CAAK,IAAA,MAAA;AAErD,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,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,IAAA;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,MAEV,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,kBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EACjB,YAAE,wBAA0B,EAAA;AAAA,UAC3B;AAAA,SACD,GACH,CACF,EAAA,CAAA;AAAA,QACC,cACC,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EACE,EAAA,WAAA,CAAY,IAAO,GAAA,CAAA,GACf,GAAG,KAAM,EAAC,CAAI,CAAA,EAAA,WAAA,CAAY,QAAS,EAAC,CACpC,CAAA,GAAA,CAAA,EAAG,OAAO,CAAA,CAAA;AAAA,YAEhB,WACE,IAAS,KAAA,SAAA,uBAAa,UAAW,EAAA,EAAA,CAAA,uBAAM,WAAY,EAAA,EAAA,CAAA;AAAA,YAErD,KAAM,EAAA,SAAA;AAAA,YACN,OAAQ,EAAA,UAAA;AAAA,YAEP,YAAE,6BAA6B;AAAA;AAAA,SAEpC,EAAA;AAAA;AAAA;AAAA,KAGN,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -3,17 +3,8 @@ import { WarningPanel } from '@backstage/core-components';
 import { useRef } from 'react';
 import { PostListItem } from './PostListItem.esm.js';
 import { NoPostsCard } from './NoPostsCard.esm.js';
-import '@backstage/core-plugin-api';
-import '../../api.esm.js';
-import 'react-use';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { QetaPagination } from '../QetaPagination/QetaPagination.esm.js';
 import { LoadingGrid } from '../LoadingGrid/LoadingGrid.esm.js';
 import { Box, Card, Grid, Divider } from '@material-ui/core';
@@ -33,7 +24,7 @@ const PostList = (props) => {
     type
   } = props;
   const listRef = useRef(null);
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const handlePageChange = (_event, value) => {
     if (listRef.current) {
       listRef.current.scrollIntoView();

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 { ChangeEvent, 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 { Box, Card, Divider, Grid } from '@material-ui/core';\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 = (_event: ChangeEvent<unknown>, value: number) => {\n    if (listRef.current) {\n      listRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (event: ChangeEvent<{ value: unknown }>) => {\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}>\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":[],"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 { ChangeEvent, useRef } from 'react';\nimport { PostListItem } from './PostListItem';\nimport { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { NoPostsCard } from './NoPostsCard';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Box, Card, Divider, Grid } from '@material-ui/core';\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 } = useTranslationRef(qetaTranslationRef);\n\n  const handlePageChange = (_event: ChangeEvent<unknown>, value: number) => {\n    if (listRef.current) {\n      listRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (event: ChangeEvent<{ value: unknown }>) => {\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}>\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":[],"mappings":"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"}

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

@@ -13,13 +13,9 @@ import { FavoriteButton } from '../Buttons/FavoriteButton.esm.js';
 import { capitalize } from 'lodash';
 import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
 import HelpOutlined from '@material-ui/icons/HelpOutlined';
-import '../../api.esm.js';
-import 'react-use';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { useEntityAuthor } from '../../hooks/useEntityAuthor.esm.js';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@backstage/plugin-permission-common';
 import { VoteButtonContainer } from '../Utility/VoteButtonContainer.esm.js';
 import { UserLink } from '../Links/Links.esm.js';
 import { makeStyles, useTheme, Grid, Chip, Typography } from '@material-ui/core';
@@ -27,9 +23,10 @@ import { SmallAvatar } from '../Utility/SmallAvatar.esm.js';
 
 const useStyles = makeStyles(() => ({
   author: {
-    float: "right",
     alignItems: "center",
-    display: "flex"
+    display: "flex",
+    height: "24px",
+    marginBottom: "8px"
   },
   timestamp: {
     marginLeft: "0.3em"
@@ -40,7 +37,7 @@ const PostListItem = (props) => {
   const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);
   const [answersCount, setAnswersCount] = useState(post.answersCount);
   const [views, setViews] = useState(post.views);
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const styles = useStyles();
   const { lastSignal } = useSignal(`qeta:post_${post.id}`);
   useEffect(() => {
@@ -74,53 +71,81 @@ const PostListItem = (props) => {
           Grid,
           {
             item: true,
-            style: { display: "inline-block", width: "calc(100% - 80px)" },
+            style: { display: "inline-block", width: "calc(100% - 53px)" },
             children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
               /* @__PURE__ */ jsxs(
                 Grid,
                 {
                   item: true,
+                  container: true,
+                  alignItems: "center",
+                  spacing: 0,
+                  justifyContent: "space-between",
                   xs: 12,
                   style: {
                     paddingTop: "0.3em",
-                    paddingBottom: "0.4em",
+                    paddingBottom: "0.0em",
                     marginLeft: "-0.2em"
                   },
                   children: [
-                    type === void 0 && /* @__PURE__ */ jsx(
-                      Chip,
-                      {
-                        color: "secondary",
-                        size: "small",
-                        label: `${capitalize(post.type)}`,
-                        icon: post.type === "question" ? /* @__PURE__ */ jsx(HelpOutlined, {}) : /* @__PURE__ */ jsx(CollectionsBookmarkIcon, {})
-                      }
-                    ),
-                    post.type === "question" && /* @__PURE__ */ jsx(
-                      Chip,
-                      {
-                        variant: "outlined",
-                        size: "small",
-                        style: {
-                          userSelect: "none",
-                          // eslint-disable-next-line no-nested-ternary
-                          borderColor: correctAnswer ? theme.palette.success.main : answersCount === 0 ? theme.palette.warning.main : void 0
-                        },
-                        label: t("common.answers", {
-                          count: answersCount
-                        })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Chip,
+                    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+                      type === void 0 && /* @__PURE__ */ jsx(
+                        Chip,
+                        {
+                          color: "secondary",
+                          size: "small",
+                          label: `${capitalize(post.type)}`,
+                          icon: post.type === "question" ? /* @__PURE__ */ jsx(HelpOutlined, {}) : /* @__PURE__ */ jsx(CollectionsBookmarkIcon, {})
+                        }
+                      ),
+                      post.type === "question" && /* @__PURE__ */ jsx(
+                        Chip,
+                        {
+                          variant: "outlined",
+                          size: "small",
+                          style: {
+                            userSelect: "none",
+                            // eslint-disable-next-line no-nested-ternary
+                            borderColor: correctAnswer ? theme.palette.success.main : answersCount === 0 ? theme.palette.warning.main : void 0
+                          },
+                          label: t("common.answers", {
+                            count: answersCount
+                          })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Chip,
+                        {
+                          variant: "outlined",
+                          size: "small",
+                          label: t("common.viewsShort", {
+                            count: views
+                          })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(
+                      Typography,
                       {
-                        variant: "outlined",
-                        size: "small",
-                        label: t("common.viewsShort", {
-                          count: views
-                        })
+                        variant: "caption",
+                        display: "inline",
+                        className: styles.author,
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            SmallAvatar,
+                            {
+                              src: user?.spec?.profile?.picture,
+                              alt: name,
+                              variant: "rounded",
+                              children: initials
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(UserLink, { entityRef: post.author, anonymous: post.anonymous }),
+                          " ",
+                          /* @__PURE__ */ jsx(Link, { to: href, className: styles.timestamp, children: /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: post.created }) })
+                        ]
                       }
-                    )
+                    ) })
                   ]
                 }
               ),
@@ -129,42 +154,18 @@ const PostListItem = (props) => {
                 /* @__PURE__ */ jsx(
                   Typography,
                   {
-                    variant: "caption",
+                    variant: "body2",
                     noWrap: true,
                     component: "div",
                     className: "qetaPostListItemContent",
-                    style: { marginBottom: "5px" },
+                    style: { marginTop: "0.6em" },
                     children: DOMPurify.sanitize(
                       truncate(removeMarkdownFormatting(post.content), 150)
                     )
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-                /* @__PURE__ */ jsx(TagsAndEntities, { entity: post }),
-                /* @__PURE__ */ jsxs(
-                  Typography,
-                  {
-                    variant: "caption",
-                    display: "inline",
-                    className: styles.author,
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        SmallAvatar,
-                        {
-                          src: user?.spec?.profile?.picture,
-                          alt: name,
-                          variant: "rounded",
-                          children: initials
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(UserLink, { entityRef: post.author, anonymous: post.anonymous }),
-                      " ",
-                      /* @__PURE__ */ jsx(Link, { to: href, className: styles.timestamp, children: /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: post.created }) })
-                    ]
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(TagsAndEntities, { entity: post }) })
             ] })
           }
         )

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 { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport { UserLink } from '../Links';\nimport {\n  Chip,\n  Grid,\n  makeStyles,\n  Typography,\n  useTheme,\n} from '@material-ui/core';\nimport { SmallAvatar } from '../Utility/SmallAvatar';\n\nexport interface PostListItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n}\n\nconst useStyles = makeStyles(() => ({\n  author: {\n    float: 'right',\n    alignItems: 'center',\n    display: 'flex',\n  },\n  timestamp: {\n    marginLeft: '0.3em',\n  },\n}));\n\nexport const PostListItem = (props: PostListItemProps) => {\n  const { post, entity, type } = props;\n\n  const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(post.answersCount);\n  const [views, setViews] = useState(post.views);\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setViews(lastSignal.views);\n    }\n  }, [lastSignal]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const { name, initials, user } = useEntityAuthor(post);\n  const theme = useTheme();\n\n  const route = post.type === 'question' ? questionRoute : articleRoute;\n  const href = entity\n    ? `${route({\n        id: post.id.toString(10),\n      })}?entity=${entity}`\n    : route({ id: post.id.toString(10) });\n\n  return (\n    <Grid\n      container\n      spacing={2}\n      justifyContent=\"flex-start\"\n      style={{ padding: '0.7em', paddingBottom: '1.0em' }}\n    >\n      <Grid item style={{ paddingTop: '0px' }}>\n        <VoteButtonContainer>\n          <VoteButtons entity={post} />\n          <FavoriteButton entity={post} />\n        </VoteButtonContainer>\n      </Grid>\n      <Grid\n        item\n        style={{ display: 'inline-block', width: 'calc(100% - 80px)' }}\n      >\n        <Grid container>\n          <Grid\n            item\n            xs={12}\n            style={{\n              paddingTop: '0.3em',\n              paddingBottom: '0.4em',\n              marginLeft: '-0.2em',\n            }}\n          >\n            {type === undefined && (\n              <Chip\n                color=\"secondary\"\n                size=\"small\"\n                label={`${capitalize(post.type)}`}\n                icon={\n                  post.type === 'question' ? (\n                    <HelpOutlined />\n                  ) : (\n                    <CollectionsBookmarkIcon />\n                  )\n                }\n              />\n            )}\n            {post.type === 'question' && (\n              <Chip\n                variant=\"outlined\"\n                size=\"small\"\n                style={{\n                  userSelect: 'none',\n                  // eslint-disable-next-line no-nested-ternary\n                  borderColor: correctAnswer\n                    ? theme.palette.success.main\n                    : answersCount === 0\n                    ? theme.palette.warning.main\n                    : undefined,\n                }}\n                label={t('common.answers', {\n                  count: answersCount,\n                })}\n              />\n            )}\n            <Chip\n              variant=\"outlined\"\n              size=\"small\"\n              label={t('common.viewsShort', {\n                count: views,\n              })}\n            />\n          </Grid>\n          <Grid item xs={12} style={{ paddingTop: '0px' }}>\n            <Typography variant=\"h5\" component=\"div\">\n              <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n                {post.title}\n              </Link>\n            </Typography>\n            <Typography\n              variant=\"caption\"\n              noWrap\n              component=\"div\"\n              className=\"qetaPostListItemContent\"\n              style={{ marginBottom: '5px' }}\n            >\n              {DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(post.content), 150),\n              )}\n            </Typography>\n          </Grid>\n          <Grid item xs={12}>\n            <TagsAndEntities entity={post} />\n            <Typography\n              variant=\"caption\"\n              display=\"inline\"\n              className={styles.author}\n            >\n              <SmallAvatar\n                src={user?.spec?.profile?.picture}\n                alt={name}\n                variant=\"rounded\"\n              >\n                {initials}\n              </SmallAvatar>\n              <UserLink entityRef={post.author} 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>\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    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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"}

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

@@ -11,18 +11,19 @@ import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/core-components';
 import '@backstage/core-plugin-api';
 import '../../routes.esm.js';
-import '../../api.esm.js';
-import 'react-use';
-import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import 'react-use/lib/useAsync';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import '@backstage/plugin-permission-react';
 import '@backstage/plugin-permission-common';
+import 'react';
 import { Box, Typography, Grid, Button, Collapse } from '@material-ui/core';
 import '@material-ui/icons/AddCircle';
 import '@material-ui/icons/RemoveCircle';
+import '../../api.esm.js';
+import 'react-use';
+import '@backstage/catalog-model';
+import 'dataloader';
+import 'react-use/lib/useAsync';
 import '@material-ui/icons/Visibility';
 import '@material-ui/icons/VisibilityOff';
 import '../Buttons/ButtonContainer.esm.js';
@@ -60,7 +61,7 @@ const PostsContainer = (props) => {
     postsPerPage,
     pageCount
   } = usePaginatedPosts(props);
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const itemType = capitalize(t(`common.${type ?? "post"}`, {}));
   let shownTitle = title;
   let link = void 0;

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

@@ -1 +1 @@
-{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import {\n  CommonFilterPanelProps,\n  FilterPanel,\n  PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { PostList } from './PostList';\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';\nimport { Box, Button, Collapse, Grid, Typography } from '@material-ui/core';\nimport FilterList from '@material-ui/icons/FilterList';\n\nexport const PostsContainer = (\n  props: PaginatedPostsProps & {\n    entity?: string;\n    filterPanelProps?: CommonFilterPanelProps;\n  },\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            loading={loading}\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            showEntityFilter={entity === undefined}\n            {...props.filterPanelProps}\n          />\n        </Collapse>\n      )}\n      <PostList\n        loading={loading}\n        error={error}\n        response={response}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n        entity={entity ?? filters.entity}\n        page={page}\n        pageSize={postsPerPage}\n        pageCount={pageCount}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        entityPage={entity !== undefined}\n        tags={tags ?? filters.tags}\n        type={type}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import {\n  CommonFilterPanelProps,\n  FilterPanel,\n  PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { PostList } from './PostList';\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 { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { SearchBar } from '../SearchBar/SearchBar';\nimport { Box, Button, Collapse, Grid, Typography } from '@material-ui/core';\nimport FilterList from '@material-ui/icons/FilterList';\n\nexport const PostsContainer = (\n  props: PaginatedPostsProps & {\n    entity?: string;\n    filterPanelProps?: CommonFilterPanelProps;\n  },\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 } = useTranslationRef(qetaTranslationRef);\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            loading={loading}\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            showEntityFilter={entity === undefined}\n            {...props.filterPanelProps}\n          />\n        </Collapse>\n      )}\n      <PostList\n        loading={loading}\n        error={error}\n        response={response}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n        entity={entity ?? filters.entity}\n        page={page}\n        pageSize={postsPerPage}\n        pageCount={pageCount}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        entityPage={entity !== undefined}\n        tags={tags ?? filters.tags}\n        type={type}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -9,18 +9,19 @@ import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/core-components';
 import '@backstage/core-plugin-api';
 import '../../routes.esm.js';
-import '../../api.esm.js';
-import 'react-use';
-import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import 'react-use/lib/useAsync';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import '@backstage/plugin-permission-react';
 import '@backstage/plugin-permission-common';
+import 'react';
 import { Box, Typography, Grid, Button, Collapse } from '@material-ui/core';
 import '@material-ui/icons/AddCircle';
 import '@material-ui/icons/RemoveCircle';
+import '../../api.esm.js';
+import 'react-use';
+import '@backstage/catalog-model';
+import 'dataloader';
+import 'react-use/lib/useAsync';
 import '@material-ui/icons/Visibility';
 import '@material-ui/icons/VisibilityOff';
 import '../Buttons/ButtonContainer.esm.js';
@@ -46,7 +47,7 @@ const PostsGrid = (props) => {
     showNoQuestionsBtn,
     allowRanking
   } = props;
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const {
     onSearchQueryChange,
     filters,

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

@@ -1 +1 @@
-{"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n  AskQuestionButton,\n  EntityFollowButton,\n  TagFollowButton,\n  WriteArticleButton,\n} from '../Buttons';\nimport FilterList from '@material-ui/icons/FilterList';\nimport {\n  CommonFilterPanelProps,\n  FilterPanel,\n  PostFilters,\n} 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';\nimport { Box, Button, Collapse, Grid, Typography } from '@material-ui/core';\n\nexport type PostGridProps = PaginatedPostsProps & {\n  allowRanking?: boolean;\n  filterPanelProps?: CommonFilterPanelProps;\n};\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            loading={loading}\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            {...props.filterPanelProps}\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":[],"mappings":"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"}
+{"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n  AskQuestionButton,\n  EntityFollowButton,\n  TagFollowButton,\n  WriteArticleButton,\n} from '../Buttons';\nimport FilterList from '@material-ui/icons/FilterList';\nimport {\n  CommonFilterPanelProps,\n  FilterPanel,\n  PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { PostsGridContent } from './PostsGridContent';\nimport { capitalize } from 'lodash';\nimport {\n  PaginatedPostsProps,\n  usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { SearchBar } from '../SearchBar/SearchBar';\nimport { Box, Button, Collapse, Grid, Typography } from '@material-ui/core';\n\nexport type PostGridProps = PaginatedPostsProps & {\n  allowRanking?: boolean;\n  filterPanelProps?: CommonFilterPanelProps;\n};\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 } = useTranslationRef(qetaTranslationRef);\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            loading={loading}\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            {...props.filterPanelProps}\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":[],"mappings":"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"}

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

@@ -4,17 +4,8 @@ import { WarningPanel } from '@backstage/core-components';
 import { NoPostsCard } from '../PostsContainer/NoPostsCard.esm.js';
 import { Box, Grid } from '@material-ui/core';
 import { PostsGridItem } from './PostsGridItem.esm.js';
-import '@backstage/core-plugin-api';
-import '../../api.esm.js';
-import 'react-use';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { QetaPagination } from '../QetaPagination/QetaPagination.esm.js';
 import { LoadingGrid } from '../LoadingGrid/LoadingGrid.esm.js';
 
@@ -34,7 +25,7 @@ const PostsGridContent = (props) => {
     page,
     pageCount
   } = props;
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const gridRef = useRef(null);
   const handlePageChange = (_event, value) => {
     if (gridRef.current) {

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 { ChangeEvent, useRef } from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { NoPostsCard } from '../PostsContainer/NoPostsCard';\nimport { Box, Grid } from '@material-ui/core';\nimport { PostsGridItem } from './PostsGridItem';\nimport { useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\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 = (_event: ChangeEvent<unknown>, value: number) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (event: ChangeEvent<{ value: unknown }>) => {\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":[],"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 { ChangeEvent, useRef } from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { NoPostsCard } from '../PostsContainer/NoPostsCard';\nimport { Box, Grid } from '@material-ui/core';\nimport { PostsGridItem } from './PostsGridItem';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\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 } = useTranslationRef(qetaTranslationRef);\n  const gridRef = useRef<HTMLDivElement | null>(null);\n\n  const handlePageChange = (_event: ChangeEvent<unknown>, value: number) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (event: ChangeEvent<{ value: unknown }>) => {\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":[],"mappings":"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"}