@drodil/backstage-plugin-qeta 2.15.0 → 3.0.0

package/dist/components/ArticlePage/ArticlePage.esm.js

@@ -0,0 +1,45 @@
+import { useParams, useSearchParams } from 'react-router-dom';
+import React, { useState, useEffect } from 'react';
+import { useSignal } from '@backstage/plugin-signals-react';
+import { Skeleton } from '@material-ui/lab';
+import { WarningPanel, ContentHeader } from '@backstage/core-components';
+import { useTranslation, useQetaApi, BackToArticlesButton, WriteArticleButton, AddToCollectionButton, ArticleContent } from '@drodil/backstage-plugin-qeta-react';
+import { Container } from '@material-ui/core';
+
+const ArticlePage = () => {
+  const { id } = useParams();
+  const { t } = useTranslation();
+  const [searchParams] = useSearchParams();
+  const [views, setViews] = useState(0);
+  const { lastSignal } = useSignal(`qeta:post_${id}`);
+  const {
+    value: post,
+    loading,
+    error
+  } = useQetaApi((api) => api.getPost(id), [id]);
+  useEffect(() => {
+    if (post) {
+      setViews(post.views);
+    }
+  }, [post]);
+  useEffect(() => {
+    if (lastSignal?.type === "post_stats") {
+      setViews(lastSignal.views);
+    }
+  }, [lastSignal]);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", height: 200 });
+  }
+  if (error || post === void 0) {
+    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("articlePage.errorLoading") }, error?.message);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, null, /* @__PURE__ */ React.createElement(
+    BackToArticlesButton,
+    {
+      entityPage: searchParams.get("entityPage") === "true"
+    }
+  ), /* @__PURE__ */ React.createElement(WriteArticleButton, null), /* @__PURE__ */ React.createElement(AddToCollectionButton, { post })), /* @__PURE__ */ React.createElement(Container, { maxWidth: "md" }, /* @__PURE__ */ React.createElement(ArticleContent, { post, views })));
+};
+
+export { ArticlePage };
+//# sourceMappingURL=ArticlePage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArticlePage.esm.js","sources":["../../../src/components/ArticlePage/ArticlePage.tsx"],"sourcesContent":["import { useParams, useSearchParams } from 'react-router-dom';\nimport React, { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { Skeleton } from '@material-ui/lab';\nimport { ContentHeader, WarningPanel } from '@backstage/core-components';\nimport { QetaSignal } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  AddToCollectionButton,\n  ArticleContent,\n  BackToArticlesButton,\n  useQetaApi,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Container } from '@material-ui/core';\n\nexport const ArticlePage = () => {\n  const { id } = useParams();\n  const { t } = useTranslation();\n  const [searchParams] = useSearchParams();\n\n  const [views, setViews] = useState(0);\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${id}`);\n\n  const {\n    value: post,\n    loading,\n    error,\n  } = useQetaApi(api => api.getPost(id), [id]);\n\n  useEffect(() => {\n    if (post) {\n      setViews(post.views);\n    }\n  }, [post]);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setViews(lastSignal.views);\n    }\n  }, [lastSignal]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || post === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('articlePage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <>\n      <ContentHeader>\n        <BackToArticlesButton\n          entityPage={searchParams.get('entityPage') === 'true'}\n        />\n        <WriteArticleButton />\n        <AddToCollectionButton post={post} />\n      </ContentHeader>\n      <Container maxWidth=\"md\">\n        <ArticleContent post={post} views={views} />\n      </Container>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAgBO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AAEvC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,CAAC,CAAA,CAAA;AAEpC,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,SAAsB,CAAA,CAAA,UAAA,EAAa,EAAE,CAAE,CAAA,CAAA,CAAA;AAE9D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,QAAQ,EAAE,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAAA,KACrB;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,YAAc,EAAA;AACrC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA,CAAA;AAAA,KAC3B;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,QAAQ,GAAK,EAAA,CAAA,CAAA;AAAA,GAC/C;AAEA,EAAI,IAAA,KAAA,IAAS,SAAS,KAAW,CAAA,EAAA;AAC/B,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,0BAA0B,CAC/D,EAAA,EAAA,KAAA,EAAO,OACV,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,aACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,YAAA,CAAa,GAAI,CAAA,YAAY,CAAM,KAAA,MAAA;AAAA,KAAA;AAAA,qBAEhD,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAmB,mBACnB,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,EAAsB,MAAY,CACrC,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,UAAS,IAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,kBAAe,IAAY,EAAA,KAAA,EAAc,CAC5C,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ArticlesPage/ArticlesPage.esm.js

@@ -0,0 +1,34 @@
+import { useSearchParams } from 'react-router-dom';
+import React, { useEffect } from 'react';
+import { ContentHeader } from '@backstage/core-components';
+import { useTranslation, WriteArticleButton, PostsGrid, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
+import { filterTags } from '@drodil/backstage-plugin-qeta-common';
+import { Grid } from '@material-ui/core';
+import Whatshot from '@material-ui/icons/Whatshot';
+
+const ArticlesPage = () => {
+  const [searchParams] = useSearchParams();
+  const [entityRef, setEntityRef] = React.useState(
+    void 0
+  );
+  const [tags, setTags] = React.useState(void 0);
+  const { t } = useTranslation();
+  useEffect(() => {
+    setEntityRef(searchParams.get("entity") ?? void 0);
+    setTags(filterTags(searchParams.get("tags")));
+  }, [searchParams, setEntityRef]);
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("articlesPage.title") }, /* @__PURE__ */ React.createElement(WriteArticleButton, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(PostsGrid, { type: "article" })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
+    PostHighlightList,
+    {
+      type: "hot",
+      title: t("highlights.hotArticles.title"),
+      noQuestionsLabel: t("highlights.hotArticles.noArticlesLabel"),
+      icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" }),
+      options: { favorite: true },
+      postType: "article"
+    }
+  )));
+};
+
+export { ArticlesPage };
+//# sourceMappingURL=ArticlesPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArticlesPage.esm.js","sources":["../../../src/components/ArticlesPage/ArticlesPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport React, { useEffect } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport {\n  PostHighlightList,\n  PostsGrid,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { Grid } from '@material-ui/core';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const ArticlesPage = () => {\n  const [searchParams] = useSearchParams();\n\n  const [entityRef, setEntityRef] = React.useState<string | undefined>(\n    undefined,\n  );\n  const [tags, setTags] = React.useState<string[] | undefined>(undefined);\n  const { t } = useTranslation();\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('articlesPage.title')}>\n          <WriteArticleButton entity={entityRef} tags={tags} />\n        </ContentHeader>\n        <PostsGrid type=\"article\" />\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <PostHighlightList\n          type=\"hot\"\n          title={t('highlights.hotArticles.title')}\n          noQuestionsLabel={t('highlights.hotArticles.noArticlesLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ favorite: true }}\n          postType=\"article\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAaO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AAEvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACtC,KAAA,CAAA;AAAA,GACF,CAAA;AACA,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAA+B,KAAS,CAAA,CAAA,CAAA;AACtE,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,IAAK,KAAS,CAAA,CAAA,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAW,CAAA,YAAA,CAAa,GAAI,CAAA,MAAM,CAAC,CAAC,CAAA,CAAA;AAAA,GAC3C,EAAA,CAAC,YAAc,EAAA,YAAY,CAAC,CAAA,CAAA;AAE/B,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,sCACtB,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CAAG,EAAA,EAAA,EAAI,sBAC3B,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAO,CAAE,CAAA,oBAAoB,CAC1C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,MAAQ,EAAA,SAAA,EAAW,MAAY,CACrD,CAAA,sCACC,SAAU,EAAA,EAAA,IAAA,EAAK,WAAU,CAC5B,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,MACvC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,MAC1B,QAAS,EAAA,SAAA;AAAA,KAAA;AAAA,GAEb,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/AskPage/AskPage.esm.js

@@ -1,11 +1,10 @@
 import { ContentHeader, InfoCard } from '@backstage/core-components';
 import { Grid } from '@material-ui/core';
 import React from 'react';
-import { AskForm } from '../AskForm/AskForm.esm.js';
+import { useTranslation, PostForm } from '@drodil/backstage-plugin-qeta-react';
 import { useParams, useSearchParams } from 'react-router-dom';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
-import { useTranslation } from '../../utils/hooks.esm.js';
 
 const AskPage = () => {
   const { id } = useParams();
@@ -26,12 +25,13 @@ const AskPage = () => {
     title = t("askPage.title.newQuestion");
   }
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title }), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(InfoCard, null, /* @__PURE__ */ React.createElement(
-    AskForm,
+    PostForm,
     {
       id,
       entity,
       entityPage,
-      tags
+      tags,
+      type: "question"
     }
   )))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AskPage.esm.js","sources":["../../../src/components/AskPage/AskPage.tsx"],"sourcesContent":["import { ContentHeader, InfoCard } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport React from 'react';\n\nimport { AskForm } from '../AskForm/AskForm';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../utils/hooks';\n\nexport const AskPage = () => {\n  const { id } = useParams();\n  const [searchParams] = useSearchParams();\n  const entity = searchParams.get('entity') ?? undefined;\n  const entityPage = searchParams.get('entityPage') === 'true';\n  const tags = filterTags(searchParams.get('tags'));\n  const { t } = useTranslation();\n  let title;\n  if (id) {\n    title = t('askPage.title.existingQuestion');\n  } else if (entity) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const representation = useEntityPresentation(entity);\n    title = t('askPage.title.entityQuestion', {\n      entity: representation.primaryTitle,\n    });\n  } else {\n    title = t('askPage.title.newQuestion');\n  }\n\n  return (\n    <>\n      <ContentHeader title={title} />\n      <Grid container spacing={3} direction=\"column\">\n        <Grid item>\n          <InfoCard>\n            <AskForm\n              id={id}\n              entity={entity}\n              entityPage={entityPage}\n              tags={tags}\n            />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,UAAU,MAAM;AAC3B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AACvC,EAAA,MAAM,MAAS,GAAA,YAAA,CAAa,GAAI,CAAA,QAAQ,CAAK,IAAA,KAAA,CAAA,CAAA;AAC7C,EAAA,MAAM,UAAa,GAAA,YAAA,CAAa,GAAI,CAAA,YAAY,CAAM,KAAA,MAAA,CAAA;AACtD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,YAAa,CAAA,GAAA,CAAI,MAAM,CAAC,CAAA,CAAA;AAChD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAI,IAAA,KAAA,CAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,gCAAgC,CAAA,CAAA;AAAA,aACjC,MAAQ,EAAA;AAEjB,IAAM,MAAA,cAAA,GAAiB,sBAAsB,MAAM,CAAA,CAAA;AACnD,IAAA,KAAA,GAAQ,EAAE,8BAAgC,EAAA;AAAA,MACxC,QAAQ,cAAe,CAAA,YAAA;AAAA,KACxB,CAAA,CAAA;AAAA,GACI,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,2BAA2B,CAAA,CAAA;AAAA,GACvC;AAEA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAc,CAC7B,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAG,WAAU,QACpC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAA,sCACP,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,KAAA;AAAA,GAEJ,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AskPage.esm.js","sources":["../../../src/components/AskPage/AskPage.tsx"],"sourcesContent":["import { ContentHeader, InfoCard } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport React from 'react';\nimport { PostForm, useTranslation } from '@drodil/backstage-plugin-qeta-react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\n\nexport const AskPage = () => {\n  const { id } = useParams();\n  const [searchParams] = useSearchParams();\n  const entity = searchParams.get('entity') ?? undefined;\n  const entityPage = searchParams.get('entityPage') === 'true';\n  const tags = filterTags(searchParams.get('tags'));\n  const { t } = useTranslation();\n  let title;\n  if (id) {\n    title = t('askPage.title.existingQuestion');\n  } else if (entity) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const representation = useEntityPresentation(entity);\n    title = t('askPage.title.entityQuestion', {\n      entity: representation.primaryTitle,\n    });\n  } else {\n    title = t('askPage.title.newQuestion');\n  }\n\n  return (\n    <>\n      <ContentHeader title={title} />\n      <Grid container spacing={3} direction=\"column\">\n        <Grid item>\n          <InfoCard>\n            <PostForm\n              id={id}\n              entity={entity}\n              entityPage={entityPage}\n              tags={tags}\n              type=\"question\"\n            />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAQO,MAAM,UAAU,MAAM;AAC3B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AACvC,EAAA,MAAM,MAAS,GAAA,YAAA,CAAa,GAAI,CAAA,QAAQ,CAAK,IAAA,KAAA,CAAA,CAAA;AAC7C,EAAA,MAAM,UAAa,GAAA,YAAA,CAAa,GAAI,CAAA,YAAY,CAAM,KAAA,MAAA,CAAA;AACtD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,YAAa,CAAA,GAAA,CAAI,MAAM,CAAC,CAAA,CAAA;AAChD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAI,IAAA,KAAA,CAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,gCAAgC,CAAA,CAAA;AAAA,aACjC,MAAQ,EAAA;AAEjB,IAAM,MAAA,cAAA,GAAiB,sBAAsB,MAAM,CAAA,CAAA;AACnD,IAAA,KAAA,GAAQ,EAAE,8BAAgC,EAAA;AAAA,MACxC,QAAQ,cAAe,CAAA,YAAA;AAAA,KACxB,CAAA,CAAA;AAAA,GACI,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,2BAA2B,CAAA,CAAA;AAAA,GACvC;AAEA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAc,CAC7B,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAG,WAAU,QACpC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAA,sCACP,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAK,EAAA,UAAA;AAAA,KAAA;AAAA,GAET,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionCreatePage/CollectionCreatePage.esm.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useParams } from 'react-router-dom';
+import { ContentHeader, InfoCard } from '@backstage/core-components';
+import { Grid } from '@material-ui/core';
+import { useTranslation, CollectionForm } from '@drodil/backstage-plugin-qeta-react';
+
+const CollectionCreatePage = () => {
+  const { id } = useParams();
+  const { t } = useTranslation();
+  let title;
+  if (id) {
+    title = t("collectionCreatePage.title.existingCollection");
+  } else {
+    title = t("collectionCreatePage.title.newCollection");
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title }), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(InfoCard, null, /* @__PURE__ */ React.createElement(CollectionForm, { id })))));
+};
+
+export { CollectionCreatePage };
+//# sourceMappingURL=CollectionCreatePage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionCreatePage.esm.js","sources":["../../../src/components/CollectionCreatePage/CollectionCreatePage.tsx"],"sourcesContent":["import React from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ContentHeader, InfoCard } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport {\n  CollectionForm,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\n\nexport const CollectionCreatePage = () => {\n  const { id } = useParams();\n  const { t } = useTranslation();\n\n  let title;\n  if (id) {\n    title = t('collectionCreatePage.title.existingCollection');\n  } else {\n    title = t('collectionCreatePage.title.newCollection');\n  }\n  return (\n    <>\n      <ContentHeader title={title} />\n      <Grid container spacing={3} direction=\"column\">\n        <Grid item>\n          <InfoCard>\n            <CollectionForm id={id} />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AASO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAI,IAAA,KAAA,CAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,+CAA+C,CAAA,CAAA;AAAA,GACpD,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,0CAA0C,CAAA,CAAA;AAAA,GACtD;AACA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAc,EAAA,CAAA,sCAC5B,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CAAG,EAAA,SAAA,EAAU,4BACnC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,kBACP,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,EAAQ,EAAA,CAC1B,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionPage/CollectionPage.esm.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { useParams } from 'react-router-dom';
+import { useTranslation, useQetaApi, BackToCollectionsButton, CreateCollectionButton, CollectionCard, PostsGrid } from '@drodil/backstage-plugin-qeta-react';
+import { Skeleton } from '@material-ui/lab';
+import { WarningPanel, ContentHeader } from '@backstage/core-components';
+import { Grid } from '@material-ui/core';
+
+const CollectionPage = () => {
+  const { id } = useParams();
+  const { t } = useTranslation();
+  const {
+    value: collection,
+    loading,
+    error
+  } = useQetaApi((api) => api.getCollection(id), [id]);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", height: 200 });
+  }
+  if (error || collection === void 0) {
+    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("questionPage.errorLoading") }, error?.message);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    ContentHeader,
+    {
+      title: collection.title,
+      description: t("collectionPage.info")
+    },
+    /* @__PURE__ */ React.createElement(BackToCollectionsButton, null),
+    /* @__PURE__ */ React.createElement(CreateCollectionButton, null)
+  ), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(CollectionCard, { collection })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(PostsGrid, { collectionId: collection.id }))));
+};
+
+export { CollectionPage };
+//# sourceMappingURL=CollectionPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionPage.esm.js","sources":["../../../src/components/CollectionPage/CollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  BackToCollectionsButton,\n  CollectionCard,\n  CreateCollectionButton,\n  PostsGrid,\n  useQetaApi,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Skeleton } from '@material-ui/lab';\nimport { ContentHeader, WarningPanel } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\n\nexport const CollectionPage = () => {\n  const { id } = useParams();\n  const { t } = useTranslation();\n\n  const {\n    value: collection,\n    loading,\n    error,\n  } = useQetaApi(api => api.getCollection(id), [id]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || collection === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('questionPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <>\n      <ContentHeader\n        title={collection.title}\n        description={t('collectionPage.info')}\n      >\n        <BackToCollectionsButton />\n        <CreateCollectionButton />\n      </ContentHeader>\n      <Grid container>\n        <Grid item xs={12}>\n          <CollectionCard collection={collection} />\n        </Grid>\n        <Grid item xs={12}>\n          <PostsGrid collectionId={collection.id} />\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAcO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,UAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,cAAc,EAAE,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEjD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,QAAQ,GAAK,EAAA,CAAA,CAAA;AAAA,GAC/C;AAEA,EAAI,IAAA,KAAA,IAAS,eAAe,KAAW,CAAA,EAAA;AACrC,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,2BAA2B,CAChE,EAAA,EAAA,KAAA,EAAO,OACV,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,OAAO,UAAW,CAAA,KAAA;AAAA,MAClB,WAAA,EAAa,EAAE,qBAAqB,CAAA;AAAA,KAAA;AAAA,wCAEnC,uBAAwB,EAAA,IAAA,CAAA;AAAA,wCACxB,sBAAuB,EAAA,IAAA,CAAA;AAAA,GAE1B,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,UAAA,EAAwB,CAC1C,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,YAAc,EAAA,UAAA,CAAW,EAAI,EAAA,CAC1C,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionsPage/CollectionsPage.esm.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ContentHeader } from '@backstage/core-components';
+import { useTranslation, CreateCollectionButton, CollectionsGrid } from '@drodil/backstage-plugin-qeta-react';
+
+const CollectionsPage = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("collectionsPage.title") }, /* @__PURE__ */ React.createElement(CreateCollectionButton, null)), /* @__PURE__ */ React.createElement(CollectionsGrid, null));
+};
+
+export { CollectionsPage };
+//# sourceMappingURL=CollectionsPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionsPage.esm.js","sources":["../../../src/components/CollectionsPage/CollectionsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport {\n  CollectionsGrid,\n  CreateCollectionButton,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\n\nexport const CollectionsPage = () => {\n  const { t } = useTranslation();\n\n  return (\n    <>\n      <ContentHeader title={t('collectionsPage.title')}>\n        <CreateCollectionButton />\n      </ContentHeader>\n      <CollectionsGrid />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,uBAAuB,CAC7C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAuB,EAAA,IAAA,CAC1B,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,qBAAgB,CACnB,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,75 @@
+import React, { useEffect } from 'react';
+import { ContentHeader } from '@backstage/core-components';
+import { useParams } from 'react-router-dom';
+import { useTranslation, qetaApiRef, EntityFollowButton, AskQuestionButton, WriteArticleButton, PostsContainer, EntitiesGrid, FollowedEntitiesList, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
+import { Grid, Typography, Card, CardContent } from '@material-ui/core';
+import Whatshot from '@material-ui/icons/Whatshot';
+import { useApi } from '@backstage/core-plugin-api';
+import { EntityRefLink } from '@backstage/plugin-catalog-react';
+
+const EntityPage = () => {
+  const { entityRef } = useParams();
+  const { t } = useTranslation();
+  const [resp, setResp] = React.useState();
+  const qetaApi = useApi(qetaApiRef);
+  useEffect(() => {
+    if (!entityRef) {
+      setResp(void 0);
+      return;
+    }
+    qetaApi.getEntity(entityRef).then((res) => {
+      if (res) {
+        setResp(res);
+      }
+    });
+  }, [qetaApi, entityRef]);
+  let shownTitle = t("entitiesPage.defaultTitle");
+  let link = void 0;
+  if (entityRef) {
+    shownTitle = t(`postsContainer.title.about`, { itemType: "Post" });
+    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef });
+  }
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(
+    ContentHeader,
+    {
+      titleComponent: /* @__PURE__ */ React.createElement(Typography, { variant: "h5", component: "h2" }, shownTitle, " ", link)
+    },
+    entityRef && /* @__PURE__ */ React.createElement(EntityFollowButton, { entityRef }),
+    /* @__PURE__ */ React.createElement(AskQuestionButton, { entity: entityRef }),
+    /* @__PURE__ */ React.createElement(WriteArticleButton, { entity: entityRef })
+  ), resp && /* @__PURE__ */ React.createElement(Card, { variant: "outlined", style: { marginBottom: "1rem" } }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, t("common.posts", {
+    count: resp.postsCount,
+    itemType: "post"
+  }), " \xB7 ", t("common.followers", { count: resp.followerCount })))), entityRef ? /* @__PURE__ */ React.createElement(PostsContainer, { entity: entityRef }) : /* @__PURE__ */ React.createElement(EntitiesGrid, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(FollowedEntitiesList, null), /* @__PURE__ */ React.createElement(
+    PostHighlightList,
+    {
+      type: "hot",
+      title: t("highlights.hotQuestions.title"),
+      noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
+      icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" }),
+      options: { entity: entityRef },
+      postType: "question"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    PostHighlightList,
+    {
+      type: "unanswered",
+      title: t("highlights.unanswered.title"),
+      noQuestionsLabel: t("highlights.unanswered.noQuestionsLabel"),
+      options: { entity: entityRef },
+      postType: "question"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    PostHighlightList,
+    {
+      type: "incorrect",
+      title: t("highlights.incorrect.title"),
+      noQuestionsLabel: t("highlights.incorrect.noQuestionsLabel"),
+      options: { entity: entityRef },
+      postType: "question"
+    }
+  )));
+};
+
+export { EntityPage };
+//# sourceMappingURL=EntityPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPage.esm.js","sources":["../../../src/components/EntityPage/EntityPage.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport {\n  AskQuestionButton,\n  EntitiesGrid,\n  EntityFollowButton,\n  FollowedEntitiesList,\n  PostHighlightList,\n  PostsContainer,\n  qetaApiRef,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\n\nexport const EntityPage = () => {\n  const { entityRef } = useParams();\n  const { t } = useTranslation();\n  const [resp, setResp] = React.useState<undefined | EntityResponse>();\n\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (!entityRef) {\n      setResp(undefined);\n      return;\n    }\n\n    qetaApi.getEntity(entityRef).then(res => {\n      if (res) {\n        setResp(res);\n      }\n    });\n  }, [qetaApi, entityRef]);\n\n  let shownTitle: string = t('entitiesPage.defaultTitle');\n  let link = undefined;\n  if (entityRef) {\n    shownTitle = t(`postsContainer.title.about`, { itemType: 'Post' });\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            <Typography variant=\"h5\" component=\"h2\">\n              {shownTitle} {link}\n            </Typography>\n          }\n        >\n          {entityRef && <EntityFollowButton entityRef={entityRef} />}\n          <AskQuestionButton entity={entityRef} />\n          <WriteArticleButton entity={entityRef} />\n        </ContentHeader>\n        {resp && (\n          <Card variant=\"outlined\" style={{ marginBottom: '1rem' }}>\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 ? <PostsContainer entity={entityRef} /> : <EntitiesGrid />}\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <FollowedEntitiesList />\n        <PostHighlightList\n          type=\"hot\"\n          title={t('highlights.hotQuestions.title')}\n          noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ entity: entityRef }}\n          postType=\"question\"\n        />\n        <PostHighlightList\n          type=\"unanswered\"\n          title={t('highlights.unanswered.title')}\n          noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n          options={{ entity: entityRef }}\n          postType=\"question\"\n        />\n        <PostHighlightList\n          type=\"incorrect\"\n          title={t('highlights.incorrect.title')}\n          noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n          options={{ entity: entityRef }}\n          postType=\"question\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,38 +1,30 @@
 import React from 'react';
 import { ContentHeader } from '@backstage/core-components';
-import { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer.esm.js';
-import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
-import { useTranslation } from '../../utils/hooks.esm.js';
+import { useTranslation, AskQuestionButton, WriteArticleButton, PostsContainer, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
 import { Grid } from '@material-ui/core';
-import { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList.esm.js';
 import Whatshot from '@material-ui/icons/Whatshot';
 
 const FavoritePage = () => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("favoritePage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(QuestionsContainer, { favorite: true })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("favoritePage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(WriteArticleButton, null)), /* @__PURE__ */ React.createElement(PostsContainer, { favorite: true })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
+    PostHighlightList,
     {
       type: "hot",
-      title: t("highlights.hot.title"),
-      noQuestionsLabel: t("highlights.hot.noQuestionsLabel"),
+      title: t("highlights.hotQuestions.title"),
+      noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
       icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" }),
-      options: { favorite: true }
+      options: { favorite: true },
+      postType: "question"
     }
   ), /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
+    PostHighlightList,
     {
-      type: "unanswered",
-      title: t("highlights.unanswered.title"),
-      noQuestionsLabel: t("highlights.unanswered.noQuestionsLabel"),
-      options: { favorite: true }
-    }
-  ), /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
-    {
-      type: "incorrect",
-      title: t("highlights.incorrect.title"),
-      noQuestionsLabel: t("highlights.incorrect.noQuestionsLabel"),
-      options: { favorite: true }
+      type: "hot",
+      title: t("highlights.hotArticles.title"),
+      noQuestionsLabel: t("highlights.hotArticles.noArticlesLabel"),
+      icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" }),
+      options: { favorite: true },
+      postType: "article"
     }
   )));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FavoritePage.esm.js","sources":["../../../src/components/FavoritePage/FavoritePage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { QuestionsContainer } from '../QuestionsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { useTranslation } from '../../utils/hooks';\nimport { Grid } from '@material-ui/core';\nimport { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const FavoritePage = () => {\n  const { t } = useTranslation();\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('favoritePage.title')}>\n          <AskQuestionButton />\n        </ContentHeader>\n        <QuestionsContainer favorite />\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <QuestionHighlightList\n          type=\"hot\"\n          title={t('highlights.hot.title')}\n          noQuestionsLabel={t('highlights.hot.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ favorite: true }}\n        />\n        <QuestionHighlightList\n          type=\"unanswered\"\n          title={t('highlights.unanswered.title')}\n          noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n          options={{ favorite: true }}\n        />\n        <QuestionHighlightList\n          type=\"incorrect\"\n          title={t('highlights.incorrect.title')}\n          noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n          options={{ favorite: true }}\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,qBACtB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,EAAA,EAAA,sCAC3B,aAAc,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,oBAAoB,qBACzC,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACrB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,QAAQ,EAAA,IAAA,EAAC,CAC/B,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,gBAAA,EAAkB,EAAE,iCAAiC,CAAA;AAAA,MACrD,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,KAAA;AAAA,GAE5B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,YAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,KAAA;AAAA,GAE5B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,WAAA;AAAA,MACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,MAC3D,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,KAAA;AAAA,GAE9B,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FavoritePage.esm.js","sources":["../../../src/components/FavoritePage/FavoritePage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport {\n  AskQuestionButton,\n  PostHighlightList,\n  PostsContainer,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const FavoritePage = () => {\n  const { t } = useTranslation();\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('favoritePage.title')}>\n          <AskQuestionButton />\n          <WriteArticleButton />\n        </ContentHeader>\n        <PostsContainer favorite />\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <PostHighlightList\n          type=\"hot\"\n          title={t('highlights.hotQuestions.title')}\n          noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ favorite: true }}\n          postType=\"question\"\n        />\n        <PostHighlightList\n          type=\"hot\"\n          title={t('highlights.hotArticles.title')}\n          noQuestionsLabel={t('highlights.hotArticles.noArticlesLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ favorite: true }}\n          postType=\"article\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,sCACtB,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CAAG,EAAA,EAAA,EAAI,sBAC3B,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAO,CAAE,CAAA,oBAAoB,CAC1C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAkB,CACnB,kBAAA,KAAA,CAAA,aAAA,CAAC,wBAAmB,CACtB,CAAA,sCACC,cAAe,EAAA,EAAA,QAAA,EAAQ,MAAC,CAC3B,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,MACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,MAC9D,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,MAC1B,QAAS,EAAA,UAAA;AAAA,KAAA;AAAA,GAEX,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,MACvC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,MAC1B,QAAS,EAAA,SAAA;AAAA,KAAA;AAAA,GAEb,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,12 +1,7 @@
 import { ContentHeader } from '@backstage/core-components';
-import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
+import { useTranslation, useIdentityApi, AskQuestionButton, PostsCard, ImpactCard, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
 import React from 'react';
-import { useTranslation, useIdentityApi } from '../../utils/hooks.esm.js';
-import { QuestionsCard } from '../HomePageCards/QuestionsCard.esm.js';
 import { Grid } from '@material-ui/core';
-import { FollowedTagsList } from '../QetaPage/FollowedTagsList.esm.js';
-import { FollowedEntitiesList } from '../QetaPage/FollowedEntitiesList.esm.js';
-import { ImpactCard } from '../HomePageCards/ImpactCard.esm.js';
 
 const HomePage = () => {
   const { t } = useTranslation();
@@ -16,18 +11,20 @@ const HomePage = () => {
     error: userError
   } = useIdentityApi((api) => api.getBackstageIdentity(), []);
   return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("homePage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(Grid, { container: true }, user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-    QuestionsCard,
+    PostsCard,
     {
       type: "own",
       title: t("highlights.own.title"),
-      options: { author: user.userEntityRef }
+      options: { author: user.userEntityRef },
+      postType: "question"
     }
   )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-    QuestionsCard,
+    PostsCard,
     {
       type: "own",
       title: t("highlights.unanswered.title"),
-      options: { noAnswers: "true", random: "true" }
+      options: { noAnswers: true, random: true, type: "question" },
+      postType: "question"
     }
   )))), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(ImpactCard, null), /* @__PURE__ */ React.createElement(FollowedTagsList, null), /* @__PURE__ */ React.createElement(FollowedEntitiesList, null)));
 };

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 { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport React from 'react';\nimport { useIdentityApi, useTranslation } from '../../utils/hooks';\nimport { QuestionsCard } from '../HomePageCards/QuestionsCard';\nimport { Grid } from '@material-ui/core';\nimport { FollowedTagsList } from '../QetaPage/FollowedTagsList';\nimport { FollowedEntitiesList } from '../QetaPage/FollowedEntitiesList';\nimport { ImpactCard } from '../HomePageCards/ImpactCard';\n\nexport const HomePage = () => {\n  const { t } = useTranslation();\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          <AskQuestionButton />\n        </ContentHeader>\n        <Grid container>\n          {user && !loadingUser && !userError && (\n            <Grid item xs={12}>\n              <QuestionsCard\n                type=\"own\"\n                title={t('highlights.own.title')}\n                options={{ author: user.userEntityRef }}\n              />\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            <QuestionsCard\n              type=\"own\"\n              title={t('highlights.unanswered.title')}\n              options={{ noAnswers: 'true', random: 'true' }}\n            />\n          </Grid>\n        </Grid>\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <ImpactCard />\n        <FollowedTagsList />\n        <FollowedEntitiesList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUO,MAAM,WAAW,MAAM;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA,CAAA;AAExD,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,sCACtB,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,IAAI,EAC5B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAc,KAAO,EAAA,CAAA,CAAE,gBAAgB,CAAA,EAAA,sCACrC,iBAAkB,EAAA,IAAA,CACrB,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IACZ,EAAA,EAAA,IAAA,IAAQ,CAAC,WAAA,IAAe,CAAC,SACxB,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,OAAS,EAAA,EAAE,MAAQ,EAAA,IAAA,CAAK,aAAc,EAAA;AAAA,KAAA;AAAA,GAE1C,CAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,EAAQ,QAAQ,MAAO,EAAA;AAAA,KAAA;AAAA,GAEjD,CACF,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAW,CACZ,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAiB,CAClB,kBAAA,KAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,IAAA,CACxB,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport {\n  AskQuestionButton,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  ImpactCard,\n  PostsCard,\n  useIdentityApi,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport React from 'react';\nimport { Grid } from '@material-ui/core';\n\nexport const HomePage = () => {\n  const { t } = useTranslation();\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          <AskQuestionButton />\n        </ContentHeader>\n        <Grid container>\n          {user && !loadingUser && !userError && (\n            <Grid item xs={12}>\n              <PostsCard\n                type=\"own\"\n                title={t('highlights.own.title')}\n                options={{ author: user.userEntityRef }}\n                postType=\"question\"\n              />\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            <PostsCard\n              type=\"own\"\n              title={t('highlights.unanswered.title')}\n              options={{ noAnswers: true, random: true, type: 'question' }}\n              postType=\"question\"\n            />\n          </Grid>\n        </Grid>\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <ImpactCard />\n        <FollowedTagsList />\n        <FollowedEntitiesList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;AAaO,MAAM,WAAW,MAAM;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA,CAAA;AAExD,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,sCACtB,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,IAAI,EAC5B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAc,KAAO,EAAA,CAAA,CAAE,gBAAgB,CAAA,EAAA,sCACrC,iBAAkB,EAAA,IAAA,CACrB,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IACZ,EAAA,EAAA,IAAA,IAAQ,CAAC,WAAA,IAAe,CAAC,SACxB,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,OAAS,EAAA,EAAE,MAAQ,EAAA,IAAA,CAAK,aAAc,EAAA;AAAA,MACtC,QAAS,EAAA,UAAA;AAAA,KAAA;AAAA,GAEb,CAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,SAAS,EAAE,SAAA,EAAW,MAAM,MAAQ,EAAA,IAAA,EAAM,MAAM,UAAW,EAAA;AAAA,MAC3D,QAAS,EAAA,UAAA;AAAA,KAAA;AAAA,GAEb,CACF,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAW,CACZ,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAiB,CAClB,kBAAA,KAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,IAAA,CACxB,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,36 +1,34 @@
-import { MenuList, ListItemIcon, ListItem, Typography, MenuItem } from '@material-ui/core';
+import { SvgIcon, MenuList, Box, ListItemIcon, ListItem, Typography, MenuItem } from '@material-ui/core';
 import AccountBox from '@material-ui/icons/AccountBox';
 import LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';
 import StarIcon from '@material-ui/icons/Star';
+import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteRef, userRouteRef, questionsRouteRef, articlesRouteRef, collectionsRouteRef, entitiesRouteRef, usersRouteRef, useStyles, useTranslation, useIdentityApi, TrophyIcon } from '@drodil/backstage-plugin-qeta-react';
 import React from 'react';
-import '@backstage/core-components';
-import { useStyles, useTranslation, useIdentityApi } from '../../utils/hooks.esm.js';
-import { TrophyIcon } from '../Statistics/TrophyIcon.esm.js';
-import '../Statistics/styles.esm.js';
-import { useRouteRef } from '@backstage/core-plugin-api';
-import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteRef, userRouteRef, questionsRouteRef } from '@drodil/backstage-plugin-qeta-react';
-import '@backstage/plugin-catalog-react';
-import '@material-ui/icons/HelpOutline';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '../Statistics/StatsChart.esm.js';
-import 'numeral';
+import { useRouteRef, useApp } from '@backstage/core-plugin-api';
 import HelpOutlined from '@material-ui/icons/HelpOutlined';
 import { useNavigate } from 'react-router-dom';
 import Home from '@material-ui/icons/Home';
 import { useLocation } from 'react-use';
+import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
+import PlaylistPlay from '@material-ui/icons/PlaylistPlay';
+import { GroupIcon } from '@backstage/core-components';
 
-const LeftMenu = () => {
+const LeftMenu = (props) => {
   const rootRoute = useRouteRef(qetaRouteRef);
   const tagsRoute = useRouteRef(tagsRouteRef);
   const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);
   const statisticsRoute = useRouteRef(statisticsRouteRef);
   const userRoute = useRouteRef(userRouteRef);
   const questionsRoute = useRouteRef(questionsRouteRef);
+  const articlesRoute = useRouteRef(articlesRouteRef);
+  const collectionsRoute = useRouteRef(collectionsRouteRef);
+  const entitiesRoute = useRouteRef(entitiesRouteRef);
+  const usersRoute = useRouteRef(usersRouteRef);
   const styles = useStyles();
   const { t } = useTranslation();
   const location = useLocation();
   const navigate = useNavigate();
+  const app = useApp();
   const {
     value: user,
     loading: loadingUser,
@@ -43,13 +41,46 @@ const LeftMenu = () => {
     return /* @__PURE__ */ React.createElement(
       MenuItem,
       {
-        onClick: () => navigate(route),
+        onClick: (e) => {
+          navigate(route);
+          if (props.onClick) {
+            props.onClick(e);
+          }
+        },
         className: route === location.pathname ? styles.selectedMenuItem : styles.nonSelectedMenuItem
       },
       children
     );
   };
-  return /* @__PURE__ */ React.createElement(MenuList, { id: "left-menu", className: styles.leftMenu }, /* @__PURE__ */ React.createElement(CustomMenuItem, { route: rootRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(Home, { fontSize: "small" })), t("leftMenu.home")), /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Content")), /* @__PURE__ */ React.createElement(CustomMenuItem, { route: questionsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(HelpOutlined, { fontSize: "small" })), t("leftMenu.questions")), /* @__PURE__ */ React.createElement(CustomMenuItem, { route: favoritesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(StarIcon, { fontSize: "small" })), t("leftMenu.favoriteQuestions")), /* @__PURE__ */ React.createElement(CustomMenuItem, { route: tagsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(LoyaltyOutlined, { fontSize: "small" })), t("leftMenu.tags")), user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(CustomMenuItem, { route: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(AccountBox, { fontSize: "small" })), t("leftMenu.profile")), /* @__PURE__ */ React.createElement(CustomMenuItem, { route: statisticsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(TrophyIcon, null)), t("leftMenu.statistics")));
+  const EntityIcon = app.getSystemIcon("kind:system") ?? SvgIcon;
+  return /* @__PURE__ */ React.createElement(
+    MenuList,
+    {
+      id: "left-menu",
+      className: styles.leftMenu,
+      onKeyDown: props.onKeyDown,
+      autoFocusItem: props.autoFocusItem,
+      style: props.inPopup ? { marginRight: 0, padding: "0.5rem" } : { marginRight: "2rem", float: "right", position: "sticky" }
+    },
+    /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        display: props.inPopup ? {} : { xs: "none", sm: "none", md: "none", lg: "block" }
+      },
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: rootRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(Home, { fontSize: "small" })), t("leftMenu.home")),
+      /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.content"))),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: questionsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(HelpOutlined, { fontSize: "small" })), t("leftMenu.questions")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: articlesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(CollectionsBookmarkIcon, { fontSize: "small" })), t("leftMenu.articles")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: favoritesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(StarIcon, { fontSize: "small" })), t("leftMenu.favoriteQuestions")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: entitiesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(EntityIcon, { fontSize: "small" })), t("leftMenu.entities")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: tagsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(LoyaltyOutlined, { fontSize: "small" })), t("leftMenu.tags")),
+      /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.community"))),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: collectionsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(PlaylistPlay, { fontSize: "small" })), t("leftMenu.collections")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: usersRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(GroupIcon, { fontSize: "small" })), t("leftMenu.users")),
+      user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(CustomMenuItem, { route: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(AccountBox, { fontSize: "small" })), t("leftMenu.profile")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: statisticsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(TrophyIcon, null)), t("leftMenu.statistics"))
+    )
+  );
 };
 
 export { LeftMenu };