@drodil/backstage-plugin-qeta 3.48.1 → 3.49.0

package/dist/components/EntityPage/EntityPage.esm.js

@@ -1,137 +1,124 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { ContentHeader } from '@backstage/core-components';
 import { useParams } from 'react-router-dom';
-import { qetaTranslationRef, qetaApiRef, EntityFollowButton, ButtonContainer, AskQuestionButton, WriteArticleButton, CreateLinkButton, PostsGrid, PostsContainer, EntitiesGrid, FollowedEntitiesList, PostHighlightList, PostHighlightListContainer } from '@drodil/backstage-plugin-qeta-react';
-import Whatshot from '@material-ui/icons/Whatshot';
-import { useApi, alertApiRef } from '@backstage/core-plugin-api';
-import { EntityRefLink } from '@backstage/plugin-catalog-react';
-import { Grid, Typography, Card, CardContent } from '@material-ui/core';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { useApi } from '@backstage/core-plugin-api';
+import { qetaTranslationRef, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, EntitiesGrid, useQetaApi, EntityFollowButton, ContentHeaderCard, PostsGrid, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import { useEntityPresentation, catalogApiRef, EntityRefLink } from '@backstage/plugin-catalog-react';
+import CategoryOutlined from '@material-ui/icons/CategoryOutlined';
+import QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';
+import PeopleIcon from '@material-ui/icons/People';
+import { Skeleton } from '@material-ui/lab';
+import { WarningPanel } from '@backstage/core-components';
 
-const EntityPage = () => {
-  const { entityRef } = useParams();
+const SingleEntityPage = ({ entityRef }) => {
   const { t } = useTranslationRef(qetaTranslationRef);
-  const [resp, setResp] = useState();
   const [view, setView] = useState("list");
-  const qetaApi = useApi(qetaApiRef);
-  const alertApi = useApi(alertApiRef);
+  const [entity, setEntity] = useState(void 0);
+  const { Icon } = useEntityPresentation(entityRef);
+  const catalogApi = useApi(catalogApiRef);
   useEffect(() => {
-    if (!entityRef) {
-      setResp(void 0);
-      return;
-    }
-    qetaApi.getEntity(entityRef).then((res) => {
-      if (res) {
-        setResp(res);
-      }
-    }).catch((e) => {
-      alertApi.post({
-        message: e.message,
-        severity: "error",
-        display: "transient"
-      });
-    });
-  }, [qetaApi, entityRef, alertApi]);
-  let shownTitle = t("entitiesPage.defaultTitle");
-  let link = void 0;
-  if (entityRef) {
-    shownTitle = "";
-    link = /* @__PURE__ */ jsx(EntityRefLink, { entityRef });
+    catalogApi.getEntityByRef(entityRef).then((e) => setEntity(e));
+  }, [catalogApi, entityRef]);
+  const {
+    value: resp,
+    loading,
+    error
+  } = useQetaApi((api) => api.getEntity(entityRef), [entityRef]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 200 });
   }
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, children: [
-    /* @__PURE__ */ jsxs(Grid, { item: true, md: 12, lg: 9, xl: 10, children: [
-      /* @__PURE__ */ jsx(
-        ContentHeader,
-        {
-          titleComponent: /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center" }, children: [
-            /* @__PURE__ */ jsxs(
-              Typography,
-              {
-                variant: "h5",
-                component: "h2",
-                style: { marginRight: "0.5em" },
-                children: [
-                  shownTitle,
-                  " ",
-                  link
-                ]
-              }
-            ),
-            entityRef && /* @__PURE__ */ jsx(EntityFollowButton, { entityRef })
-          ] }),
-          children: /* @__PURE__ */ jsxs(ButtonContainer, { children: [
-            /* @__PURE__ */ jsx(AskQuestionButton, { entity: entityRef }),
-            /* @__PURE__ */ jsx(WriteArticleButton, { entity: entityRef }),
-            /* @__PURE__ */ jsx(CreateLinkButton, { entity: entityRef })
-          ] })
-        }
-      ),
-      resp && /* @__PURE__ */ jsx(Card, { variant: "outlined", style: { marginBottom: "1em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
-        t("common.posts", {
-          count: resp.postsCount,
-          itemType: "post"
-        }),
-        " \xB7 ",
-        t("common.followers", { count: resp.followerCount })
-      ] }) }) }),
-      entityRef && (view === "grid" ? /* @__PURE__ */ jsx(
-        PostsGrid,
-        {
-          entity: entityRef,
-          filterPanelProps: { showEntityFilter: false },
-          view,
-          onViewChange: setView
-        }
-      ) : /* @__PURE__ */ jsx(
-        PostsContainer,
-        {
-          entity: entityRef,
-          filterPanelProps: { showEntityFilter: false },
-          view,
-          showTypeLabel: true,
-          onViewChange: setView
-        }
-      )),
-      !entityRef && /* @__PURE__ */ jsx(EntitiesGrid, {})
-    ] }),
-    /* @__PURE__ */ jsxs(Grid, { item: true, lg: 3, xl: 2, children: [
-      /* @__PURE__ */ jsx(FollowedEntitiesList, {}),
-      resp && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          PostHighlightList,
-          {
-            type: "hot",
-            title: t("highlights.hotQuestions.title"),
-            noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-            icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
-            options: { entities: [resp.entityRef] },
-            postType: "question"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          PostHighlightList,
+  if (error || !resp) {
+    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("questionPage.errorLoading"), children: error?.message });
+  }
+  const title = /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
+    /* @__PURE__ */ jsx(
+      EntityRefLink,
+      {
+        entityRef: resp.entityRef,
+        defaultKind: "Component",
+        hideIcon: true
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { style: { marginLeft: "0.5em", display: "flex" }, children: /* @__PURE__ */ jsx(EntityFollowButton, { entityRef: resp.entityRef }) })
+  ] });
+  const description = `${entity?.kind} ${entity?.spec?.type ? `(${entity?.spec?.type})` : ""}`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      ContentHeader,
+      {
+        title,
+        titleIcon: /* @__PURE__ */ jsx(CategoryOutlined, { fontSize: "large" }),
+        description,
+        children: [
+          /* @__PURE__ */ jsx(AskQuestionButton, { entity: resp.entityRef }),
+          /* @__PURE__ */ jsx(WriteArticleButton, { entity: resp.entityRef }),
+          /* @__PURE__ */ jsx(CreateLinkButton, { entity: resp.entityRef })
+        ]
+      }
+    ),
+    resp && /* @__PURE__ */ jsx(
+      ContentHeaderCard,
+      {
+        description: entity?.metadata?.description,
+        imageIcon: Icon ? /* @__PURE__ */ jsx("div", { style: { fontSize: "80px", display: "flex" }, children: /* @__PURE__ */ jsx(Icon, { fontSize: "inherit" }) }) : /* @__PURE__ */ jsx(CategoryOutlined, { style: { fontSize: 80 } }),
+        stats: [
           {
-            type: "unanswered",
-            title: t("highlights.unanswered.title"),
-            noQuestionsLabel: t("highlights.unanswered.noQuestionsLabel"),
-            options: { entities: [resp.entityRef] },
-            postType: "question"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          PostHighlightList,
+            label: t("common.postsLabel", {
+              count: resp.postsCount,
+              itemType: "post"
+            }),
+            value: resp.postsCount,
+            icon: /* @__PURE__ */ jsx(QuestionAnswerIcon, { fontSize: "small" })
+          },
           {
-            type: "incorrect",
-            title: t("highlights.incorrect.title"),
-            noQuestionsLabel: t("highlights.incorrect.noQuestionsLabel"),
-            options: { entities: [resp.entityRef] },
-            postType: "question"
+            label: t("common.followersLabel", { count: resp.followerCount }),
+            value: resp.followerCount,
+            icon: /* @__PURE__ */ jsx(PeopleIcon, { fontSize: "small" })
           }
-        )
-      ] }),
-      !resp && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(PostHighlightListContainer, {}) })
-    ] })
+        ]
+      }
+    ),
+    view === "grid" ? /* @__PURE__ */ jsx(
+      PostsGrid,
+      {
+        entity: entityRef,
+        filterPanelProps: { showEntityFilter: false },
+        view,
+        onViewChange: setView
+      }
+    ) : /* @__PURE__ */ jsx(
+      PostsContainer,
+      {
+        entity: entityRef,
+        filterPanelProps: { showEntityFilter: false },
+        view,
+        showTypeLabel: true,
+        onViewChange: setView
+      }
+    )
+  ] });
+};
+const EntityPage = () => {
+  const { entityRef } = useParams();
+  const { t } = useTranslationRef(qetaTranslationRef);
+  if (entityRef) {
+    return /* @__PURE__ */ jsx(SingleEntityPage, { entityRef });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      ContentHeader,
+      {
+        title: t("entitiesPage.defaultTitle"),
+        titleIcon: /* @__PURE__ */ jsx(CategoryOutlined, { fontSize: "large" }),
+        children: [
+          /* @__PURE__ */ jsx(AskQuestionButton, {}),
+          /* @__PURE__ */ jsx(WriteArticleButton, {}),
+          /* @__PURE__ */ jsx(CreateLinkButton, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(EntitiesGrid, {})
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPage.esm.js","sources":["../../../src/components/EntityPage/EntityPage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport {\n  AskQuestionButton,\n  ButtonContainer,\n  CreateLinkButton,\n  EntitiesGrid,\n  EntityFollowButton,\n  FollowedEntitiesList,\n  PostHighlightList,\n  PostHighlightListContainer,\n  PostsContainer,\n  PostsGrid,\n  qetaApiRef,\n  qetaTranslationRef,\n  ViewType,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const EntityPage = () => {\n  const { entityRef } = useParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [resp, setResp] = useState<undefined | EntityResponse>();\n  const [view, setView] = useState<ViewType>('list');\n\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  useEffect(() => {\n    if (!entityRef) {\n      setResp(undefined);\n      return;\n    }\n\n    qetaApi\n      .getEntity(entityRef)\n      .then(res => {\n        if (res) {\n          setResp(res);\n        }\n      })\n      .catch(e => {\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        });\n      });\n  }, [qetaApi, entityRef, alertApi]);\n\n  let shownTitle: string = t('entitiesPage.defaultTitle');\n  let link = undefined;\n  if (entityRef) {\n    shownTitle = '';\n    link = <EntityRefLink entityRef={entityRef} />;\n  }\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader\n          titleComponent={\n            <span style={{ display: 'flex', alignItems: 'center' }}>\n              <Typography\n                variant=\"h5\"\n                component=\"h2\"\n                style={{ marginRight: '0.5em' }}\n              >\n                {shownTitle} {link}\n              </Typography>\n              {entityRef && <EntityFollowButton entityRef={entityRef} />}\n            </span>\n          }\n        >\n          <ButtonContainer>\n            <AskQuestionButton entity={entityRef} />\n            <WriteArticleButton entity={entityRef} />\n            <CreateLinkButton entity={entityRef} />\n          </ButtonContainer>\n        </ContentHeader>\n        {resp && (\n          <Card variant=\"outlined\" style={{ marginBottom: '1em' }}>\n            <CardContent>\n              <Typography variant=\"caption\">\n                {t('common.posts', {\n                  count: resp.postsCount,\n                  itemType: 'post',\n                })}\n                {' · '}\n                {t('common.followers', { count: resp.followerCount })}\n              </Typography>\n            </CardContent>\n          </Card>\n        )}\n        {entityRef &&\n          (view === 'grid' ? (\n            <PostsGrid\n              entity={entityRef}\n              filterPanelProps={{ showEntityFilter: false }}\n              view={view}\n              onViewChange={setView}\n            />\n          ) : (\n            <PostsContainer\n              entity={entityRef}\n              filterPanelProps={{ showEntityFilter: false }}\n              view={view}\n              showTypeLabel\n              onViewChange={setView}\n            />\n          ))}\n        {!entityRef && <EntitiesGrid />}\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <FollowedEntitiesList />\n        {resp && (\n          <>\n            <PostHighlightList\n              type=\"hot\"\n              title={t('highlights.hotQuestions.title')}\n              noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n              icon={<Whatshot fontSize=\"small\" />}\n              options={{ entities: [resp.entityRef] }}\n              postType=\"question\"\n            />\n            <PostHighlightList\n              type=\"unanswered\"\n              title={t('highlights.unanswered.title')}\n              noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n              options={{ entities: [resp.entityRef] }}\n              postType=\"question\"\n            />\n            <PostHighlightList\n              type=\"incorrect\"\n              title={t('highlights.incorrect.title')}\n              noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n              options={{ entities: [resp.entityRef] }}\n              postType=\"question\"\n            />\n          </>\n        )}\n        {!resp && (\n          <>\n            <PostHighlightListContainer />\n          </>\n        )}\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntityPage.esm.js","sources":["../../../src/components/EntityPage/EntityPage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  AskQuestionButton,\n  CreateLinkButton,\n  EntitiesGrid,\n  EntityFollowButton,\n  PostsContainer,\n  PostsGrid,\n  qetaTranslationRef,\n  useQetaApi,\n  ViewType,\n  WriteArticleButton,\n  ContentHeaderCard,\n  ContentHeader,\n} from '@drodil/backstage-plugin-qeta-react';\nimport {\n  EntityRefLink,\n  useEntityPresentation,\n  catalogApiRef,\n} from '@backstage/plugin-catalog-react';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport { Skeleton } from '@material-ui/lab';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\n\nconst SingleEntityPage = ({ entityRef }: { entityRef: string }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [view, setView] = useState<ViewType>('list');\n  const [entity, setEntity] = useState<Entity | undefined>(undefined);\n  const { Icon } = useEntityPresentation(entityRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  useEffect(() => {\n    catalogApi.getEntityByRef(entityRef).then(e => setEntity(e));\n  }, [catalogApi, entityRef]);\n\n  const {\n    value: resp,\n    loading,\n    error,\n  } = useQetaApi(api => api.getEntity(entityRef), [entityRef]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || !resp) {\n    return (\n      <WarningPanel severity=\"error\" title={t('questionPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  const title = (\n    <div style={{ display: 'flex', alignItems: 'center' }}>\n      <EntityRefLink\n        entityRef={resp.entityRef}\n        defaultKind=\"Component\"\n        hideIcon\n      />\n      <span style={{ marginLeft: '0.5em', display: 'flex' }}>\n        <EntityFollowButton entityRef={resp.entityRef} />\n      </span>\n    </div>\n  );\n\n  const description = `${entity?.kind} ${\n    entity?.spec?.type ? `(${entity?.spec?.type})` : ''\n  }`;\n\n  return (\n    <>\n      <ContentHeader\n        title={title}\n        titleIcon={<CategoryOutlined fontSize=\"large\" />}\n        description={description}\n      >\n        <AskQuestionButton entity={resp.entityRef} />\n        <WriteArticleButton entity={resp.entityRef} />\n        <CreateLinkButton entity={resp.entityRef} />\n      </ContentHeader>\n      {resp && (\n        <ContentHeaderCard\n          description={entity?.metadata?.description}\n          imageIcon={\n            Icon ? (\n              <div style={{ fontSize: '80px', display: 'flex' }}>\n                <Icon fontSize=\"inherit\" />\n              </div>\n            ) : (\n              <CategoryOutlined style={{ fontSize: 80 }} />\n            )\n          }\n          stats={[\n            {\n              label: t('common.postsLabel', {\n                count: resp.postsCount,\n                itemType: 'post',\n              }),\n              value: resp.postsCount,\n              icon: <QuestionAnswerIcon fontSize=\"small\" />,\n            },\n            {\n              label: t('common.followersLabel', { count: resp.followerCount }),\n              value: resp.followerCount,\n              icon: <PeopleIcon fontSize=\"small\" />,\n            },\n          ]}\n        />\n      )}\n      {view === 'grid' ? (\n        <PostsGrid\n          entity={entityRef}\n          filterPanelProps={{ showEntityFilter: false }}\n          view={view}\n          onViewChange={setView}\n        />\n      ) : (\n        <PostsContainer\n          entity={entityRef}\n          filterPanelProps={{ showEntityFilter: false }}\n          view={view}\n          showTypeLabel\n          onViewChange={setView}\n        />\n      )}\n    </>\n  );\n};\n\nexport const EntityPage = () => {\n  const { entityRef } = useParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (entityRef) {\n    return <SingleEntityPage entityRef={entityRef} />;\n  }\n\n  return (\n    <>\n      <ContentHeader\n        title={t('entitiesPage.defaultTitle')}\n        titleIcon={<CategoryOutlined fontSize=\"large\" />}\n      >\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      <EntitiesGrid />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/EntityPostsContent/EntityPostsContent.esm.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { QetaExtensionProvider, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import { QetaProvider, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import { Content } from '@backstage/core-components';
 import { isUserEntity, stringifyEntityRef } from '@backstage/catalog-model';
 import { useEntity } from '@backstage/plugin-catalog-react';
@@ -16,7 +16,7 @@ const EntityPostsContent = (props) => {
     additionalProps.entity = props.entity ?? stringifyEntityRef(entity);
   }
   return /* @__PURE__ */ jsx(
-    QetaExtensionProvider,
+    QetaProvider,
     {
       remarkPlugins: props.remarkPlugins,
       rehypePlugins: props.rehypePlugins,

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPostsContent.esm.js","sources":["../../../src/components/EntityPostsContent/EntityPostsContent.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  PostsContainer,\n  PostsContainerProps,\n  QetaExtensionProvider,\n  ViewType,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Content } from '@backstage/core-components';\nimport { isUserEntity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { Container } from '@material-ui/core';\nimport { PluggableList } from 'unified';\n\nexport type EntityPostsContentProps = PostsContainerProps & {\n  remarkPlugins?: PluggableList;\n  rehypePlugins?: PluggableList;\n};\n\nexport const EntityPostsContent = (props: EntityPostsContentProps) => {\n  const [view, setView] = useState<ViewType>('list');\n  const { entity } = useEntity();\n  const additionalProps: PostsContainerProps = {};\n  if (isUserEntity(entity)) {\n    additionalProps.author = stringifyEntityRef(entity);\n  } else {\n    additionalProps.entity = props.entity ?? stringifyEntityRef(entity);\n  }\n\n  return (\n    <QetaExtensionProvider\n      remarkPlugins={props.remarkPlugins}\n      rehypePlugins={props.rehypePlugins}\n    >\n      <Content>\n        <Container>\n          <PostsContainer\n            {...props}\n            {...additionalProps}\n            view={view}\n            onViewChange={setView}\n          />\n        </Container>\n      </Content>\n    </QetaExtensionProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAkBa,MAAA,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AACpE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,MAAM,CAAA;AACjD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,kBAAuC,EAAC;AAC9C,EAAI,IAAA,YAAA,CAAa,MAAM,CAAG,EAAA;AACxB,IAAgB,eAAA,CAAA,MAAA,GAAS,mBAAmB,MAAM,CAAA;AAAA,GAC7C,MAAA;AACL,IAAA,eAAA,CAAgB,MAAS,GAAA,KAAA,CAAM,MAAU,IAAA,kBAAA,CAAmB,MAAM,CAAA;AAAA;AAGpE,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,eAAe,KAAM,CAAA,aAAA;AAAA,MAErB,QAAA,kBAAA,GAAA,CAAC,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,SACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACE,GAAG,KAAA;AAAA,UACH,GAAG,eAAA;AAAA,UACJ,IAAA;AAAA,UACA,YAAc,EAAA;AAAA;AAAA,SAElB,CACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"EntityPostsContent.esm.js","sources":["../../../src/components/EntityPostsContent/EntityPostsContent.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  PostsContainer,\n  PostsContainerProps,\n  QetaProvider,\n  ViewType,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Content } from '@backstage/core-components';\nimport { isUserEntity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { Container } from '@material-ui/core';\nimport { PluggableList } from 'unified';\n\nexport type EntityPostsContentProps = PostsContainerProps & {\n  remarkPlugins?: PluggableList;\n  rehypePlugins?: PluggableList;\n};\n\nexport const EntityPostsContent = (props: EntityPostsContentProps) => {\n  const [view, setView] = useState<ViewType>('list');\n  const { entity } = useEntity();\n  const additionalProps: PostsContainerProps = {};\n  if (isUserEntity(entity)) {\n    additionalProps.author = stringifyEntityRef(entity);\n  } else {\n    additionalProps.entity = props.entity ?? stringifyEntityRef(entity);\n  }\n\n  return (\n    <QetaProvider\n      remarkPlugins={props.remarkPlugins}\n      rehypePlugins={props.rehypePlugins}\n    >\n      <Content>\n        <Container>\n          <PostsContainer\n            {...props}\n            {...additionalProps}\n            view={view}\n            onViewChange={setView}\n          />\n        </Container>\n      </Content>\n    </QetaProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAkBa,MAAA,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AACpE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,MAAM,CAAA;AACjD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,kBAAuC,EAAC;AAC9C,EAAI,IAAA,YAAA,CAAa,MAAM,CAAG,EAAA;AACxB,IAAgB,eAAA,CAAA,MAAA,GAAS,mBAAmB,MAAM,CAAA;AAAA,GAC7C,MAAA;AACL,IAAA,eAAA,CAAgB,MAAS,GAAA,KAAA,CAAM,MAAU,IAAA,kBAAA,CAAmB,MAAM,CAAA;AAAA;AAGpE,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,eAAe,KAAM,CAAA,aAAA;AAAA,MAErB,QAAA,kBAAA,GAAA,CAAC,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,SACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACE,GAAG,KAAA;AAAA,UACH,GAAG,eAAA;AAAA,UACJ,IAAA;AAAA,UACA,YAAc,EAAA;AAAA;AAAA,SAElB,CACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/FavoritePage/FavoritePage.esm.js

@@ -1,40 +1,43 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ContentHeader } from '@backstage/core-components';
-import { qetaTranslationRef, ButtonContainer, AskQuestionButton, WriteArticleButton, CreateLinkButton, PostsGrid, PostsContainer, PostHighlightListContainer } from '@drodil/backstage-plugin-qeta-react';
-import { Grid } from '@material-ui/core';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { qetaTranslationRef, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, PostsGrid, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import StarBorder from '@material-ui/icons/StarBorder';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { useState } from 'react';
 
 const FavoritePage = () => {
   const [view, setView] = useState("list");
   const { t } = useTranslationRef(qetaTranslationRef);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, children: [
-    /* @__PURE__ */ jsxs(Grid, { item: true, md: 12, lg: 9, xl: 10, children: [
-      /* @__PURE__ */ jsx(ContentHeader, { title: t("favoritePage.title"), children: /* @__PURE__ */ jsxs(ButtonContainer, { children: [
-        /* @__PURE__ */ jsx(AskQuestionButton, {}),
-        /* @__PURE__ */ jsx(WriteArticleButton, {}),
-        /* @__PURE__ */ jsx(CreateLinkButton, {})
-      ] }) }),
-      view === "grid" ? /* @__PURE__ */ jsx(
-        PostsGrid,
-        {
-          favorite: true,
-          showNoQuestionsBtn: false,
-          view,
-          onViewChange: setView
-        }
-      ) : /* @__PURE__ */ jsx(
-        PostsContainer,
-        {
-          favorite: true,
-          showNoQuestionsBtn: false,
-          showTypeLabel: true,
-          view,
-          onViewChange: setView
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(Grid, { item: true, lg: 3, xl: 2, children: /* @__PURE__ */ jsx(PostHighlightListContainer, { options: { favorite: true } }) })
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      ContentHeader,
+      {
+        title: t("favoritePage.title"),
+        titleIcon: /* @__PURE__ */ jsx(StarBorder, { fontSize: "large" }),
+        children: [
+          /* @__PURE__ */ jsx(AskQuestionButton, {}),
+          /* @__PURE__ */ jsx(WriteArticleButton, {}),
+          /* @__PURE__ */ jsx(CreateLinkButton, {})
+        ]
+      }
+    ),
+    view === "grid" ? /* @__PURE__ */ jsx(
+      PostsGrid,
+      {
+        favorite: true,
+        showNoQuestionsBtn: false,
+        view,
+        onViewChange: setView
+      }
+    ) : /* @__PURE__ */ jsx(
+      PostsContainer,
+      {
+        favorite: true,
+        showNoQuestionsBtn: false,
+        showTypeLabel: true,
+        view,
+        onViewChange: setView
+      }
+    )
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"FavoritePage.esm.js","sources":["../../../src/components/FavoritePage/FavoritePage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport {\n  AskQuestionButton,\n  ButtonContainer,\n  CreateLinkButton,\n  PostHighlightListContainer,\n  PostsContainer,\n  PostsGrid,\n  qetaTranslationRef,\n  ViewType,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useState } from 'react';\n\nexport const FavoritePage = () => {\n  const [view, setView] = useState<ViewType>('list');\n  const { t } = useTranslationRef(qetaTranslationRef);\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('favoritePage.title')}>\n          <ButtonContainer>\n            <AskQuestionButton />\n            <WriteArticleButton />\n            <CreateLinkButton />\n          </ButtonContainer>\n        </ContentHeader>\n        {view === 'grid' ? (\n          <PostsGrid\n            favorite\n            showNoQuestionsBtn={false}\n            view={view}\n            onViewChange={setView}\n          />\n        ) : (\n          <PostsContainer\n            favorite\n            showNoQuestionsBtn={false}\n            showTypeLabel\n            view={view}\n            onViewChange={setView}\n          />\n        )}\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <PostHighlightListContainer options={{ favorite: true }} />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,MAAM,CAAA;AACjD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,IAAI,EAC5B,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAc,KAAO,EAAA,CAAA,CAAE,oBAAoB,CAAA,EAC1C,+BAAC,eACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,4BAClB,kBAAmB,EAAA,EAAA,CAAA;AAAA,4BACnB,gBAAiB,EAAA,EAAA;AAAA,OAAA,EACpB,CACF,EAAA,CAAA;AAAA,MACC,SAAS,MACR,mBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,QAAQ,EAAA,IAAA;AAAA,UACR,kBAAoB,EAAA,KAAA;AAAA,UACpB,IAAA;AAAA,UACA,YAAc,EAAA;AAAA;AAAA,OAGhB,mBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,QAAQ,EAAA,IAAA;AAAA,UACR,kBAAoB,EAAA,KAAA;AAAA,UACpB,aAAa,EAAA,IAAA;AAAA,UACb,IAAA;AAAA,UACA,YAAc,EAAA;AAAA;AAAA;AAChB,KAEJ,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CAAG,EAAA,EAAA,EAAI,CACpB,EAAA,QAAA,kBAAA,GAAA,CAAC,8BAA2B,OAAS,EAAA,EAAE,QAAU,EAAA,IAAA,IAAQ,CAC3D,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FavoritePage.esm.js","sources":["../../../src/components/FavoritePage/FavoritePage.tsx"],"sourcesContent":["import {\n  AskQuestionButton,\n  ContentHeader,\n  CreateLinkButton,\n  PostsContainer,\n  PostsGrid,\n  qetaTranslationRef,\n  ViewType,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useState } from 'react';\n\nexport const FavoritePage = () => {\n  const [view, setView] = useState<ViewType>('list');\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <>\n      <ContentHeader\n        title={t('favoritePage.title')}\n        titleIcon={<StarBorder fontSize=\"large\" />}\n      >\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      {view === 'grid' ? (\n        <PostsGrid\n          favorite\n          showNoQuestionsBtn={false}\n          view={view}\n          onViewChange={setView}\n        />\n      ) : (\n        <PostsContainer\n          favorite\n          showNoQuestionsBtn={false}\n          showTypeLabel\n          view={view}\n          onViewChange={setView}\n        />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,MAAM,CAAA;AACjD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,oBAAoB,CAAA;AAAA,QAC7B,SAAW,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAExC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,8BAClB,kBAAmB,EAAA,EAAA,CAAA;AAAA,8BACnB,gBAAiB,EAAA,EAAA;AAAA;AAAA;AAAA,KACpB;AAAA,IACC,SAAS,MACR,mBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACR,kBAAoB,EAAA,KAAA;AAAA,QACpB,IAAA;AAAA,QACA,YAAc,EAAA;AAAA;AAAA,KAGhB,mBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACR,kBAAoB,EAAA,KAAA;AAAA,QACpB,aAAa,EAAA,IAAA;AAAA,QACb,IAAA;AAAA,QACA,YAAc,EAAA;AAAA;AAAA;AAChB,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/HomePage/HomePage.esm.js

@@ -1,8 +1,8 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ContentHeader } from '@backstage/core-components';
-import { qetaTranslationRef, useIdentityApi, ButtonContainer, AskQuestionButton, WriteArticleButton, CreateLinkButton, SuggestionsCard, PostsCard, ImpactCard, FollowedTagsList, FollowedEntitiesList, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { qetaTranslationRef, useIdentityApi, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, SuggestionsCard, PostsCard } from '@drodil/backstage-plugin-qeta-react';
 import { Grid } from '@material-ui/core';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import HomeOutlined from '@material-ui/icons/HomeOutlined';
 
 const HomePage = () => {
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -11,38 +11,37 @@ const HomePage = () => {
     loading: loadingUser,
     error: userError
   } = useIdentityApi((api) => api.getBackstageIdentity(), []);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, children: [
-    /* @__PURE__ */ jsxs(Grid, { item: true, md: 12, lg: 9, xl: 10, children: [
-      /* @__PURE__ */ jsx(ContentHeader, { title: t("homePage.title"), children: /* @__PURE__ */ jsxs(ButtonContainer, { children: [
-        /* @__PURE__ */ jsx(AskQuestionButton, {}),
-        /* @__PURE__ */ jsx(WriteArticleButton, {}),
-        /* @__PURE__ */ jsx(CreateLinkButton, {})
-      ] }) }),
-      /* @__PURE__ */ jsxs(Grid, { container: true, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(SuggestionsCard, {}) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-          PostsCard,
-          {
-            title: t("highlights.unanswered.title"),
-            options: { noAnswers: true, random: true, type: "question" },
-            postType: "question"
-          }
-        ) }),
-        user && !loadingUser && !userError && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-          PostsCard,
-          {
-            title: t("highlights.own.title"),
-            options: { author: user.userEntityRef },
-            postType: "question"
-          }
-        ) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Grid, { item: true, lg: 3, xl: 2, children: [
-      /* @__PURE__ */ jsx(ImpactCard, {}),
-      /* @__PURE__ */ jsx(FollowedTagsList, {}),
-      /* @__PURE__ */ jsx(FollowedEntitiesList, {}),
-      /* @__PURE__ */ jsx(FollowedCollectionsList, {})
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      ContentHeader,
+      {
+        title: t("homePage.title"),
+        titleIcon: /* @__PURE__ */ jsx(HomeOutlined, { fontSize: "large" }),
+        children: [
+          /* @__PURE__ */ jsx(AskQuestionButton, {}),
+          /* @__PURE__ */ jsx(WriteArticleButton, {}),
+          /* @__PURE__ */ jsx(CreateLinkButton, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(SuggestionsCard, {}) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+        PostsCard,
+        {
+          title: t("highlights.unanswered.title"),
+          options: { noAnswers: true, random: true, type: "question" },
+          postType: "question"
+        }
+      ) }),
+      user && !loadingUser && !userError && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+        PostsCard,
+        {
+          title: t("highlights.own.title"),
+          options: { author: user.userEntityRef },
+          postType: "question"
+        }
+      ) })
     ] })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport {\n  AskQuestionButton,\n  ButtonContainer,\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  ImpactCard,\n  PostsCard,\n  qetaTranslationRef,\n  SuggestionsCard,\n  useIdentityApi,\n  WriteArticleButton,\n  CreateLinkButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const HomePage = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('homePage.title')}>\n          <ButtonContainer>\n            <AskQuestionButton />\n            <WriteArticleButton />\n            <CreateLinkButton />\n          </ButtonContainer>\n        </ContentHeader>\n        <Grid container>\n          <Grid item xs={12}>\n            <SuggestionsCard />\n          </Grid>\n          <Grid item xs={12}>\n            <PostsCard\n              title={t('highlights.unanswered.title')}\n              options={{ noAnswers: true, random: true, type: 'question' }}\n              postType=\"question\"\n            />\n          </Grid>\n          {user && !loadingUser && !userError && (\n            <Grid item xs={12}>\n              <PostsCard\n                title={t('highlights.own.title')}\n                options={{ author: user.userEntityRef }}\n                postType=\"question\"\n              />\n            </Grid>\n          )}\n        </Grid>\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <ImpactCard />\n        <FollowedTagsList />\n        <FollowedEntitiesList />\n        <FollowedCollectionsList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAkBO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA;AAExD,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,IAAI,EAC5B,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAc,KAAO,EAAA,CAAA,CAAE,gBAAgB,CAAA,EACtC,+BAAC,eACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,4BAClB,kBAAmB,EAAA,EAAA,CAAA;AAAA,4BACnB,gBAAiB,EAAA,EAAA;AAAA,OAAA,EACpB,CACF,EAAA,CAAA;AAAA,sBACA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CACnB,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,YACtC,SAAS,EAAE,SAAA,EAAW,MAAM,MAAQ,EAAA,IAAA,EAAM,MAAM,UAAW,EAAA;AAAA,YAC3D,QAAS,EAAA;AAAA;AAAA,SAEb,EAAA,CAAA;AAAA,QACC,IAAA,IAAQ,CAAC,WAAA,IAAe,CAAC,SAAA,wBACvB,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,YAC/B,OAAS,EAAA,EAAE,MAAQ,EAAA,IAAA,CAAK,aAAc,EAAA;AAAA,YACtC,QAAS,EAAA;AAAA;AAAA,SAEb,EAAA;AAAA,OAEJ,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,yBACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AAAA,0BACX,gBAAiB,EAAA,EAAA,CAAA;AAAA,0BACjB,oBAAqB,EAAA,EAAA,CAAA;AAAA,0BACrB,uBAAwB,EAAA,EAAA;AAAA,KAC3B,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import {\n  AskQuestionButton,\n  ContentHeader,\n  CreateLinkButton,\n  PostsCard,\n  qetaTranslationRef,\n  SuggestionsCard,\n  useIdentityApi,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\n\nexport const HomePage = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  return (\n    <>\n      <ContentHeader\n        title={t('homePage.title')}\n        titleIcon={<HomeOutlined fontSize=\"large\" />}\n      >\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      <Grid container>\n        <Grid item xs={12}>\n          <SuggestionsCard />\n        </Grid>\n        <Grid item xs={12}>\n          <PostsCard\n            title={t('highlights.unanswered.title')}\n            options={{ noAnswers: true, random: true, type: 'question' }}\n            postType=\"question\"\n          />\n        </Grid>\n        {user && !loadingUser && !userError && (\n          <Grid item xs={12}>\n            <PostsCard\n              title={t('highlights.own.title')}\n              options={{ author: user.userEntityRef }}\n              postType=\"question\"\n            />\n          </Grid>\n        )}\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA;AAExD,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,gBAAgB,CAAA;AAAA,QACzB,SAAW,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAE1C,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,8BAClB,kBAAmB,EAAA,EAAA,CAAA;AAAA,8BACnB,gBAAiB,EAAA,EAAA;AAAA;AAAA;AAAA,KACpB;AAAA,oBACA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CACnB,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,UACtC,SAAS,EAAE,SAAA,EAAW,MAAM,MAAQ,EAAA,IAAA,EAAM,MAAM,UAAW,EAAA;AAAA,UAC3D,QAAS,EAAA;AAAA;AAAA,OAEb,EAAA,CAAA;AAAA,MACC,IAAA,IAAQ,CAAC,WAAA,IAAe,CAAC,SAAA,wBACvB,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,UAC/B,OAAS,EAAA,EAAE,MAAQ,EAAA,IAAA,CAAK,aAAc,EAAA;AAAA,UACtC,QAAS,EAAA;AAAA;AAAA,OAEb,EAAA;AAAA,KAEJ,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/LinkPage/LinkPage.esm.js

@@ -2,11 +2,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useParams } from 'react-router-dom';
 import { useState, useEffect } from 'react';
 import { useSignal } from '@backstage/plugin-signals-react';
-import { WarningPanel, ContentHeader } from '@backstage/core-components';
-import { qetaApiRef, qetaTranslationRef, useQetaApi, FaviconItem, ButtonContainer, CreateLinkButton, AddToCollectionButton, DraftBanner, DeletedBanner, LinkCard, RelativeTimeWithTooltip, UpdatedByLink } from '@drodil/backstage-plugin-qeta-react';
+import { WarningPanel } from '@backstage/core-components';
+import { qetaApiRef, qetaTranslationRef, useQetaApi, ContentHeader, FaviconItem, CreateLinkButton, AddToCollectionButton, DraftBanner, DeletedBanner, LinkCard, RelativeTimeWithTooltip, UpdatedByLink } from '@drodil/backstage-plugin-qeta-react';
 import { Skeleton } from '@material-ui/lab';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { makeStyles, Box, Typography } from '@material-ui/core';
+import { makeStyles, Box } from '@material-ui/core';
 import { useApi } from '@backstage/core-plugin-api';
 
 const useDescriptionStyles = makeStyles(
@@ -71,33 +71,30 @@ const LinkPage = () => {
     ] });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       ContentHeader,
       {
-        title: post.title,
-        titleComponent: post.url ? /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ jsx(FaviconItem, { entity: post }),
-          /* @__PURE__ */ jsx(Typography, { variant: "h3", children: /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: post.url,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              style: { color: "inherit", textDecoration: "none" },
-              "data-testid": "link-title",
-              onClick: (event) => {
-                event.stopPropagation();
-                qetaApi.clickLink(post.id);
-              },
-              children: post.title
-            }
-          ) })
-        ] }) : post.title,
+        title: post.url ? /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: post.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            style: { color: "inherit", textDecoration: "none" },
+            "data-testid": "link-title",
+            onClick: (event) => {
+              event.stopPropagation();
+              qetaApi.clickLink(post.id);
+            },
+            children: post.title
+          }
+        ) : post.title,
+        titleIcon: post.url ? /* @__PURE__ */ jsx(FaviconItem, { entity: post }) : void 0,
         description: getDescription(post),
-        children: /* @__PURE__ */ jsxs(ButtonContainer, { children: [
+        children: [
           /* @__PURE__ */ jsx(CreateLinkButton, {}),
           /* @__PURE__ */ jsx(AddToCollectionButton, { post })
-        ] })
+        ]
       }
     ),
     post.status === "draft" && /* @__PURE__ */ jsx(DraftBanner, {}),