npm - @drodil/backstage-plugin-qeta - Versions diffs - 3.48.2 → 3.49.1 - Mend

@drodil/backstage-plugin-qeta 3.48.2 → 3.49.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (84) hide show

package/dist/components/LinkPage/LinkPage.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinkPage.esm.js","sources":["../../../src/components/LinkPage/LinkPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { ~~ContentHeader,~~ WarningPanel } from '@backstage/core-components';\nimport { PostResponse, QetaSignal } from '@drodil/backstage-plugin-qeta-common';\nimport {\n AddToCollectionButton,\n ~~ButtonContainer~~,\n CreateLinkButton,\n DeletedBanner,\n DraftBanner,\n LinkCard,\n qetaTranslationRef,\n RelativeTimeWithTooltip,\n UpdatedByLink,\n useQetaApi,\n FaviconItem,\n qetaApiRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Box, makeStyles, ~~Typography~~ } from '@material-ui/core';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useDescriptionStyles = makeStyles(\n () => ({\n root: {},\n box: {\n display: 'inline',\n },\n }),\n { name: 'QetaDescription' },\n);\n\nexport const LinkPage = () => {\n const { id } = useParams();\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const dStyles = useDescriptionStyles();\n const [score, setScore] = useState(0);\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 setScore(post.score);\n }\n }, [post]);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setScore(lastSignal.score);\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('linkPage.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (post.type !== 'link') {\n return <WarningPanel title=\"Not found\" message={t('linkPage.notFound')} />;\n }\n\n const getDescription = (q: PostResponse) => {\n return (\n <span className={dStyles.root}>\n <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n {t('authorBox.postedAtTime')}{' '}\n <RelativeTimeWithTooltip value={q.created} />\n {' · '}\n </Box>\n {q.updated && (\n <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n {t('authorBox.updatedAtTime')}{' '}\n <RelativeTimeWithTooltip value={q.updated} />{' '}\n {t('authorBox.updatedBy')} <UpdatedByLink entity={q} />\n {' · '}\n </Box>\n )}\n <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n {t('common.clicksCount', { count: score })}\n </Box>\n </span>\n );\n };\n\n return (\n <>\n <ContentHeader\n title={~~post.title}~~\n ~~titleComponent={\n~~ post.url ? (\n <~~Box display=\"flex~~\~~" alignItems=\"center\">\~~n ~~<FaviconItem entity={post} />\n <Typography variant=\"h3\">\n <a\n~~ href={post.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n style={{ color: 'inherit', textDecoration: 'none' }}\n data-testid=\"link-title\"\n onClick={event => {\n event.stopPropagation();\n qetaApi.clickLink(post.id);\n }}\n >\n {post.title}\n </a>\n ~~</Typography>\n </Box>\n~~ ) : (\n post.title\n )\n }\n // ~~@ts-ignore,~~ it ~~can~~ ~~accept~~ a ~~react node. See QuestionPage.\~~n description={getDescription(post)}\n >\n <~~ButtonContainer>\n <~~CreateLinkButton />\n <AddToCollectionButton post={post} />\n ~~</ButtonContainer>\n~~ </ContentHeader>\n {post.status === 'draft' && <DraftBanner />}\n {post.status === 'deleted' && <DeletedBanner />}\n <LinkCard link={post} />\n </>\n );\n};\n"],"names":[],"mappings":"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~~GAAA~~;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,~~OAAO,IAAK,CAAA,~~KAAA~~;AAAA~~,~~QACZ,cAAA,~~EACE,KAAK,GACH,mBAAA,~~IAAA,CAAC,OAAI,OAAQ,EAAA,MAAA,EAAO,YAAW,QAC7B,EAAA,QAAA,EAAA;AAAA,0BAAC,~~GAAA~~,CAAA,WAAA,EAAA,EAAY,QAAQ,IAAM,EAAA,CAAA~~;AAAA,~~0BAC3B~~,GAAA~~,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAClB,EAAA,QAAA,kBAAA,GAAA~~;AAAA,~~YAAC,GAAA~~;AAAA,~~YAAA;AAAA~~,~~cACC,~~MAAM,IAAK,CAAA,GAAA;AAAA,~~cACX~~,MAAO,EAAA,QAAA;AAAA,~~cACP~~,GAAI,EAAA,qBAAA;AAAA,~~cACJ~~,KAAO,EAAA,EAAE,KAAO,EAAA,SAAA,EAAW,gBAAgB,MAAO,EAAA;AAAA,~~cAClD~~,aAAY,EAAA,YAAA;AAAA,~~cACZ~~,SAAS,CAAS,KAAA,KAAA;AAChB,~~gBAAA~~,KAAA,CAAM,eAAgB,EAAA;AACtB,~~gBAAQ~~,OAAA,CAAA,SAAA,CAAU,KAAK,EAAE,CAAA;AAAA,~~eAC3B~~;AAAA,~~cAEC~~,QAAK,EAAA,IAAA,CAAA;AAAA;AAAA,~~WAEV~~,~~EAAA~~;AAAA,~~SAAA~~,~~EACF~~,~~IAEA,~~IAAK,CAAA,KAAA;AAAA,~~QAIT~~,WAAA,EAAa,eAAe,IAAI,CAAA;AAAA,QAEhC~~,+BAAC~~,~~eACC,EAAA,EAAA,~~QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,CAAA;AAAA,0BAClB,GAAA,CAAC,yBAAsB,IAAY,EAAA;AAAA~~,SACrC,EAAA~~;AAAA;AAAA,~~KACF~~;AAAA,IACC,IAAK,CAAA,MAAA,KAAW,OAAW,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,CAAA;AAAA,IACxC,IAAK,CAAA,MAAA,KAAW,SAAa,oBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA;AAAA,oBAC7C,GAAA,CAAC,QAAS,EAAA,EAAA,IAAA,EAAM,IAAM,EAAA;AAAA,GACxB,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"LinkPage.esm.js","sources":["../../../src/components/LinkPage/LinkPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { PostResponse, QetaSignal } from '@drodil/backstage-plugin-qeta-common';\nimport {\n AddToCollectionButton,\n ContentHeader,\n CreateLinkButton,\n DeletedBanner,\n DraftBanner,\n LinkCard,\n qetaTranslationRef,\n RelativeTimeWithTooltip,\n UpdatedByLink,\n useQetaApi,\n FaviconItem,\n qetaApiRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Box, makeStyles } from '@material-ui/core';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useDescriptionStyles = makeStyles(\n () => ({\n root: {},\n box: {\n display: 'inline',\n },\n }),\n { name: 'QetaDescription' },\n);\n\nexport const LinkPage = () => {\n const { id } = useParams();\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const dStyles = useDescriptionStyles();\n const [score, setScore] = useState(0);\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 setScore(post.score);\n }\n }, [post]);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setScore(lastSignal.score);\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('linkPage.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (post.type !== 'link') {\n return <WarningPanel title=\"Not found\" message={t('linkPage.notFound')} />;\n }\n\n const getDescription = (q: PostResponse) => {\n return (\n <span className={dStyles.root}>\n <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n {t('authorBox.postedAtTime')}{' '}\n <RelativeTimeWithTooltip value={q.created} />\n {' · '}\n </Box>\n {q.updated && (\n <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n {t('authorBox.updatedAtTime')}{' '}\n <RelativeTimeWithTooltip value={q.updated} />{' '}\n {t('authorBox.updatedBy')} <UpdatedByLink entity={q} />\n {' · '}\n </Box>\n )}\n <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n {t('common.clicksCount', { count: score })}\n </Box>\n </span>\n );\n };\n\n return (\n <>\n <ContentHeader\n title={\n post.url ? (\n <a\n href={post.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n style={{ color: 'inherit', textDecoration: 'none' }}\n data-testid=\"link-title\"\n onClick={event => {\n event.stopPropagation();\n qetaApi.clickLink(post.id);\n }}\n >\n {post.title}\n </a>\n ) : (\n post.title\n )\n }\n titleIcon={post.url ? <FaviconItem entity={post} /> : undefined}\n description={getDescription(post)}\n >\n <CreateLinkButton />\n <AddToCollectionButton post={post} />\n </ContentHeader>\n {post.status === 'draft' && <DraftBanner />}\n {post.status === 'deleted' && <DeletedBanner />}\n <LinkCard link={post} />\n </>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/LinksPage/LinksPage.esm.js CHANGED Viewed

@@ -1,16 +1,15 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useSearchParams } from 'react-router-dom';
 import { useState, useEffect } from 'react';
-import { ContentHeader } from '@backstage/core-components';
-import { qetaTranslationRef, ButtonContainer, CreateLinkButton, PostsGrid, PostsContainer, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, ContentHeader, CreateLinkButton, PostsGrid, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
-import Whatshot from '@material-ui/icons/Whatshot';
-import { Grid } from '@material-ui/core';
+import LinkIcon from '@material-ui/icons/Link';
+import { Typography } from '@material-ui/core';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 const LinksPage = () => {
   const [searchParams] = useSearchParams();
-  const [view, setView] = useState("grid");
+  const [view, setView] = useState("list");
   const [entityRef, setEntityRef] = useState(void 0);
   const [tags, setTags] = useState(void 0);
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -18,25 +17,25 @@ const LinksPage = () => {
     setEntityRef(searchParams.get("entity") ?? void 0);
     setTags(filterTags(searchParams.get("tags")));
   }, [searchParams, setEntityRef]);
-  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("linksPage.title"), children: /* @__PURE__ */ jsx(ButtonContainer, { children: /* @__PURE__ */ jsx(CreateLinkButton, { entity: entityRef, tags }) }) }),
-      view === "grid" ? /* @__PURE__ */ jsx(PostsGrid, { type: "link", view, onViewChange: setView }) : /* @__PURE__ */ jsx(PostsContainer, { type: "link", view, onViewChange: setView })
-    ] }),
-    /* @__PURE__ */ jsxs(Grid, { item: true, lg: 3, xl: 2, children: [
-      /* @__PURE__ */ jsx(
-        PostHighlightList,
-        {
-          type: "hot",
-          title: t("highlights.hotLinks.title"),
-          noQuestionsLabel: t("highlights.hotLinks.noLinksLabel"),
-          icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
-          postType: "link"
-        }
-      ),
-      /* @__PURE__ */ jsx(FollowedTagsList, {}),
-      /* @__PURE__ */ jsx(FollowedEntitiesList, {})
-    ] })
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ContentHeader,
+      {
+        titleComponent: /* @__PURE__ */ jsxs(
+          Typography,
+          {
+            variant: "h4",
+            style: { display: "flex", alignItems: "center" },
+            children: [
+              /* @__PURE__ */ jsx(LinkIcon, { fontSize: "large", style: { marginRight: "8px" } }),
+              t("linksPage.title")
+            ]
+          }
+        ),
+        children: /* @__PURE__ */ jsx(CreateLinkButton, { entity: entityRef, tags })
+      }
+    ),
+    view === "grid" ? /* @__PURE__ */ jsx(PostsGrid, { type: "link", view, onViewChange: setView }) : /* @__PURE__ */ jsx(PostsContainer, { type: "link", view, onViewChange: setView })
   ] });
 };

package/dist/components/LinksPage/LinksPage.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinksPage.esm.js","sources":["../../../src/components/LinksPage/LinksPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport { ~~ContentHeader } from '@backstage/core-components';\nimport {~~\n ~~ButtonContainer~~,\n CreateLinkButton,\n ~~FollowedEntitiesList,\n FollowedTagsList,\n PostHighlightList,\n~~ PostsContainer,\n PostsGrid,\n qetaTranslationRef,\n ViewType,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport ~~Whatshot~~ from '@material-ui/icons/~~Whatshot~~';\nimport { ~~Grid~~ } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const LinksPage = () => {\n const [searchParams] = useSearchParams();\n const [view, setView] = useState<ViewType>('~~grid~~');\n\n const [entityRef, setEntityRef] = useState<string \| undefined>(undefined);\n const [tags, setTags] = useState<string[] \| undefined>(undefined);\n const { t } = useTranslationRef(qetaTranslationRef);\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('linksPage.title')}>\n ~~<ButtonContainer~~>\n <CreateLinkButton entity={entityRef} tags={tags} />\n </~~ButtonContainer>\n </~~ContentHeader>\n {view === 'grid' ? (\n <PostsGrid type=\"link\" view={view} onViewChange={setView} />\n ) : (\n <PostsContainer type=\"link\" view={view} onViewChange={setView} />\n ~~)}\n~~ ~~</Grid>\n <Grid item lg={3} xl={2}>\n <PostHighlightList\n type=\"hot\"\n title={t('highlights.hotLinks.title'~~)}\n noQuestionsLabel={t('highlights.hotLinks.noLinksLabel')}\n icon={<Whatshot fontSize=\"small\" />}\n postType=\"link\"\n />\n <FollowedTagsList />\n <FollowedEntitiesList />\n </Grid>\n ~~</Grid>\~~n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;AAmBO~~,MAAM,YAAY,MAAM;AAC7B,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AACvC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,MAAM,CAAA;AAEjD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAA6B,KAAS,CAAA,CAAA;AACxE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA+B,KAAS,CAAA,CAAA;AAChE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,IAAK,KAAS,CAAA,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAW,CAAA,YAAA,CAAa,GAAI,CAAA,MAAM,CAAC,CAAC,CAAA;AAAA,GAC3C,EAAA,CAAC,YAAc,EAAA,YAAY,CAAC,CAAA;AAE/B,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,~~aAAc~~,~~EAAA~~,EAAA,~~KAAA~~,~~EAAO~~,~~CAAE~~,~~CAAA~~,~~iBAAiB~~,~~CACvC~~,EAAA,~~QAAA~~,~~kBAAA~~,~~GAAA~~,~~CAAC~~,~~eACC~~,~~EAAA~~,~~EAAA~~,~~QAAA,~~kBAAA,GAAA,~~CAAC~~,~~gBAAiB~~,EAAA,~~EAAA~~,~~MAAA~~,~~EAAQ,SAAW,~~EAAA,~~IAAA~~,~~EAAY~~,~~GACnD~~,~~CACF,~~EAAA,~~CAAA~~;AAAA,~~MACC~~,SAAS,MACR,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAK,QAAO,IAAY,EAAA,YAAA,EAAc,OAAS,EAAA,CAAA,uBAEzD,cAAe,EAAA,EAAA,IAAA,EAAK,MAAO,EAAA,IAAA,EAAY,cAAc,OAAS,EAAA;AAAA,~~KAEnE~~,EAAA,CAAA;AAAA,yBACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,KAAA;AAAA,UACL,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,UACpC,gBAAA,EAAkB,EAAE,kCAAkC,CAAA;AAAA,UACtD,IAAM,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,UACjC,QAAS,EAAA;AAAA;AAAA,OACX;AAAA,0BACC,gBAAiB,EAAA,EAAA,CAAA;AAAA,0BACjB,oBAAqB,EAAA,EAAA;AAAA,KACxB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"LinksPage.esm.js","sources":["../../../src/components/LinksPage/LinksPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n ContentHeader,\n CreateLinkButton,\n PostsContainer,\n PostsGrid,\n qetaTranslationRef,\n ViewType,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const LinksPage = () => {\n const [searchParams] = useSearchParams();\n const [view, setView] = useState<ViewType>('list');\n\n const [entityRef, setEntityRef] = useState<string \| undefined>(undefined);\n const [tags, setTags] = useState<string[] \| undefined>(undefined);\n const { t } = useTranslationRef(qetaTranslationRef);\n useEffect(() => {\n setEntityRef(searchParams.get('entity') ?? undefined);\n setTags(filterTags(searchParams.get('tags')));\n }, [searchParams, setEntityRef]);\n\n return (\n <>\n <ContentHeader\n titleComponent={\n <Typography\n variant=\"h4\"\n style={{ display: 'flex', alignItems: 'center' }}\n >\n <LinkIcon fontSize=\"large\" style={{ marginRight: '8px' }} />\n {t('linksPage.title')}\n </Typography>\n }\n >\n <CreateLinkButton entity={entityRef} tags={tags} />\n </ContentHeader>\n {view === 'grid' ? (\n <PostsGrid type=\"link\" view={view} onViewChange={setView} />\n ) : (\n <PostsContainer type=\"link\" view={view} onViewChange={setView} />\n )}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,YAAY,MAAM;AAC7B,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AACvC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,MAAM,CAAA;AAEjD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAA6B,KAAS,CAAA,CAAA;AACxE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA+B,KAAS,CAAA,CAAA;AAChE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,IAAK,KAAS,CAAA,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAW,CAAA,YAAA,CAAa,GAAI,CAAA,MAAM,CAAC,CAAC,CAAA;AAAA,GAC3C,EAAA,CAAC,YAAc,EAAA,YAAY,CAAC,CAAA;AAE/B,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,cACE,kBAAA,IAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,IAAA;AAAA,YACR,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,YAAY,QAAS,EAAA;AAAA,YAE/C,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,YAAS,QAAS,EAAA,OAAA,EAAQ,OAAO,EAAE,WAAA,EAAa,OAAS,EAAA,CAAA;AAAA,cACzD,EAAE,iBAAiB;AAAA;AAAA;AAAA,SACtB;AAAA,QAGF,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EAAiB,MAAQ,EAAA,SAAA,EAAW,IAAY,EAAA;AAAA;AAAA,KACnD;AAAA,IACC,SAAS,MACR,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAK,QAAO,IAAY,EAAA,YAAA,EAAc,OAAS,EAAA,CAAA,uBAEzD,cAAe,EAAA,EAAA,IAAA,EAAK,MAAO,EAAA,IAAA,EAAY,cAAc,OAAS,EAAA;AAAA,GAEnE,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ModeratorPage/ModeratorPage.esm.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { useIsModerator, qetaTranslationRef, TemplateList, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import { useIsModerator, qetaTranslationRef, ContentHeader, TemplateList, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import { Box, Tab } from '@material-ui/core';
-import { ContentHeader } from '@backstage/core-components';
 import { TabContext, TabList, TabPanel, Alert } from '@material-ui/lab';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import SettingsOutlined from '@material-ui/icons/SettingsOutlined';
 const ModeratorPage = () => {
   const { isModerator } = useIsModerator();
@@ -17,7 +17,13 @@ const ModeratorPage = () => {
     setTab(newValue);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ContentHeader, { title: t("moderatorPage.title") }),
+    /* @__PURE__ */ jsx(
+      ContentHeader,
+      {
+        title: t("moderatorPage.title"),
+        titleIcon: /* @__PURE__ */ jsx(SettingsOutlined, { fontSize: "large" })
+      }
+    ),
     /* @__PURE__ */ jsxs(TabContext, { value: tab, children: [
       /* @__PURE__ */ jsx(Box, { sx: { borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsxs(
         TabList,
@@ -30,11 +36,11 @@ const ModeratorPage = () => {
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs(TabPanel, { value: "templates", children: [
+      /* @__PURE__ */ jsxs(TabPanel, { value: "templates", style: { padding: "24px 0" }, children: [
         /* @__PURE__ */ jsx(Alert, { severity: "info", style: { marginBottom: "1em" }, children: t("moderatorPage.templatesInfo") }),
         /* @__PURE__ */ jsx(TemplateList, {})
       ] }),
-      /* @__PURE__ */ jsx(TabPanel, { value: "deletedPosts", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(TabPanel, { value: "deletedPosts", style: { padding: "24px 0" }, children: /* @__PURE__ */ jsx(
         PostsContainer,
         {
           status: "deleted",

package/dist/components/ModeratorPage/ModeratorPage.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModeratorPage.esm.js","sources":["../../../src/components/ModeratorPage/ModeratorPage.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport {\n PostsContainer,\n qetaTranslationRef,\n TemplateList,\n useIsModerator,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Box, Tab } from '@material-ui/core';\nimport { ~~ContentHeader } from '@backstage/core-components';\nimport {~~ Alert, TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const ModeratorPage = () => {\n const { isModerator } = useIsModerator();\n const [tab, setTab] = useState('templates');\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (!isModerator) {\n return null;\n }\n\n const handleChange = (_event: ChangeEvent<{}>, newValue: string) => {\n setTab(newValue);\n };\n\n return (\n <>\n <ContentHeader title={t('moderatorPage.title')} />\n <TabContext value={tab}>\n <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n <TabList\n onChange={handleChange}\n aria-label={t('moderatorPage.tools')}\n >\n <Tab label={t('moderatorPage.templates')} value=\"templates\" />\n <Tab label={t('moderatorPage.deletedPosts')} value=\"deletedPosts\" />\n </TabList>\n </Box>\n <TabPanel value=\"templates\">\n <Alert severity=\"info\" style={{ marginBottom: '1em' }}>\n {t('moderatorPage.templatesInfo')}\n </Alert>\n <TemplateList />\n </TabPanel>\n <TabPanel value=\"deletedPosts\">\n <PostsContainer\n status=\"deleted\"\n showNoQuestionsBtn={false}\n showTypeLabel\n />\n </TabPanel>\n </TabContext>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;~~AAYO~~,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,cAAe,EAAA;AACvC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,WAAW,CAAA;AAC1C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAAyB,QAAqB,KAAA;AAClE,IAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,GACjB;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,~~CAAC~~,~~aAAc~~,~~EAAA~~,~~EAAA~~,KAAA,EAAO,~~CAAE~~,CAAA,~~qBAAqB~~,~~CAAG~~,EAAA,~~CAAA~~;AAAA,~~oBAChD~~,IAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAO,GACjB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAI,EAAA,EAAE,cAAc,CAAG,EAAA,WAAA,EAAa,WACvC,EAAA,QAAA,kBAAA,IAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,QAAU,EAAA,YAAA;AAAA,UACV,YAAA,EAAY,EAAE,qBAAqB,CAAA;AAAA,UAEnC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,OAAI,KAAO,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAAG,OAAM,WAAY,EAAA,CAAA;AAAA,gCAC3D,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,4BAA4B,CAAA,EAAG,OAAM,cAAe,EAAA;AAAA;AAAA;AAAA,OAEtE,EAAA,CAAA;AAAA,sBACA,IAAA,CAAC,~~QAAS~~,~~EAAA~~,EAAA,~~KAAA~~,~~EAAM~~,~~WACd~~,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,MAAA,EAAO,KAAO,EAAA,EAAE,cAAc,KAAM,EAAA,EACjD,QAAE,EAAA,CAAA,CAAA,6BAA6B,CAClC,EAAA,CAAA;AAAA,4BACC,YAAa,EAAA,EAAA;AAAA,OAChB,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,~~QAAS~~,~~EAAA~~,EAAA,~~KAAA~~,~~EAAM~~,~~cACd~~,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,MAAO,EAAA,SAAA;AAAA,UACP,kBAAoB,EAAA,KAAA;AAAA,UACpB,aAAa,EAAA;AAAA;AAAA,OAEjB,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"ModeratorPage.esm.js","sources":["../../../src/components/ModeratorPage/ModeratorPage.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport {\n ContentHeader,\n PostsContainer,\n qetaTranslationRef,\n TemplateList,\n useIsModerator,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Box, Tab } from '@material-ui/core';\nimport { Alert, TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\n\nexport const ModeratorPage = () => {\n const { isModerator } = useIsModerator();\n const [tab, setTab] = useState('templates');\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (!isModerator) {\n return null;\n }\n\n const handleChange = (_event: ChangeEvent<{}>, newValue: string) => {\n setTab(newValue);\n };\n\n return (\n <>\n <ContentHeader\n title={t('moderatorPage.title')}\n titleIcon={<SettingsOutlined fontSize=\"large\" />}\n />\n <TabContext value={tab}>\n <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n <TabList\n onChange={handleChange}\n aria-label={t('moderatorPage.tools')}\n >\n <Tab label={t('moderatorPage.templates')} value=\"templates\" />\n <Tab label={t('moderatorPage.deletedPosts')} value=\"deletedPosts\" />\n </TabList>\n </Box>\n <TabPanel value=\"templates\" style={{ padding: '24px 0' }}>\n <Alert severity=\"info\" style={{ marginBottom: '1em' }}>\n {t('moderatorPage.templatesInfo')}\n </Alert>\n <TemplateList />\n </TabPanel>\n <TabPanel value=\"deletedPosts\" style={{ padding: '24px 0' }}>\n <PostsContainer\n status=\"deleted\"\n showNoQuestionsBtn={false}\n showTypeLabel\n />\n </TabPanel>\n </TabContext>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAaO,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,cAAe,EAAA;AACvC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,WAAW,CAAA;AAC1C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAAyB,QAAqB,KAAA;AAClE,IAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,GACjB;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,QAC9B,SAAW,kBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA;AAAA;AAAA,KAChD;AAAA,oBACA,IAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAO,GACjB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAI,EAAA,EAAE,cAAc,CAAG,EAAA,WAAA,EAAa,WACvC,EAAA,QAAA,kBAAA,IAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,QAAU,EAAA,YAAA;AAAA,UACV,YAAA,EAAY,EAAE,qBAAqB,CAAA;AAAA,UAEnC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,OAAI,KAAO,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAAG,OAAM,WAAY,EAAA,CAAA;AAAA,gCAC3D,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,4BAA4B,CAAA,EAAG,OAAM,cAAe,EAAA;AAAA;AAAA;AAAA,OAEtE,EAAA,CAAA;AAAA,sBACA,IAAA,CAAC,YAAS,KAAM,EAAA,WAAA,EAAY,OAAO,EAAE,OAAA,EAAS,UAC5C,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,MAAA,EAAO,KAAO,EAAA,EAAE,cAAc,KAAM,EAAA,EACjD,QAAE,EAAA,CAAA,CAAA,6BAA6B,CAClC,EAAA,CAAA;AAAA,4BACC,YAAa,EAAA,EAAA;AAAA,OAChB,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,YAAS,KAAM,EAAA,cAAA,EAAe,OAAO,EAAE,OAAA,EAAS,UAC/C,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,MAAO,EAAA,SAAA;AAAA,UACP,kBAAoB,EAAA,KAAA;AAAA,UACpB,aAAa,EAAA;AAAA;AAAA,OAEjB,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PostsTableCard/Content.esm.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import { QetaExtensionProvider, PostsTable } from '@drodil/backstage-plugin-qeta-react';
+import { QetaProvider, PostsTable } from '@drodil/backstage-plugin-qeta-react';
 const Content = (props) => {
   return /* @__PURE__ */ jsx(
-    QetaExtensionProvider,
+    QetaProvider,
     {
       remarkPlugins: props.remarkPlugins,
       rehypePlugins: props.rehypePlugins,

package/dist/components/PostsTableCard/Content.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.esm.js","sources":["../../../src/components/PostsTableCard/Content.tsx"],"sourcesContent":["import {\n PostsTable~~,\n QetaExtensionProvider,\n~~} from '@drodil/backstage-plugin-qeta-react';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport type { PluggableList } from 'unified';\n\nexport const Content = (props: {\n rowsPerPage?: number;\n quickFilter?: 'latest' \| 'favorites' \| 'most_viewed';\n postType?: PostType;\n remarkPlugins?: PluggableList;\n rehypePlugins?: PluggableList;\n}) => {\n return (\n <~~QetaExtensionProvider~~\n remarkPlugins={props.remarkPlugins}\n rehypePlugins={props.rehypePlugins}\n >\n <PostsTable hideTitle {...props} />\n </~~QetaExtensionProvider~~>\n );\n};\n"],"names":[],"mappings":";;;~~AAOa~~,MAAA,OAAA,GAAU,CAAC,KAMlB,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,~~qBAAA~~;AAAA,IAAA;AAAA,MACC,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,eAAe,KAAM,CAAA,aAAA;AAAA,MAErB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAS,EAAA,IAAA,EAAE,GAAG,KAAO,EAAA;AAAA;AAAA,GACnC;AAEJ;;;;"}
1	+ {"version":3,"file":"Content.esm.js","sources":["../../../src/components/PostsTableCard/Content.tsx"],"sourcesContent":["import { PostsTable, QetaProvider } from '@drodil/backstage-plugin-qeta-react';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport type { PluggableList } from 'unified';\n\nexport const Content = (props: {\n rowsPerPage?: number;\n quickFilter?: 'latest' \| 'favorites' \| 'most_viewed';\n postType?: PostType;\n remarkPlugins?: PluggableList;\n rehypePlugins?: PluggableList;\n}) => {\n return (\n <QetaProvider\n remarkPlugins={props.remarkPlugins}\n rehypePlugins={props.rehypePlugins}\n >\n <PostsTable hideTitle {...props} />\n </QetaProvider>\n );\n};\n"],"names":[],"mappings":";;;AAIa,MAAA,OAAA,GAAU,CAAC,KAMlB,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,eAAe,KAAM,CAAA,aAAA;AAAA,MACrB,eAAe,KAAM,CAAA,aAAA;AAAA,MAErB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAS,EAAA,IAAA,EAAE,GAAG,KAAO,EAAA;AAAA;AAAA,GACnC;AAEJ;;;;"}

package/dist/components/QetaPage/QetaPage.esm.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { TagPage } from '../TagPage/TagPage.esm.js';
 import { UserPage } from '../UserPage/UserPage.esm.js';
 import { FavoritePage } from '../FavoritePage/FavoritePage.esm.js';
 import { StatisticsPage } from '../Statistics/StatisticsPage.esm.js';
-import { QetaExtensionProvider, LeftMenuButton, LeftMenu, questionsRouteRef, askRouteRef, articlesRouteRef, writeRouteRef, linksRouteRef, createLinkRouteRef, favoriteQuestionsRouteRef, editQuestionRouteRef, editArticleRouteRef, editLinkRouteRef, questionRouteRef, linkRouteRef, articleRouteRef, tagsRouteRef, tagRouteRef, usersRouteRef, userRouteRef, statisticsRouteRef, collectionsRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, entitiesRouteRef, entityRouteRef, moderatorRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import { QetaProvider, LeftMenuButton, LeftMenu, questionsRouteRef, askRouteRef, articlesRouteRef, writeRouteRef, linksRouteRef, createLinkRouteRef, favoriteQuestionsRouteRef, editQuestionRouteRef, editArticleRouteRef, editLinkRouteRef, questionRouteRef, linkRouteRef, articleRouteRef, tagsRouteRef, tagRouteRef, usersRouteRef, userRouteRef, statisticsRouteRef, collectionsRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, entitiesRouteRef, entityRouteRef, moderatorRouteRef } from '@drodil/backstage-plugin-qeta-react';
 import { QuestionsPage } from '../QuestionsPage/QuestionsPage.esm.js';
 import { HomePage } from '../HomePage/HomePage.esm.js';
 import { ArticlesPage } from '../ArticlesPage/ArticlesPage.esm.js';
@@ -22,8 +22,46 @@ import { CollectionCreatePage } from '../CollectionCreatePage/CollectionCreatePa
 import { EntityPage } from '../EntityPage/EntityPage.esm.js';
 import { UsersPage } from '../UsersPage/UsersPage.esm.js';
 import { ModeratorPage } from '../ModeratorPage/ModeratorPage.esm.js';
-import { Container, Grid, Box } from '@material-ui/core';
+import { makeStyles, Container, Grid, Box } from '@material-ui/core';
+import { useSidebarSettings } from '../../hooks/useSidebarSettings.esm.js';
+import { RightContent } from '../RightContent/RightContent.esm.js';
+const useStyles = makeStyles((theme) => ({
+  sidebarColumn: {
+    padding: 0,
+    transition: "all 0.2s ease-in-out",
+    flexShrink: 0,
+    [theme.breakpoints.up("lg")]: {
+      width: (props) => props.leftCompact ? 72 : 220,
+      minWidth: (props) => props.leftCompact ? 72 : 220
+    },
+    [theme.breakpoints.down("md")]: {
+      width: "100%",
+      marginBottom: theme.spacing(1)
+    }
+  },
+  rightSidebarColumn: {
+    padding: 0,
+    transition: "all 0.2s ease-in-out",
+    flexShrink: 0,
+    [theme.breakpoints.up("lg")]: {
+      width: (props) => props.rightCompact ? 72 : 300,
+      minWidth: (props) => props.rightCompact ? 72 : 300
+    },
+    [theme.breakpoints.down("md")]: {
+      width: "100%",
+      marginTop: theme.spacing(1)
+    }
+  },
+  mainColumn: {
+    paddingRight: 0,
+    minWidth: 0,
+    transition: "all 0.2s ease-in-out",
+    [theme.breakpoints.down("md")]: {
+      paddingLeft: 0
+    }
+  }
+}));
 const QetaPage = (props) => {
   const {
     title = "Q&A",
@@ -37,168 +75,158 @@ const QetaPage = (props) => {
     remarkPlugins,
     rehypePlugins
   } = props ?? {};
-  return /* @__PURE__ */ jsx(
-    QetaExtensionProvider,
-    {
-      remarkPlugins,
-      rehypePlugins,
-      children: /* @__PURE__ */ jsxs(Page, { themeId, children: [
-        /* @__PURE__ */ jsx(
-          Header,
-          {
-            title,
-            subtitle,
-            type: headerType,
-            typeLink: headerTypeLink,
-            tooltip: headerTooltip,
-            children: headerElements
-          }
-        ),
-        /* @__PURE__ */ jsxs(Content, { className: "qetaHomePage", children: [
-          introElement,
-          /* @__PURE__ */ jsx(Container, { maxWidth: "xl", children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, justifyContent: "flex-start", children: [
-            /* @__PURE__ */ jsxs(Grid, { item: true, md: 1, lg: 2, style: { padding: 0 }, children: [
-              /* @__PURE__ */ jsx(Box, { display: { md: "block", lg: "none" }, children: /* @__PURE__ */ jsx(LeftMenuButton, {}) }),
-              /* @__PURE__ */ jsx(Box, { display: { xs: "none", md: "block" }, children: /* @__PURE__ */ jsx(LeftMenu, {}) })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Grid,
-              {
-                item: true,
-                md: 12,
-                lg: 10,
-                style: { paddingLeft: "8px", paddingRight: "0" },
-                children: /* @__PURE__ */ jsxs(Routes, { children: [
-                  /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(HomePage, {}) }),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: questionsRouteRef.path,
-                      element: /* @__PURE__ */ jsx(QuestionsPage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Route, { path: askRouteRef.path, element: /* @__PURE__ */ jsx(AskPage, {}) }),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: articlesRouteRef.path,
-                      element: /* @__PURE__ */ jsx(ArticlesPage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Route, { path: writeRouteRef.path, element: /* @__PURE__ */ jsx(WritePage, {}) }),
-                  /* @__PURE__ */ jsx(Route, { path: linksRouteRef.path, element: /* @__PURE__ */ jsx(LinksPage, {}) }),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: createLinkRouteRef.path,
-                      element: /* @__PURE__ */ jsx(CreateLinkPage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: favoriteQuestionsRouteRef.path,
-                      element: /* @__PURE__ */ jsx(FavoritePage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: editQuestionRouteRef.path,
-                      element: /* @__PURE__ */ jsx(AskPage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: editArticleRouteRef.path,
-                      element: /* @__PURE__ */ jsx(WritePage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: editLinkRouteRef.path,
-                      element: /* @__PURE__ */ jsx(CreateLinkPage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: questionRouteRef.path,
-                      element: /* @__PURE__ */ jsx(QuestionPage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Route, { path: linkRouteRef.path, element: /* @__PURE__ */ jsx(LinkPage, {}) }),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: articleRouteRef.path,
-                      element: /* @__PURE__ */ jsx(ArticlePage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
-                  /* @__PURE__ */ jsx(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
-                  /* @__PURE__ */ jsx(Route, { path: usersRouteRef.path, element: /* @__PURE__ */ jsx(UsersPage, {}) }),
-                  /* @__PURE__ */ jsx(Route, { path: userRouteRef.path, element: /* @__PURE__ */ jsx(UserPage, {}) }),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: statisticsRouteRef.path,
-                      element: /* @__PURE__ */ jsx(StatisticsPage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: collectionsRouteRef.path,
-                      element: /* @__PURE__ */ jsx(CollectionsPage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: collectionCreateRouteRef.path,
-                      element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: collectionEditRouteRef.path,
-                      element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: collectionRouteRef.path,
-                      element: /* @__PURE__ */ jsx(CollectionPage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: entitiesRouteRef.path,
-                      element: /* @__PURE__ */ jsx(EntityPage, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Route, { path: entityRouteRef.path, element: /* @__PURE__ */ jsx(EntityPage, {}) }),
-                  /* @__PURE__ */ jsx(
-                    Route,
-                    {
-                      path: moderatorRouteRef.path,
-                      element: /* @__PURE__ */ jsx(ModeratorPage, {})
-                    }
-                  )
-                ] })
-              }
-            )
-          ] }) })
-        ] })
-      ] })
-    }
-  );
+  const { leftCompact, rightCompact, toggleLeft, toggleRight } = useSidebarSettings();
+  const classes = useStyles({
+    leftCompact,
+    rightCompact
+  });
+  return /* @__PURE__ */ jsx(QetaProvider, { remarkPlugins, rehypePlugins, children: /* @__PURE__ */ jsxs(Page, { themeId, children: [
+    /* @__PURE__ */ jsx(
+      Header,
+      {
+        title,
+        subtitle,
+        type: headerType,
+        typeLink: headerTypeLink,
+        tooltip: headerTooltip,
+        children: headerElements
+      }
+    ),
+    /* @__PURE__ */ jsxs(Content, { className: "qetaHomePage", children: [
+      introElement,
+      /* @__PURE__ */ jsx(Container, { maxWidth: "xl", children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, justifyContent: "flex-start", children: [
+        /* @__PURE__ */ jsxs(Grid, { item: true, className: classes.sidebarColumn, children: [
+          /* @__PURE__ */ jsx(Box, { display: { xs: "block", lg: "none" }, children: /* @__PURE__ */ jsx(LeftMenuButton, {}) }),
+          /* @__PURE__ */ jsx(Box, { display: { xs: "none", lg: "block" }, children: /* @__PURE__ */ jsx(LeftMenu, { compact: leftCompact, onToggle: toggleLeft }) })
+        ] }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: true, className: classes.mainColumn, children: /* @__PURE__ */ jsxs(Routes, { children: [
+          /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(HomePage, {}) }),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: questionsRouteRef.path,
+              element: /* @__PURE__ */ jsx(QuestionsPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(Route, { path: askRouteRef.path, element: /* @__PURE__ */ jsx(AskPage, {}) }),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: articlesRouteRef.path,
+              element: /* @__PURE__ */ jsx(ArticlesPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(Route, { path: writeRouteRef.path, element: /* @__PURE__ */ jsx(WritePage, {}) }),
+          /* @__PURE__ */ jsx(Route, { path: linksRouteRef.path, element: /* @__PURE__ */ jsx(LinksPage, {}) }),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: createLinkRouteRef.path,
+              element: /* @__PURE__ */ jsx(CreateLinkPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: favoriteQuestionsRouteRef.path,
+              element: /* @__PURE__ */ jsx(FavoritePage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: editQuestionRouteRef.path,
+              element: /* @__PURE__ */ jsx(AskPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: editArticleRouteRef.path,
+              element: /* @__PURE__ */ jsx(WritePage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: editLinkRouteRef.path,
+              element: /* @__PURE__ */ jsx(CreateLinkPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: questionRouteRef.path,
+              element: /* @__PURE__ */ jsx(QuestionPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(Route, { path: linkRouteRef.path, element: /* @__PURE__ */ jsx(LinkPage, {}) }),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: articleRouteRef.path,
+              element: /* @__PURE__ */ jsx(ArticlePage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
+          /* @__PURE__ */ jsx(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
+          /* @__PURE__ */ jsx(Route, { path: usersRouteRef.path, element: /* @__PURE__ */ jsx(UsersPage, {}) }),
+          /* @__PURE__ */ jsx(Route, { path: userRouteRef.path, element: /* @__PURE__ */ jsx(UserPage, {}) }),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: statisticsRouteRef.path,
+              element: /* @__PURE__ */ jsx(StatisticsPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: collectionsRouteRef.path,
+              element: /* @__PURE__ */ jsx(CollectionsPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: collectionCreateRouteRef.path,
+              element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: collectionEditRouteRef.path,
+              element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: collectionRouteRef.path,
+              element: /* @__PURE__ */ jsx(CollectionPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: entitiesRouteRef.path,
+              element: /* @__PURE__ */ jsx(EntityPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(Route, { path: entityRouteRef.path, element: /* @__PURE__ */ jsx(EntityPage, {}) }),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: moderatorRouteRef.path,
+              element: /* @__PURE__ */ jsx(ModeratorPage, {})
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, className: classes.rightSidebarColumn, children: /* @__PURE__ */ jsx(RightContent, { compact: rightCompact, onToggle: toggleRight }) })
+      ] }) })
+    ] })
+  ] }) });
 };
 export { QetaPage };