@drodil/backstage-plugin-qeta 3.12.4 → 3.13.0
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.
- package/dist/components/ArticlePage/ArticlePage.esm.js +6 -6
- package/dist/components/ArticlePage/ArticlePage.esm.js.map +1 -1
- package/dist/components/ArticlesPage/ArticlesPage.esm.js +4 -4
- package/dist/components/ArticlesPage/ArticlesPage.esm.js.map +1 -1
- package/dist/components/AskPage/AskPage.esm.js +1 -1
- package/dist/components/AskPage/AskPage.esm.js.map +1 -1
- package/dist/components/CollectionCreatePage/CollectionCreatePage.esm.js +1 -1
- package/dist/components/CollectionCreatePage/CollectionCreatePage.esm.js.map +1 -1
- package/dist/components/CollectionPage/CollectionPage.esm.js +5 -6
- package/dist/components/CollectionPage/CollectionPage.esm.js.map +1 -1
- package/dist/components/CollectionsPage/CollectionsPage.esm.js +3 -3
- package/dist/components/CollectionsPage/CollectionsPage.esm.js.map +1 -1
- package/dist/components/EntityPage/EntityPage.esm.js +5 -10
- package/dist/components/EntityPage/EntityPage.esm.js.map +1 -1
- package/dist/components/FavoritePage/FavoritePage.esm.js +4 -4
- package/dist/components/FavoritePage/FavoritePage.esm.js.map +1 -1
- package/dist/components/HomePage/HomePage.esm.js +3 -3
- package/dist/components/HomePage/HomePage.esm.js.map +1 -1
- package/dist/components/ModeratorPage/ModeratorPage.esm.js +2 -4
- package/dist/components/ModeratorPage/ModeratorPage.esm.js.map +1 -1
- package/dist/components/QetaPage/QetaPage.esm.js +2 -4
- package/dist/components/QetaPage/QetaPage.esm.js.map +1 -1
- package/dist/components/QuestionPage/QuestionPage.esm.js +8 -15
- package/dist/components/QuestionPage/QuestionPage.esm.js.map +1 -1
- package/dist/components/QuestionTableCard/Content.esm.js.map +1 -1
- package/dist/components/QuestionsPage/QuestionsPage.esm.js +4 -4
- package/dist/components/QuestionsPage/QuestionsPage.esm.js.map +1 -1
- package/dist/components/Statistics/GlobalStatsContent.esm.js +1 -3
- package/dist/components/Statistics/GlobalStatsContent.esm.js.map +1 -1
- package/dist/components/Statistics/StatisticsPage.esm.js +3 -3
- package/dist/components/Statistics/StatisticsPage.esm.js.map +1 -1
- package/dist/components/TagPage/TagPage.esm.js +4 -7
- package/dist/components/TagPage/TagPage.esm.js.map +1 -1
- package/dist/components/UserPage/UserPage.esm.js +4 -6
- package/dist/components/UserPage/UserPage.esm.js.map +1 -1
- package/dist/components/UserPage/UserStatsContent.esm.js +1 -3
- package/dist/components/UserPage/UserStatsContent.esm.js.map +1 -1
- package/dist/components/UsersPage/UsersPage.esm.js +1 -1
- package/dist/components/UsersPage/UsersPage.esm.js.map +1 -1
- package/dist/components/WritePage/WritePage.esm.js +1 -1
- package/dist/components/WritePage/WritePage.esm.js.map +1 -1
- package/dist/plugin.esm.js.map +1 -1
- package/package.json +15 -17
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { useParams } from 'react-router-dom';
|
|
2
2
|
import React, { useState, useEffect } from 'react';
|
|
3
3
|
import { useSignal } from '@backstage/plugin-signals-react';
|
|
4
|
-
import Skeleton from '@mui/material/Skeleton';
|
|
5
4
|
import { WarningPanel, ContentHeader } from '@backstage/core-components';
|
|
6
|
-
import { useTranslation, useQetaApi, WriteArticleButton, AddToCollectionButton, AIAnswerCard, ArticleContent } from '@drodil/backstage-plugin-qeta-react';
|
|
7
|
-
import Container from '@
|
|
5
|
+
import { useTranslation, useQetaApi, ButtonContainer, WriteArticleButton, AddToCollectionButton, AIAnswerCard, ArticleContent } from '@drodil/backstage-plugin-qeta-react';
|
|
6
|
+
import { Container } from '@material-ui/core';
|
|
7
|
+
import { Skeleton } from '@material-ui/lab';
|
|
8
8
|
|
|
9
9
|
const ArticlePage = () => {
|
|
10
10
|
const { id } = useParams();
|
|
@@ -27,7 +27,7 @@ const ArticlePage = () => {
|
|
|
27
27
|
}
|
|
28
28
|
}, [lastSignal]);
|
|
29
29
|
if (loading) {
|
|
30
|
-
return /* @__PURE__ */ React.createElement(Skeleton, { variant: "
|
|
30
|
+
return /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", height: 200 });
|
|
31
31
|
}
|
|
32
32
|
if (error || post === void 0) {
|
|
33
33
|
return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("articlePage.errorLoading") }, error?.message);
|
|
@@ -35,11 +35,11 @@ const ArticlePage = () => {
|
|
|
35
35
|
if (post.type !== "article") {
|
|
36
36
|
return /* @__PURE__ */ React.createElement(WarningPanel, { title: "Not found", message: t("articlePage.notFound") });
|
|
37
37
|
}
|
|
38
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, null, /* @__PURE__ */ React.createElement(WriteArticleButton, null), /* @__PURE__ */ React.createElement(AddToCollectionButton, { post })), /* @__PURE__ */ React.createElement(Container, { maxWidth: "md" }, /* @__PURE__ */ React.createElement(
|
|
38
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, null, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(WriteArticleButton, null), /* @__PURE__ */ React.createElement(AddToCollectionButton, { post }))), /* @__PURE__ */ React.createElement(Container, { maxWidth: "md" }, /* @__PURE__ */ React.createElement(
|
|
39
39
|
AIAnswerCard,
|
|
40
40
|
{
|
|
41
41
|
article: post,
|
|
42
|
-
style: { marginBottom: "
|
|
42
|
+
style: { marginBottom: "2em" }
|
|
43
43
|
}
|
|
44
44
|
), /* @__PURE__ */ React.createElement(ArticleContent, { post, views })));
|
|
45
45
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticlePage.esm.js","sources":["../../../src/components/ArticlePage/ArticlePage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport React, { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport
|
|
1
|
+
{"version":3,"file":"ArticlePage.esm.js","sources":["../../../src/components/ArticlePage/ArticlePage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport React, { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { ContentHeader, WarningPanel } from '@backstage/core-components';\nimport { Article, QetaSignal } from '@drodil/backstage-plugin-qeta-common';\nimport {\n AddToCollectionButton,\n AIAnswerCard,\n ArticleContent,\n ButtonContainer,\n useQetaApi,\n useTranslation,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Container } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\n\nexport const ArticlePage = () => {\n const { id } = useParams();\n const { t } = useTranslation();\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 if (post.type !== 'article') {\n return (\n <WarningPanel title=\"Not found\" message={t('articlePage.notFound')} />\n );\n }\n\n return (\n <>\n <ContentHeader>\n <ButtonContainer>\n <WriteArticleButton />\n <AddToCollectionButton post={post} />\n </ButtonContainer>\n </ContentHeader>\n <Container maxWidth=\"md\">\n <AIAnswerCard\n article={post as Article}\n style={{ marginBottom: '2em' }}\n />\n <ArticleContent post={post} views={views} />\n </Container>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAiBO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,CAAC,CAAA;AAEpC,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,SAAsB,CAAA,CAAA,UAAA,EAAa,EAAE,CAAE,CAAA,CAAA;AAE9D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,QAAQ,EAAE,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAAA;AACrB,GACF,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,YAAc,EAAA;AACrC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AAAA;AAC3B,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,QAAQ,GAAK,EAAA,CAAA;AAAA;AAG/C,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;AAAA;AAIJ,EAAI,IAAA,IAAA,CAAK,SAAS,SAAW,EAAA;AAC3B,IAAA,2CACG,YAAa,EAAA,EAAA,KAAA,EAAM,aAAY,OAAS,EAAA,CAAA,CAAE,sBAAsB,CAAG,EAAA,CAAA;AAAA;AAIxE,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAA,sCACE,kBAAmB,EAAA,IAAA,CAAA,kBACnB,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,EAAsB,MAAY,CACrC,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,UAAS,IAClB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,IAAA;AAAA,MACT,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM;AAAA;AAAA,qBAE9B,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,IAAY,EAAA,KAAA,EAAc,CAC5C,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { useSearchParams } from 'react-router-dom';
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
3
|
import { ContentHeader } from '@backstage/core-components';
|
|
4
|
-
import { useTranslation, WriteArticleButton, PostsGrid, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
|
|
4
|
+
import { useTranslation, ButtonContainer, WriteArticleButton, PostsGrid, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
|
|
5
5
|
import { filterTags } from '@drodil/backstage-plugin-qeta-common';
|
|
6
|
-
import
|
|
7
|
-
import
|
|
6
|
+
import Whatshot from '@material-ui/icons/Whatshot';
|
|
7
|
+
import { Grid } from '@material-ui/core';
|
|
8
8
|
|
|
9
9
|
const ArticlesPage = () => {
|
|
10
10
|
const [searchParams] = useSearchParams();
|
|
@@ -17,7 +17,7 @@ const ArticlesPage = () => {
|
|
|
17
17
|
setEntityRef(searchParams.get("entity") ?? void 0);
|
|
18
18
|
setTags(filterTags(searchParams.get("tags")));
|
|
19
19
|
}, [searchParams, setEntityRef]);
|
|
20
|
-
return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 8, xl: 9 }, /* @__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: 4, xl: 3 }, /* @__PURE__ */ React.createElement(
|
|
20
|
+
return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 8, xl: 9 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("articlesPage.title") }, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(WriteArticleButton, { entity: entityRef, tags }))), /* @__PURE__ */ React.createElement(PostsGrid, { type: "article" })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 4, xl: 3 }, /* @__PURE__ */ React.createElement(
|
|
21
21
|
PostHighlightList,
|
|
22
22
|
{
|
|
23
23
|
type: "hot",
|
|
@@ -1 +1 @@
|
|
|
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 FollowedEntitiesList,\n FollowedTagsList,\n PostHighlightList,\n PostsGrid,\n useTranslation,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport
|
|
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 ButtonContainer,\n FollowedEntitiesList,\n FollowedTagsList,\n PostHighlightList,\n PostsGrid,\n useTranslation,\n WriteArticleButton,\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';\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={8} xl={9}>\n <ContentHeader title={t('articlesPage.title')}>\n <ButtonContainer>\n <WriteArticleButton entity={entityRef} tags={tags} />\n </ButtonContainer>\n </ContentHeader>\n <PostsGrid type=\"article\" />\n </Grid>\n <Grid item lg={4} xl={3}>\n <PostHighlightList\n type=\"hot\"\n title={t('highlights.hotArticles.title')}\n noQuestionsLabel={t('highlights.hotArticles.noArticlesLabel')}\n icon={<Whatshot fontSize=\"small\" />}\n postType=\"article\"\n />\n <FollowedTagsList />\n <FollowedEntitiesList />\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAgBO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AAEvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACtC,KAAA;AAAA,GACF;AACA,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAA+B,KAAS,CAAA,CAAA;AACtE,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,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,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAAA,sCAC3B,aAAc,EAAA,EAAA,KAAA,EAAO,EAAE,oBAAoB,CAAA,EAAA,sCACzC,eACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,MAAQ,EAAA,SAAA,EAAW,MAAY,CACrD,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,MAAK,SAAU,EAAA,CAC5B,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,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,QAAS,EAAA;AAAA;AAAA,qBAEV,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,mBACjB,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAqB,CACxB,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Progress, ContentHeader, InfoCard } from '@backstage/core-components';
|
|
2
|
-
import Grid from '@mui/material/Grid';
|
|
3
2
|
import React, { useState } from 'react';
|
|
4
3
|
import { useAI, useQetaApi, useTranslation, SelectTemplateList, PostForm, AIAnswerCard } from '@drodil/backstage-plugin-qeta-react';
|
|
5
4
|
import { useParams, useSearchParams } from 'react-router-dom';
|
|
6
5
|
import { useEntityPresentation } from '@backstage/plugin-catalog-react';
|
|
7
6
|
import { filterTags } from '@drodil/backstage-plugin-qeta-common';
|
|
7
|
+
import { Grid } from '@material-ui/core';
|
|
8
8
|
|
|
9
9
|
const AskPage = () => {
|
|
10
10
|
const { id } = useParams();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AskPage.esm.js","sources":["../../../src/components/AskPage/AskPage.tsx"],"sourcesContent":["import { ContentHeader, InfoCard, Progress } from '@backstage/core-components';\nimport
|
|
1
|
+
{"version":3,"file":"AskPage.esm.js","sources":["../../../src/components/AskPage/AskPage.tsx"],"sourcesContent":["import { ContentHeader, InfoCard, Progress } from '@backstage/core-components';\nimport React, { useState } from 'react';\nimport {\n AIAnswerCard,\n PostForm,\n SelectTemplateList,\n useAI,\n useQetaApi,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { filterTags, Template } from '@drodil/backstage-plugin-qeta-common';\nimport { Grid } from '@material-ui/core';\n\nexport const AskPage = () => {\n const { id } = useParams();\n const [searchParams] = useSearchParams();\n const { isNewQuestionsEnabled } = useAI();\n const { value, loading } = useQetaApi(api => api.getTemplates());\n const [draft, setDraft] = useState<\n { title: string; content: string } | undefined\n >(undefined);\n const [template, setTemplate] = useState<Template | null | undefined>(\n undefined,\n );\n\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 if (loading) {\n return <Progress />;\n }\n\n if (\n !id &&\n value &&\n value.templates &&\n value.total > 0 &&\n template === undefined\n ) {\n return (\n <SelectTemplateList\n templates={value}\n onTemplateSelect={temp => setTemplate(temp)}\n />\n );\n }\n\n const handleFormChange = (data: { title: string; content: string }) => {\n if (!isNewQuestionsEnabled) {\n return;\n }\n setDraft({\n title: data.title,\n content: data.content,\n });\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 template={template}\n onFormChange={handleFormChange}\n />\n <AIAnswerCard draft={draft} />\n </InfoCard>\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAeO,MAAM,UAAU,MAAM;AAC3B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AACvC,EAAM,MAAA,EAAE,qBAAsB,EAAA,GAAI,KAAM,EAAA;AACxC,EAAM,MAAA,EAAE,OAAO,OAAQ,EAAA,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,cAAc,CAAA;AAC/D,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAExB,KAAS,CAAA,CAAA;AACX,EAAM,MAAA,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA;AAAA,IAC9B,KAAA;AAAA,GACF;AAEA,EAAA,MAAM,MAAS,GAAA,YAAA,CAAa,GAAI,CAAA,QAAQ,CAAK,IAAA,KAAA,CAAA;AAC7C,EAAA,MAAM,UAAa,GAAA,YAAA,CAAa,GAAI,CAAA,YAAY,CAAM,KAAA,MAAA;AACtD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,YAAa,CAAA,GAAA,CAAI,MAAM,CAAC,CAAA;AAChD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAI,IAAA,KAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,gCAAgC,CAAA;AAAA,aACjC,MAAQ,EAAA;AAEjB,IAAM,MAAA,cAAA,GAAiB,sBAAsB,MAAM,CAAA;AACnD,IAAA,KAAA,GAAQ,EAAE,8BAAgC,EAAA;AAAA,MACxC,QAAQ,cAAe,CAAA;AAAA,KACxB,CAAA;AAAA,GACI,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,2BAA2B,CAAA;AAAA;AAGvC,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA;AAGnB,EACE,IAAA,CAAC,MACD,KACA,IAAA,KAAA,CAAM,aACN,KAAM,CAAA,KAAA,GAAQ,CACd,IAAA,QAAA,KAAa,KACb,CAAA,EAAA;AACA,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,KAAA;AAAA,QACX,gBAAA,EAAkB,CAAQ,IAAA,KAAA,WAAA,CAAY,IAAI;AAAA;AAAA,KAC5C;AAAA;AAIJ,EAAM,MAAA,gBAAA,GAAmB,CAAC,IAA6C,KAAA;AACrE,IAAA,IAAI,CAAC,qBAAuB,EAAA;AAC1B,MAAA;AAAA;AAEF,IAAS,QAAA,CAAA;AAAA,MACP,OAAO,IAAK,CAAA,KAAA;AAAA,MACZ,SAAS,IAAK,CAAA;AAAA,KACf,CAAA;AAAA,GACH;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,MACL,QAAA;AAAA,MACA,YAAc,EAAA;AAAA;AAAA,qBAEf,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,OAAc,CAC9B,CACF,CACF,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useParams } from 'react-router-dom';
|
|
3
3
|
import { ContentHeader, InfoCard } from '@backstage/core-components';
|
|
4
|
-
import Grid from '@mui/material/Grid';
|
|
5
4
|
import { useTranslation, CollectionForm } from '@drodil/backstage-plugin-qeta-react';
|
|
5
|
+
import { Grid } from '@material-ui/core';
|
|
6
6
|
|
|
7
7
|
const CollectionCreatePage = () => {
|
|
8
8
|
const { id } = useParams();
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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 {\n CollectionForm,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\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;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAI,IAAA,KAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,+CAA+C,CAAA;AAAA,GACpD,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,0CAA0C,CAAA;AAAA;AAEtD,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;AAEJ;;;;"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useParams } from 'react-router-dom';
|
|
3
|
-
import { useTranslation, useQetaApi, CollectionFollowButton, CreateCollectionButton, CollectionCard, PostsGrid } from '@drodil/backstage-plugin-qeta-react';
|
|
4
|
-
import Skeleton from '@
|
|
3
|
+
import { useTranslation, useQetaApi, CollectionFollowButton, ButtonContainer, CreateCollectionButton, CollectionCard, PostsGrid } from '@drodil/backstage-plugin-qeta-react';
|
|
4
|
+
import { Skeleton } from '@material-ui/lab';
|
|
5
5
|
import { WarningPanel, ContentHeader } from '@backstage/core-components';
|
|
6
|
-
import Grid from '@
|
|
7
|
-
import Typography from '@mui/material/Typography';
|
|
6
|
+
import { Typography, Grid } from '@material-ui/core';
|
|
8
7
|
|
|
9
8
|
const CollectionPage = () => {
|
|
10
9
|
const { id } = useParams();
|
|
@@ -15,7 +14,7 @@ const CollectionPage = () => {
|
|
|
15
14
|
error
|
|
16
15
|
} = useQetaApi((api) => api.getCollection(id), [id]);
|
|
17
16
|
if (loading) {
|
|
18
|
-
return /* @__PURE__ */ React.createElement(Skeleton, { variant: "
|
|
17
|
+
return /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", height: 200 });
|
|
19
18
|
}
|
|
20
19
|
if (error || collection === void 0) {
|
|
21
20
|
return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("questionPage.errorLoading") }, error?.message);
|
|
@@ -27,7 +26,7 @@ const CollectionPage = () => {
|
|
|
27
26
|
titleComponent: title,
|
|
28
27
|
description: t("collectionPage.info")
|
|
29
28
|
},
|
|
30
|
-
/* @__PURE__ */ React.createElement(CreateCollectionButton, null)
|
|
29
|
+
/* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(CreateCollectionButton, null))
|
|
31
30
|
), /* @__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(
|
|
32
31
|
PostsGrid,
|
|
33
32
|
{
|
|
@@ -1 +1 @@
|
|
|
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 CollectionCard,\n CollectionFollowButton,\n CreateCollectionButton,\n PostsGrid,\n useQetaApi,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Skeleton from '@
|
|
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 ButtonContainer,\n CollectionCard,\n CollectionFollowButton,\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, Typography } 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 const title = (\n <Typography variant=\"h5\" component=\"h2\">\n {collection.title}\n <CollectionFollowButton collection={collection} />\n </Typography>\n );\n\n return (\n <>\n <ContentHeader\n titleComponent={title}\n description={t('collectionPage.info')}\n >\n <ButtonContainer>\n <CreateCollectionButton />\n </ButtonContainer>\n </ContentHeader>\n <Grid container>\n <Grid item xs={12}>\n <CollectionCard collection={collection} />\n </Grid>\n <Grid item xs={12}>\n <PostsGrid\n collectionId={collection.id}\n orderBy=\"rank\"\n allowRanking={collection.canEdit}\n />\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAeO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,UAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,cAAc,EAAE,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAEjD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,QAAQ,GAAK,EAAA,CAAA;AAAA;AAG/C,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;AAAA;AAIJ,EAAA,MAAM,KACJ,mBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,SAAA,EAAU,IAChC,EAAA,EAAA,UAAA,CAAW,KACZ,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAuB,EAAA,EAAA,UAAA,EAAwB,CAClD,CAAA;AAGF,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,cAAgB,EAAA,KAAA;AAAA,MAChB,WAAA,EAAa,EAAE,qBAAqB;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA,IAAuB,CAC1B;AAAA,GACF,sCACC,IAAK,EAAA,EAAA,SAAA,EAAS,wBACZ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,YAAwB,CAC1C,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,cAAc,UAAW,CAAA,EAAA;AAAA,MACzB,OAAQ,EAAA,MAAA;AAAA,MACR,cAAc,UAAW,CAAA;AAAA;AAAA,GAE7B,CACF,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ContentHeader } from '@backstage/core-components';
|
|
3
|
-
import { useTranslation, useCollectionsFollow, CreateCollectionButton, CollectionsGrid, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
|
|
4
|
-
import Grid from '@
|
|
3
|
+
import { useTranslation, useCollectionsFollow, ButtonContainer, CreateCollectionButton, CollectionsGrid, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
|
|
4
|
+
import { Grid } from '@material-ui/core';
|
|
5
5
|
|
|
6
6
|
const CollectionsPage = () => {
|
|
7
7
|
const { t } = useTranslation();
|
|
@@ -14,7 +14,7 @@ const CollectionsPage = () => {
|
|
|
14
14
|
lg: collections.collections.length > 0 ? 9 : 12,
|
|
15
15
|
xl: collections.collections.length > 0 ? 9 : 12
|
|
16
16
|
},
|
|
17
|
-
/* @__PURE__ */ React.createElement(ContentHeader, { title: t("collectionsPage.title") }, /* @__PURE__ */ React.createElement(CreateCollectionButton, null)),
|
|
17
|
+
/* @__PURE__ */ React.createElement(ContentHeader, { title: t("collectionsPage.title") }, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(CreateCollectionButton, null))),
|
|
18
18
|
/* @__PURE__ */ React.createElement(CollectionsGrid, null)
|
|
19
19
|
), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(FollowedCollectionsList, null)));
|
|
20
20
|
};
|
|
@@ -1 +1 @@
|
|
|
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 FollowedCollectionsList,\n useCollectionsFollow,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Grid from '@
|
|
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 ButtonContainer,\n CollectionsGrid,\n CreateCollectionButton,\n FollowedCollectionsList,\n useCollectionsFollow,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\n\nexport const CollectionsPage = () => {\n const { t } = useTranslation();\n const collections = useCollectionsFollow();\n\n return (\n <Grid container spacing={4}>\n <Grid\n item\n md={12}\n lg={collections.collections.length > 0 ? 9 : 12}\n xl={collections.collections.length > 0 ? 9 : 12}\n >\n <ContentHeader title={t('collectionsPage.title')}>\n <ButtonContainer>\n <CreateCollectionButton />\n </ButtonContainer>\n </ContentHeader>\n <CollectionsGrid />\n </Grid>\n <Grid item lg={3} xl={2}>\n <FollowedCollectionsList />\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;AAYO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,cAAc,oBAAqB,EAAA;AAEzC,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAI,EAAA,IAAA;AAAA,MACJ,EAAI,EAAA,EAAA;AAAA,MACJ,EAAI,EAAA,WAAA,CAAY,WAAY,CAAA,MAAA,GAAS,IAAI,CAAI,GAAA,EAAA;AAAA,MAC7C,EAAI,EAAA,WAAA,CAAY,WAAY,CAAA,MAAA,GAAS,IAAI,CAAI,GAAA;AAAA,KAAA;AAAA,oBAE7C,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,uBAAuB,CAC7C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAuB,EAAA,IAAA,CAC1B,CACF,CAAA;AAAA,wCACC,eAAgB,EAAA,IAAA;AAAA,GAEnB,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,IAAA,CAC3B,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
2
|
import { ContentHeader } from '@backstage/core-components';
|
|
3
3
|
import { useParams } from 'react-router-dom';
|
|
4
|
-
import { useTranslation, qetaApiRef, EntityFollowButton, AskQuestionButton, WriteArticleButton, PostsContainer, EntitiesGrid, FollowedEntitiesList, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
|
|
5
|
-
import
|
|
6
|
-
import CardContent from '@mui/material/CardContent';
|
|
7
|
-
import Grid from '@mui/material/Grid';
|
|
8
|
-
import Typography from '@mui/material/Typography';
|
|
9
|
-
import Whatshot from '@mui/icons-material/Whatshot';
|
|
4
|
+
import { useTranslation, qetaApiRef, ButtonContainer, EntityFollowButton, AskQuestionButton, WriteArticleButton, PostsContainer, EntitiesGrid, FollowedEntitiesList, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
|
|
5
|
+
import Whatshot from '@material-ui/icons/Whatshot';
|
|
10
6
|
import { useApi } from '@backstage/core-plugin-api';
|
|
11
7
|
import { EntityRefLink } from '@backstage/plugin-catalog-react';
|
|
8
|
+
import { Grid, Typography, Card, CardContent } from '@material-ui/core';
|
|
12
9
|
|
|
13
10
|
const EntityPage = () => {
|
|
14
11
|
const { entityRef } = useParams();
|
|
@@ -37,10 +34,8 @@ const EntityPage = () => {
|
|
|
37
34
|
{
|
|
38
35
|
titleComponent: /* @__PURE__ */ React.createElement(Typography, { variant: "h5", component: "h2" }, shownTitle, " ", link)
|
|
39
36
|
},
|
|
40
|
-
entityRef && /* @__PURE__ */ React.createElement(EntityFollowButton, { entityRef }),
|
|
41
|
-
|
|
42
|
-
/* @__PURE__ */ React.createElement(WriteArticleButton, { entity: entityRef })
|
|
43
|
-
), resp && /* @__PURE__ */ React.createElement(Card, { variant: "outlined", style: { marginBottom: "1rem" } }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, t("common.posts", {
|
|
37
|
+
/* @__PURE__ */ React.createElement(ButtonContainer, null, entityRef && /* @__PURE__ */ React.createElement(EntityFollowButton, { entityRef }), /* @__PURE__ */ React.createElement(AskQuestionButton, { entity: entityRef }), /* @__PURE__ */ React.createElement(WriteArticleButton, { entity: entityRef }))
|
|
38
|
+
), resp && /* @__PURE__ */ React.createElement(Card, { variant: "outlined", style: { marginBottom: "1em" } }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, t("common.posts", {
|
|
44
39
|
count: resp.postsCount,
|
|
45
40
|
itemType: "post"
|
|
46
41
|
}), " \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: 4, xl: 3 }, /* @__PURE__ */ React.createElement(FollowedEntitiesList, null), resp && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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 ButtonContainer,\n EntitiesGrid,\n EntityFollowButton,\n FollowedEntitiesList,\n PostHighlightList,\n PostsContainer,\n qetaApiRef,\n useTranslation,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\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';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\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={8} xl={9}>\n <ContentHeader\n titleComponent={\n <Typography variant=\"h5\" component=\"h2\">\n {shownTitle} {link}\n </Typography>\n }\n >\n <ButtonContainer>\n {entityRef && <EntityFollowButton entityRef={entityRef} />}\n <AskQuestionButton entity={entityRef} />\n <WriteArticleButton entity={entityRef} />\n </ButtonContainer>\n </ContentHeader>\n {resp && (\n <Card variant=\"outlined\" style={{ marginBottom: '1em' }}>\n <CardContent>\n <Typography variant=\"caption\">\n {t('common.posts', {\n count: resp.postsCount,\n itemType: 'post',\n })}\n {' · '}\n {t('common.followers', { count: resp.followerCount })}\n </Typography>\n </CardContent>\n </Card>\n )}\n {entityRef ? <PostsContainer entity={entityRef} /> : <EntitiesGrid />}\n </Grid>\n <Grid item lg={4} xl={3}>\n <FollowedEntitiesList />\n {resp && (\n <>\n <PostHighlightList\n type=\"hot\"\n title={t('highlights.hotQuestions.title')}\n noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n icon={<Whatshot fontSize=\"small\" />}\n options={{ entities: [resp.entityRef] }}\n postType=\"question\"\n />\n <PostHighlightList\n type=\"unanswered\"\n title={t('highlights.unanswered.title')}\n noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n options={{ entities: [resp.entityRef] }}\n postType=\"question\"\n />\n <PostHighlightList\n type=\"incorrect\"\n title={t('highlights.incorrect.title')}\n noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n options={{ entities: [resp.entityRef] }}\n postType=\"question\"\n />\n </>\n )}\n {!resp && (\n <>\n <PostHighlightList\n type=\"hot\"\n title={t('highlights.hotQuestions.title')}\n noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n icon={<Whatshot fontSize=\"small\" />}\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 postType=\"article\"\n />\n </>\n )}\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ContentHeader } from '@backstage/core-components';
|
|
3
|
-
import { useTranslation, AskQuestionButton, WriteArticleButton, PostsContainer, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
|
|
4
|
-
import
|
|
5
|
-
import
|
|
3
|
+
import { useTranslation, ButtonContainer, AskQuestionButton, WriteArticleButton, PostsContainer, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
|
|
4
|
+
import Whatshot from '@material-ui/icons/Whatshot';
|
|
5
|
+
import { Grid } from '@material-ui/core';
|
|
6
6
|
|
|
7
7
|
const FavoritePage = () => {
|
|
8
8
|
const { t } = useTranslation();
|
|
9
|
-
return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 8, xl: 9 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("favoritePage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(WriteArticleButton, null)), /* @__PURE__ */ React.createElement(PostsContainer, { favorite: true, showNoQuestionsBtn: false })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 4, xl: 3 }, /* @__PURE__ */ React.createElement(
|
|
9
|
+
return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 8, xl: 9 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("favoritePage.title") }, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(WriteArticleButton, null))), /* @__PURE__ */ React.createElement(PostsContainer, { favorite: true, showNoQuestionsBtn: false })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 4, xl: 3 }, /* @__PURE__ */ React.createElement(
|
|
10
10
|
PostHighlightList,
|
|
11
11
|
{
|
|
12
12
|
type: "hot",
|
|
@@ -1 +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 {\n AskQuestionButton,\n PostHighlightList,\n PostsContainer,\n useTranslation,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport
|
|
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 {\n AskQuestionButton,\n ButtonContainer,\n PostHighlightList,\n PostsContainer,\n useTranslation,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { Grid } from '@material-ui/core';\n\nexport const FavoritePage = () => {\n const { t } = useTranslation();\n return (\n <Grid container spacing={4}>\n <Grid item md={12} lg={8} xl={9}>\n <ContentHeader title={t('favoritePage.title')}>\n <ButtonContainer>\n <AskQuestionButton />\n <WriteArticleButton />\n </ButtonContainer>\n </ContentHeader>\n <PostsContainer favorite showNoQuestionsBtn={false} />\n </Grid>\n <Grid item lg={4} xl={3}>\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":";;;;;;AAaO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAAA,sCAC3B,aAAc,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,oBAAoB,CAC1C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uCACE,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,mBAClB,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAmB,CACtB,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,QAAQ,EAAA,IAAA,EAAC,oBAAoB,KAAO,EAAA,CACtD,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,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;AAAA;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;AAAA;AAAA,GAEb,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ContentHeader } from '@backstage/core-components';
|
|
2
|
-
import { useTranslation, useIdentityApi, AskQuestionButton, SuggestionsCard, PostsCard, ImpactCard, FollowedTagsList, FollowedEntitiesList, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
|
|
2
|
+
import { useTranslation, useIdentityApi, ButtonContainer, AskQuestionButton, WriteArticleButton, SuggestionsCard, PostsCard, ImpactCard, FollowedTagsList, FollowedEntitiesList, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import Grid from '@
|
|
4
|
+
import { Grid } from '@material-ui/core';
|
|
5
5
|
|
|
6
6
|
const HomePage = () => {
|
|
7
7
|
const { t } = useTranslation();
|
|
@@ -10,7 +10,7 @@ const HomePage = () => {
|
|
|
10
10
|
loading: loadingUser,
|
|
11
11
|
error: userError
|
|
12
12
|
} = useIdentityApi((api) => api.getBackstageIdentity(), []);
|
|
13
|
-
return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 8, xl: 9 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("homePage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(SuggestionsCard, null)), user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
|
|
13
|
+
return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 8, xl: 9 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("homePage.title") }, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(WriteArticleButton, null))), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(SuggestionsCard, null)), user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
|
|
14
14
|
PostsCard,
|
|
15
15
|
{
|
|
16
16
|
type: "own",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport {\n AskQuestionButton,\n FollowedCollectionsList,\n FollowedEntitiesList,\n FollowedTagsList,\n ImpactCard,\n PostsCard,\n SuggestionsCard,\n useIdentityApi,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport React from 'react';\nimport Grid from '@
|
|
1
|
+
{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport {\n AskQuestionButton,\n ButtonContainer,\n FollowedCollectionsList,\n FollowedEntitiesList,\n FollowedTagsList,\n ImpactCard,\n PostsCard,\n SuggestionsCard,\n useIdentityApi,\n useTranslation,\n WriteArticleButton,\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={8} xl={9}>\n <ContentHeader title={t('homePage.title')}>\n <ButtonContainer>\n <AskQuestionButton />\n <WriteArticleButton />\n </ButtonContainer>\n </ContentHeader>\n <Grid container>\n <Grid item xs={12}>\n <SuggestionsCard />\n </Grid>\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={4} xl={3}>\n <ImpactCard />\n <FollowedTagsList />\n <FollowedEntitiesList />\n <FollowedCollectionsList />\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;AAiBO,MAAM,WAAW,MAAM;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA;AAExD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAAA,kBAC3B,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,CAAA,CAAE,gBAAgB,CAAA,EAAA,kBACrC,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACnB,kBAAA,KAAA,CAAA,aAAA,CAAC,wBAAmB,CACtB,CACF,CACA,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,qBAAgB,CACnB,CAAA,EACC,IAAQ,IAAA,CAAC,WAAe,IAAA,CAAC,SACxB,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,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;AAAA;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;AAAA;AAAA,GAEb,CACF,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,EAAA,sCACnB,UAAW,EAAA,IAAA,CAAA,kBACX,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,CAClB,kBAAA,KAAA,CAAA,aAAA,CAAC,0BAAqB,CACtB,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,IAAA,CAC3B,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import { useIsModerator, useTranslation, TemplateList } from '@drodil/backstage-plugin-qeta-react';
|
|
3
|
-
import Box from '@
|
|
4
|
-
import Tab from '@mui/material/Tab';
|
|
3
|
+
import { Box, Tab } from '@material-ui/core';
|
|
5
4
|
import { ContentHeader } from '@backstage/core-components';
|
|
6
|
-
import Alert from '@
|
|
7
|
-
import { TabContext, TabList, TabPanel } from '@mui/lab';
|
|
5
|
+
import { TabContext, TabList, TabPanel, Alert } from '@material-ui/lab';
|
|
8
6
|
|
|
9
7
|
const ModeratorPage = () => {
|
|
10
8
|
const { isModerator } = useIsModerator();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModeratorPage.esm.js","sources":["../../../src/components/ModeratorPage/ModeratorPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n TemplateList,\n useIsModerator,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport
|
|
1
|
+
{"version":3,"file":"ModeratorPage.esm.js","sources":["../../../src/components/ModeratorPage/ModeratorPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n TemplateList,\n useIsModerator,\n useTranslation,\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';\n\nexport const ModeratorPage = () => {\n const { isModerator } = useIsModerator();\n const [tab, setTab] = useState('templates');\n const { t } = useTranslation();\n\n if (!isModerator) {\n return null;\n }\n\n const handleChange = (_event: React.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 </TabList>\n </Box>\n <TabPanel value=\"templates\">\n <Alert severity=\"info\">{t('moderatorPage.templatesInfo')}</Alert>\n <TemplateList />\n </TabPanel>\n </TabContext>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;AAUO,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,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAA+B,QAAqB,KAAA;AACxE,IAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,GACjB;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,aAAc,EAAA,EAAA,KAAA,EAAO,EAAE,qBAAqB,CAAA,EAAG,mBAC/C,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,GACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAI,EAAI,EAAA,EAAE,cAAc,CAAG,EAAA,WAAA,EAAa,WACvC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,YAAA;AAAA,MACV,YAAA,EAAY,EAAE,qBAAqB;AAAA,KAAA;AAAA,wCAElC,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,yBAAyB,CAAA,EAAG,OAAM,WAAY,EAAA;AAAA,GAEhE,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,YAAS,KAAM,EAAA,WAAA,EAAA,sCACb,KAAM,EAAA,EAAA,QAAA,EAAS,MAAQ,EAAA,EAAA,CAAA,CAAE,6BAA6B,CAAE,CAAA,sCACxD,YAAa,EAAA,IAAA,CAChB,CACF,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Box from '@mui/material/Box';
|
|
3
|
-
import Container from '@mui/material/Container';
|
|
4
|
-
import Grid from '@mui/material/Grid';
|
|
5
2
|
import { Page, Header, Content } from '@backstage/core-components';
|
|
6
3
|
import { Routes, Route } from 'react-router-dom';
|
|
7
4
|
import { AskPage } from '../AskPage/AskPage.esm.js';
|
|
@@ -22,6 +19,7 @@ import { CollectionCreatePage } from '../CollectionCreatePage/CollectionCreatePa
|
|
|
22
19
|
import { EntityPage } from '../EntityPage/EntityPage.esm.js';
|
|
23
20
|
import { UsersPage } from '../UsersPage/UsersPage.esm.js';
|
|
24
21
|
import { ModeratorPage } from '../ModeratorPage/ModeratorPage.esm.js';
|
|
22
|
+
import { Container, Grid, Box } from '@material-ui/core';
|
|
25
23
|
|
|
26
24
|
const QetaPage = (props) => {
|
|
27
25
|
const {
|
|
@@ -44,7 +42,7 @@ const QetaPage = (props) => {
|
|
|
44
42
|
tooltip: headerTooltip
|
|
45
43
|
},
|
|
46
44
|
headerElements
|
|
47
|
-
), /* @__PURE__ */ React.createElement(Content, { className: "qetaHomePage" }, introElement, /* @__PURE__ */ React.createElement(Container, { maxWidth: "xl" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4, justifyContent: "flex-start" }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 1, lg: 2
|
|
45
|
+
), /* @__PURE__ */ React.createElement(Content, { className: "qetaHomePage" }, introElement, /* @__PURE__ */ React.createElement(Container, { maxWidth: "xl" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4, justifyContent: "flex-start" }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 1, lg: 2 }, /* @__PURE__ */ React.createElement(LeftMenu, null)), /* @__PURE__ */ React.createElement(
|
|
48
46
|
Grid,
|
|
49
47
|
{
|
|
50
48
|
item: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QetaPage.esm.js","sources":["../../../src/components/QetaPage/QetaPage.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"QetaPage.esm.js","sources":["../../../src/components/QetaPage/QetaPage.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport { Route, Routes } from 'react-router-dom';\nimport { AskPage } from '../AskPage';\nimport { QuestionPage } from '../QuestionPage/QuestionPage';\nimport { TagPage } from '../TagPage/TagPage';\nimport { UserPage } from '../UserPage/UserPage';\nimport { FavoritePage } from '../FavoritePage/FavoritePage';\nimport { StatisticsPage } from '../Statistics';\nimport {\n articleRouteRef,\n articlesRouteRef,\n askRouteRef,\n collectionCreateRouteRef,\n collectionEditRouteRef,\n collectionRouteRef,\n collectionsRouteRef,\n editArticleRouteRef,\n editQuestionRouteRef,\n entitiesRouteRef,\n entityRouteRef,\n favoriteQuestionsRouteRef,\n LeftMenu,\n LeftMenuButton,\n moderatorRouteRef,\n questionRouteRef,\n questionsRouteRef,\n statisticsRouteRef,\n tagRouteRef,\n tagsRouteRef,\n userRouteRef,\n usersRouteRef,\n writeRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { QuestionsPage } from '../QuestionsPage/QuestionsPage';\nimport { HomePage } from '../HomePage/HomePage';\nimport { ArticlesPage } from '../ArticlesPage/ArticlesPage';\nimport { WritePage } from '../WritePage/WritePage';\nimport { ArticlePage } from '../ArticlePage/ArticlePage';\nimport { CollectionsPage } from '../CollectionsPage/CollectionsPage';\nimport { CollectionPage } from '../CollectionPage/CollectionPage';\nimport { CollectionCreatePage } from '../CollectionCreatePage/CollectionCreatePage';\nimport { EntityPage } from '../EntityPage/EntityPage';\nimport { UsersPage } from '../UsersPage/UsersPage';\nimport { ModeratorPage } from '../ModeratorPage/ModeratorPage';\nimport { Box, Container, Grid } from '@material-ui/core';\n\ntype Props = {\n title?: string;\n subtitle?: string;\n headerElements?: ReactNode[];\n themeId?: string;\n headerTooltip?: string;\n headerType?: string;\n headerTypeLink?: string;\n introElement?: ReactNode;\n};\n\nexport const QetaPage = (props?: Props) => {\n const {\n title = 'Q&A',\n subtitle,\n headerElements,\n themeId = 'tool',\n headerTooltip,\n headerType,\n headerTypeLink,\n introElement,\n } = props ?? {};\n\n return (\n <Page themeId={themeId}>\n <Header\n title={title}\n subtitle={subtitle}\n type={headerType}\n typeLink={headerTypeLink}\n tooltip={headerTooltip}\n >\n {headerElements}\n </Header>\n <Content className=\"qetaHomePage\">\n {introElement}\n <Container maxWidth=\"xl\">\n <Grid container spacing={4} justifyContent=\"flex-start\">\n <Grid item md={1} lg={2}>\n <LeftMenu />\n </Grid>\n <Grid\n item\n md={12}\n lg={10}\n style={{ paddingLeft: '0', paddingRight: '0' }}\n >\n <Box display={{ md: 'block', lg: 'none' }}>\n <LeftMenuButton />\n </Box>\n <Routes>\n <Route path=\"/\" element={<HomePage />} />\n <Route\n path={questionsRouteRef.path}\n element={<QuestionsPage />}\n />\n <Route path={askRouteRef.path} element={<AskPage />} />\n <Route\n path={articlesRouteRef.path}\n element={<ArticlesPage />}\n />\n <Route path={writeRouteRef.path} element={<WritePage />} />\n <Route\n path={favoriteQuestionsRouteRef.path}\n element={<FavoritePage />}\n />\n <Route path={editQuestionRouteRef.path} element={<AskPage />} />\n <Route\n path={editArticleRouteRef.path}\n element={<WritePage />}\n />\n <Route\n path={questionRouteRef.path}\n element={<QuestionPage />}\n />\n <Route path={articleRouteRef.path} element={<ArticlePage />} />\n <Route path={tagsRouteRef.path} element={<TagPage />} />\n <Route path={tagRouteRef.path} element={<TagPage />} />\n <Route path={usersRouteRef.path} element={<UsersPage />} />\n <Route path={userRouteRef.path} element={<UserPage />} />\n <Route\n path={statisticsRouteRef.path}\n element={<StatisticsPage />}\n />\n <Route\n path={collectionsRouteRef.path}\n element={<CollectionsPage />}\n />\n <Route\n path={collectionCreateRouteRef.path}\n element={<CollectionCreatePage />}\n />\n <Route\n path={collectionEditRouteRef.path}\n element={<CollectionCreatePage />}\n />\n <Route\n path={collectionRouteRef.path}\n element={<CollectionPage />}\n />\n <Route path={entitiesRouteRef.path} element={<EntityPage />} />\n <Route path={entityRouteRef.path} element={<EntityPage />} />\n <Route\n path={moderatorRouteRef.path}\n element={<ModeratorPage />}\n />\n </Routes>\n </Grid>\n </Grid>\n </Container>\n </Content>\n </Page>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,10 @@
|
|
|
1
1
|
import React, { useState, useEffect, useCallback, useMemo } from 'react';
|
|
2
|
-
import Box from '@mui/material/Box';
|
|
3
|
-
import Divider from '@mui/material/Divider';
|
|
4
|
-
import FormControl from '@mui/material/FormControl';
|
|
5
|
-
import Grid from '@mui/material/Grid';
|
|
6
|
-
import Skeleton from '@mui/material/Skeleton';
|
|
7
|
-
import Typography from '@mui/material/Typography';
|
|
8
2
|
import { WarningPanel, ContentHeader } from '@backstage/core-components';
|
|
9
3
|
import { useParams } from 'react-router-dom';
|
|
10
|
-
import { useTranslation, useQetaApi, AskQuestionButton, AddToCollectionButton, QuestionCard, AIAnswerCard, AnswerCard, AnswerForm, RelativeTimeWithTooltip, UpdatedByLink } from '@drodil/backstage-plugin-qeta-react';
|
|
4
|
+
import { useTranslation, useQetaApi, ButtonContainer, AskQuestionButton, AddToCollectionButton, QuestionCard, AIAnswerCard, AnswerCard, AnswerForm, RelativeTimeWithTooltip, UpdatedByLink } from '@drodil/backstage-plugin-qeta-react';
|
|
11
5
|
import { useSignal } from '@backstage/plugin-signals-react';
|
|
12
|
-
import MenuItem from '@
|
|
13
|
-
import
|
|
6
|
+
import { Box, Grid, Typography, FormControl, TextField, MenuItem, Divider } from '@material-ui/core';
|
|
7
|
+
import { Skeleton } from '@material-ui/lab';
|
|
14
8
|
|
|
15
9
|
const QuestionPage = () => {
|
|
16
10
|
const { id } = useParams();
|
|
@@ -82,10 +76,10 @@ const QuestionPage = () => {
|
|
|
82
76
|
setAnswersCount((prev) => prev + 1);
|
|
83
77
|
};
|
|
84
78
|
const getDescription = (q) => {
|
|
85
|
-
return /* @__PURE__ */ React.createElement("span", null, t("authorBox.postedAtTime"), " ", /* @__PURE__ */ React.createElement(Box, { fontWeight: "fontWeightMedium", display: "inline"
|
|
79
|
+
return /* @__PURE__ */ React.createElement("span", null, t("authorBox.postedAtTime"), " ", /* @__PURE__ */ React.createElement(Box, { fontWeight: "fontWeightMedium", display: "inline" }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: q.created })), q.updated && /* @__PURE__ */ React.createElement(React.Fragment, null, t("authorBox.updatedAtTime"), " ", /* @__PURE__ */ React.createElement(Box, { fontWeight: "fontWeightMedium", display: "inline" }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: q.updated }), " ", t("authorBox.updatedBy"), " ", /* @__PURE__ */ React.createElement(UpdatedByLink, { entity: q }))), /* @__PURE__ */ React.createElement(Box, { fontWeight: "fontWeightMedium", display: "inline" }, t("common.views", { count: views })));
|
|
86
80
|
};
|
|
87
81
|
if (loading) {
|
|
88
|
-
return /* @__PURE__ */ React.createElement(Skeleton, { variant: "
|
|
82
|
+
return /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", height: 200 });
|
|
89
83
|
}
|
|
90
84
|
if (error || question === void 0) {
|
|
91
85
|
return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("questionPage.errorLoading") }, error?.message);
|
|
@@ -99,8 +93,7 @@ const QuestionPage = () => {
|
|
|
99
93
|
title: question.title,
|
|
100
94
|
description: getDescription(question)
|
|
101
95
|
},
|
|
102
|
-
/* @__PURE__ */ React.createElement(AskQuestionButton, null),
|
|
103
|
-
/* @__PURE__ */ React.createElement(AddToCollectionButton, { post: question })
|
|
96
|
+
/* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(AddToCollectionButton, { post: question }))
|
|
104
97
|
), /* @__PURE__ */ React.createElement(QuestionCard, { question }), /* @__PURE__ */ React.createElement(AIAnswerCard, { question, debounceMs: 0 }), /* @__PURE__ */ React.createElement(Box, { sx: { mt: 3, mb: 2 } }, /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, t("common.answers", {
|
|
105
98
|
count: answersCount
|
|
106
99
|
}))), allAnswers.length > 1 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(
|
|
@@ -128,9 +121,9 @@ const QuestionPage = () => {
|
|
|
128
121
|
/* @__PURE__ */ React.createElement(MenuItem, { value: "author_asc" }, t("questionPage.sortAnswers.authorAsc")),
|
|
129
122
|
/* @__PURE__ */ React.createElement(MenuItem, { value: "updated_desc" }, t("questionPage.sortAnswers.updatedDesc")),
|
|
130
123
|
/* @__PURE__ */ React.createElement(MenuItem, { value: "updated_asc" }, t("questionPage.sortAnswers.updatedAsc"))
|
|
131
|
-
))))), /* @__PURE__ */ React.createElement(Divider,
|
|
124
|
+
))))), /* @__PURE__ */ React.createElement(Divider, null), sortedAnswers.map((a) => {
|
|
132
125
|
return /* @__PURE__ */ React.createElement(React.Fragment, { key: a.id }, /* @__PURE__ */ React.createElement(Box, { key: a.id, sx: { mb: 1 } }, /* @__PURE__ */ React.createElement(AnswerCard, { answer: a, question })));
|
|
133
|
-
}), /* @__PURE__ */ React.createElement(Divider,
|
|
126
|
+
}), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(AnswerForm, { post: question, onPost: onAnswerPost }));
|
|
134
127
|
};
|
|
135
128
|
|
|
136
129
|
export { QuestionPage };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionPage.esm.js","sources":["../../../src/components/QuestionPage/QuestionPage.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport Box from '@mui/material/Box';\nimport Divider from '@mui/material/Divider';\nimport FormControl from '@mui/material/FormControl';\nimport Grid from '@mui/material/Grid';\nimport Skeleton from '@mui/material/Skeleton';\nimport Typography from '@mui/material/Typography';\nimport { ContentHeader, WarningPanel } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport {\n AddToCollectionButton,\n AIAnswerCard,\n AnswerCard,\n AnswerForm,\n AskQuestionButton,\n QuestionCard,\n RelativeTimeWithTooltip,\n UpdatedByLink,\n useQetaApi,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport {\n Answer,\n AnswerResponse,\n PostResponse,\n QetaSignal,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport MenuItem from '@mui/material/MenuItem';\nimport TextField from '@mui/material/TextField';\n\nexport const QuestionPage = () => {\n const { id } = useParams();\n const { t } = useTranslation();\n const [newAnswers, setNewAnswers] = React.useState<AnswerResponse[]>([]);\n const [answerSort, setAnswerSort] = React.useState<string>('default');\n\n const [answersCount, setAnswersCount] = useState(0);\n const [views, setViews] = useState(0);\n\n const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${id}`);\n\n const {\n value: question,\n loading,\n error,\n } = useQetaApi(api => api.getPost(id), [id]);\n\n useEffect(() => {\n if (question) {\n setAnswersCount(question.answersCount);\n setViews(question.views);\n }\n }, [question]);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setAnswersCount(lastSignal.answersCount);\n setViews(lastSignal.views);\n }\n }, [lastSignal]);\n\n const sortAnswers = useCallback(\n (a: Answer, b: Answer) => {\n if (answerSort === 'default') {\n return 1;\n }\n\n const parts = answerSort.split('_');\n const field = parts[0];\n const order = parts[1];\n\n let ret = -1;\n switch (field) {\n case 'created':\n ret = a.created > b.created ? -1 : 1;\n break;\n case 'score':\n ret = a.score > b.score ? -1 : 1;\n break;\n case 'author':\n ret = a.author > b.author ? -1 : 1;\n break;\n case 'comments':\n ret = (a.comments?.length ?? 0) > (b.comments?.length ?? 0) ? -1 : 1;\n break;\n case 'updated':\n ret = (a.updated ?? a.created) > (b.updated ?? b.created) ? -1 : 1;\n break;\n default:\n return 1;\n }\n\n if (order === 'desc') {\n ret *= -1;\n }\n return ret;\n },\n [answerSort],\n );\n\n const allAnswers = (question?.answers ?? []).concat(newAnswers);\n const sortedAnswers = useMemo(\n () => allAnswers.sort(sortAnswers),\n [allAnswers, sortAnswers],\n );\n\n const onAnswerPost = (answer: AnswerResponse) => {\n setNewAnswers(newAnswers.concat([answer]));\n setAnswersCount(prev => prev + 1);\n };\n\n const getDescription = (q: PostResponse) => {\n return (\n <span>\n {t('authorBox.postedAtTime')}{' '}\n <Box fontWeight=\"fontWeightMedium\" display=\"inline\" sx={{ mr: 2 }}>\n <RelativeTimeWithTooltip value={q.created} />\n </Box>\n {q.updated && (\n <React.Fragment>\n {t('authorBox.updatedAtTime')}{' '}\n <Box fontWeight=\"fontWeightMedium\" display=\"inline\" sx={{ mr: 2 }}>\n <RelativeTimeWithTooltip value={q.updated} />{' '}\n {t('authorBox.updatedBy')} <UpdatedByLink entity={q} />\n </Box>\n </React.Fragment>\n )}\n <Box fontWeight=\"fontWeightMedium\" display=\"inline\">\n {t('common.views', { count: views })}\n </Box>\n </span>\n );\n };\n\n if (loading) {\n return <Skeleton variant=\"rectangular\" height={200} />;\n }\n\n if (error || question === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('questionPage.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (question.type !== 'question') {\n return (\n <WarningPanel title=\"Not found\" message={t('questionPage.notFound')} />\n );\n }\n\n return (\n <>\n <ContentHeader\n title={question.title}\n // @ts-ignore\n description={getDescription(question)}\n >\n <AskQuestionButton />\n <AddToCollectionButton post={question} />\n </ContentHeader>\n <QuestionCard question={question} />\n <AIAnswerCard question={question} debounceMs={0} />\n <Box sx={{ mt: 3, mb: 2 }}>\n <Grid container justifyContent=\"space-between\" alignItems=\"center\">\n <Grid item>\n <Typography variant=\"h6\">\n {t('common.answers', {\n count: answersCount,\n })}\n </Typography>\n </Grid>\n {allAnswers.length > 1 && (\n <Grid item>\n <FormControl>\n <TextField\n select\n size=\"small\"\n label={t('questionPage.sortAnswers.label')}\n value={answerSort}\n onChange={val => setAnswerSort(val.target.value as string)}\n inputProps={{\n name: 'sortAnswers',\n id: 'sort-answers',\n }}\n variant=\"outlined\"\n >\n <MenuItem value=\"default\">\n {t('questionPage.sortAnswers.default')}\n </MenuItem>\n <MenuItem value=\"created_desc\">\n {t('questionPage.sortAnswers.createdDesc')}\n </MenuItem>\n <MenuItem value=\"created_asc\">\n {t('questionPage.sortAnswers.createdAsc')}\n </MenuItem>\n <MenuItem value=\"score_desc\">\n {t('questionPage.sortAnswers.scoreDesc')}\n </MenuItem>\n <MenuItem value=\"score_asc\">\n {t('questionPage.sortAnswers.scoreAsc')}\n </MenuItem>\n <MenuItem value=\"comments_desc\">\n {t('questionPage.sortAnswers.commentsDesc')}\n </MenuItem>\n <MenuItem value=\"comments_asc\">\n {t('questionPage.sortAnswers.commentsAsc')}\n </MenuItem>\n <MenuItem value=\"author_desc\">\n {t('questionPage.sortAnswers.authorDesc')}\n </MenuItem>\n <MenuItem value=\"author_asc\">\n {t('questionPage.sortAnswers.authorAsc')}\n </MenuItem>\n <MenuItem value=\"updated_desc\">\n {t('questionPage.sortAnswers.updatedDesc')}\n </MenuItem>\n <MenuItem value=\"updated_asc\">\n {t('questionPage.sortAnswers.updatedAsc')}\n </MenuItem>\n </TextField>\n </FormControl>\n </Grid>\n )}\n </Grid>\n </Box>\n <Divider sx={{ marginTop: 2, marginBottom: 2 }} />\n {sortedAnswers.map(a => {\n return (\n <React.Fragment key={a.id}>\n <Box key={a.id} sx={{ mb: 1 }}>\n <AnswerCard answer={a} question={question} />\n </Box>\n </React.Fragment>\n );\n })}\n <Divider sx={{ marginTop: 2, marginBottom: 2 }} />\n <AnswerForm post={question} onPost={onAnswerPost} />\n </>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"QuestionPage.esm.js","sources":["../../../src/components/QuestionPage/QuestionPage.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ContentHeader, WarningPanel } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport {\n AddToCollectionButton,\n AIAnswerCard,\n AnswerCard,\n AnswerForm,\n AskQuestionButton,\n ButtonContainer,\n QuestionCard,\n RelativeTimeWithTooltip,\n UpdatedByLink,\n useQetaApi,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport {\n Answer,\n AnswerResponse,\n PostResponse,\n QetaSignal,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport {\n Box,\n Divider,\n FormControl,\n Grid,\n MenuItem,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\n\nexport const QuestionPage = () => {\n const { id } = useParams();\n const { t } = useTranslation();\n const [newAnswers, setNewAnswers] = React.useState<AnswerResponse[]>([]);\n const [answerSort, setAnswerSort] = React.useState<string>('default');\n\n const [answersCount, setAnswersCount] = useState(0);\n const [views, setViews] = useState(0);\n\n const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${id}`);\n\n const {\n value: question,\n loading,\n error,\n } = useQetaApi(api => api.getPost(id), [id]);\n\n useEffect(() => {\n if (question) {\n setAnswersCount(question.answersCount);\n setViews(question.views);\n }\n }, [question]);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setAnswersCount(lastSignal.answersCount);\n setViews(lastSignal.views);\n }\n }, [lastSignal]);\n\n const sortAnswers = useCallback(\n (a: Answer, b: Answer) => {\n if (answerSort === 'default') {\n return 1;\n }\n\n const parts = answerSort.split('_');\n const field = parts[0];\n const order = parts[1];\n\n let ret = -1;\n switch (field) {\n case 'created':\n ret = a.created > b.created ? -1 : 1;\n break;\n case 'score':\n ret = a.score > b.score ? -1 : 1;\n break;\n case 'author':\n ret = a.author > b.author ? -1 : 1;\n break;\n case 'comments':\n ret = (a.comments?.length ?? 0) > (b.comments?.length ?? 0) ? -1 : 1;\n break;\n case 'updated':\n ret = (a.updated ?? a.created) > (b.updated ?? b.created) ? -1 : 1;\n break;\n default:\n return 1;\n }\n\n if (order === 'desc') {\n ret *= -1;\n }\n return ret;\n },\n [answerSort],\n );\n\n const allAnswers = (question?.answers ?? []).concat(newAnswers);\n const sortedAnswers = useMemo(\n () => allAnswers.sort(sortAnswers),\n [allAnswers, sortAnswers],\n );\n\n const onAnswerPost = (answer: AnswerResponse) => {\n setNewAnswers(newAnswers.concat([answer]));\n setAnswersCount(prev => prev + 1);\n };\n\n const getDescription = (q: PostResponse) => {\n return (\n <span>\n {t('authorBox.postedAtTime')}{' '}\n <Box fontWeight=\"fontWeightMedium\" display=\"inline\">\n <RelativeTimeWithTooltip value={q.created} />\n </Box>\n {q.updated && (\n <React.Fragment>\n {t('authorBox.updatedAtTime')}{' '}\n <Box fontWeight=\"fontWeightMedium\" display=\"inline\">\n <RelativeTimeWithTooltip value={q.updated} />{' '}\n {t('authorBox.updatedBy')} <UpdatedByLink entity={q} />\n </Box>\n </React.Fragment>\n )}\n <Box fontWeight=\"fontWeightMedium\" display=\"inline\">\n {t('common.views', { count: views })}\n </Box>\n </span>\n );\n };\n\n if (loading) {\n return <Skeleton variant=\"rect\" height={200} />;\n }\n\n if (error || question === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('questionPage.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (question.type !== 'question') {\n return (\n <WarningPanel title=\"Not found\" message={t('questionPage.notFound')} />\n );\n }\n\n return (\n <>\n <ContentHeader\n title={question.title}\n // @ts-ignore\n description={getDescription(question)}\n >\n <ButtonContainer>\n <AskQuestionButton />\n <AddToCollectionButton post={question} />\n </ButtonContainer>\n </ContentHeader>\n <QuestionCard question={question} />\n <AIAnswerCard question={question} debounceMs={0} />\n <Box sx={{ mt: 3, mb: 2 }}>\n <Grid container justifyContent=\"space-between\" alignItems=\"center\">\n <Grid item>\n <Typography variant=\"h6\">\n {t('common.answers', {\n count: answersCount,\n })}\n </Typography>\n </Grid>\n {allAnswers.length > 1 && (\n <Grid item>\n <FormControl>\n <TextField\n select\n size=\"small\"\n label={t('questionPage.sortAnswers.label')}\n value={answerSort}\n onChange={val => setAnswerSort(val.target.value as string)}\n inputProps={{\n name: 'sortAnswers',\n id: 'sort-answers',\n }}\n variant=\"outlined\"\n >\n <MenuItem value=\"default\">\n {t('questionPage.sortAnswers.default')}\n </MenuItem>\n <MenuItem value=\"created_desc\">\n {t('questionPage.sortAnswers.createdDesc')}\n </MenuItem>\n <MenuItem value=\"created_asc\">\n {t('questionPage.sortAnswers.createdAsc')}\n </MenuItem>\n <MenuItem value=\"score_desc\">\n {t('questionPage.sortAnswers.scoreDesc')}\n </MenuItem>\n <MenuItem value=\"score_asc\">\n {t('questionPage.sortAnswers.scoreAsc')}\n </MenuItem>\n <MenuItem value=\"comments_desc\">\n {t('questionPage.sortAnswers.commentsDesc')}\n </MenuItem>\n <MenuItem value=\"comments_asc\">\n {t('questionPage.sortAnswers.commentsAsc')}\n </MenuItem>\n <MenuItem value=\"author_desc\">\n {t('questionPage.sortAnswers.authorDesc')}\n </MenuItem>\n <MenuItem value=\"author_asc\">\n {t('questionPage.sortAnswers.authorAsc')}\n </MenuItem>\n <MenuItem value=\"updated_desc\">\n {t('questionPage.sortAnswers.updatedDesc')}\n </MenuItem>\n <MenuItem value=\"updated_asc\">\n {t('questionPage.sortAnswers.updatedAsc')}\n </MenuItem>\n </TextField>\n </FormControl>\n </Grid>\n )}\n </Grid>\n </Box>\n <Divider />\n {sortedAnswers.map(a => {\n return (\n <React.Fragment key={a.id}>\n <Box key={a.id} sx={{ mb: 1 }}>\n <AnswerCard answer={a} question={question} />\n </Box>\n </React.Fragment>\n );\n })}\n <Divider />\n <AnswerForm post={question} onPost={onAnswerPost} />\n </>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Content.esm.js","sources":["../../../src/components/QuestionTableCard/Content.tsx"],"sourcesContent":["import React from 'react';\nimport { QuestionsTable } from '@drodil/backstage-plugin-qeta-react';\n\nexport const Content = (props: {\n rowsPerPage?: number;\n quickFilter?: 'latest' | 'favorites' | 'most_viewed';\n}) => {\n return <QuestionsTable hideTitle {...props} />;\n};\n"],"names":[],"mappings":";;;AAGa,MAAA,OAAA,GAAU,CAAC,KAGlB,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,SAAS,EAAA,IAAA,EAAE,GAAG,KAAO,EAAA,CAAA
|
|
1
|
+
{"version":3,"file":"Content.esm.js","sources":["../../../src/components/QuestionTableCard/Content.tsx"],"sourcesContent":["import React from 'react';\nimport { QuestionsTable } from '@drodil/backstage-plugin-qeta-react';\n\nexport const Content = (props: {\n rowsPerPage?: number;\n quickFilter?: 'latest' | 'favorites' | 'most_viewed';\n}) => {\n return <QuestionsTable hideTitle {...props} />;\n};\n"],"names":[],"mappings":";;;AAGa,MAAA,OAAA,GAAU,CAAC,KAGlB,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,SAAS,EAAA,IAAA,EAAE,GAAG,KAAO,EAAA,CAAA;AAC9C;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { useSearchParams } from 'react-router-dom';
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
|
-
import { useTranslation, AskQuestionButton, PostsContainer, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
|
|
3
|
+
import { useTranslation, ButtonContainer, AskQuestionButton, PostsContainer, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
|
|
4
4
|
import { ContentHeader } from '@backstage/core-components';
|
|
5
5
|
import { filterTags } from '@drodil/backstage-plugin-qeta-common';
|
|
6
|
-
import
|
|
7
|
-
import
|
|
6
|
+
import Whatshot from '@material-ui/icons/Whatshot';
|
|
7
|
+
import { Grid } from '@material-ui/core';
|
|
8
8
|
|
|
9
9
|
const QuestionsPage = () => {
|
|
10
10
|
const [searchParams] = useSearchParams();
|
|
@@ -17,7 +17,7 @@ const QuestionsPage = () => {
|
|
|
17
17
|
setEntityRef(searchParams.get("entity") ?? void 0);
|
|
18
18
|
setTags(filterTags(searchParams.get("tags")));
|
|
19
19
|
}, [searchParams, setEntityRef]);
|
|
20
|
-
return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 8, xl: 9 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("questionsPage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(PostsContainer, { entity: entityRef, tags, type: "question" })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 4, xl: 3 }, /* @__PURE__ */ React.createElement(
|
|
20
|
+
return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 8, xl: 9 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("questionsPage.title") }, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(AskQuestionButton, { entity: entityRef, tags }))), /* @__PURE__ */ React.createElement(PostsContainer, { entity: entityRef, tags, type: "question" })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 4, xl: 3 }, /* @__PURE__ */ React.createElement(
|
|
21
21
|
PostHighlightList,
|
|
22
22
|
{
|
|
23
23
|
type: "hot",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionsPage.esm.js","sources":["../../../src/components/QuestionsPage/QuestionsPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport React, { useEffect } from 'react';\nimport {\n AskQuestionButton,\n FollowedEntitiesList,\n FollowedTagsList,\n PostHighlightList,\n PostsContainer,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport
|
|
1
|
+
{"version":3,"file":"QuestionsPage.esm.js","sources":["../../../src/components/QuestionsPage/QuestionsPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport React, { useEffect } from 'react';\nimport {\n AskQuestionButton,\n ButtonContainer,\n FollowedEntitiesList,\n FollowedTagsList,\n PostHighlightList,\n PostsContainer,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { Grid } from '@material-ui/core';\n\nexport const QuestionsPage = () => {\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={8} xl={9}>\n <ContentHeader title={t('questionsPage.title')}>\n <ButtonContainer>\n <AskQuestionButton entity={entityRef} tags={tags} />\n </ButtonContainer>\n </ContentHeader>\n <PostsContainer entity={entityRef} tags={tags} type=\"question\" />\n </Grid>\n <Grid item lg={4} xl={3}>\n <PostHighlightList\n type=\"hot\"\n title={t('highlights.hotQuestions.title')}\n noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n icon={<Whatshot fontSize=\"small\" />}\n options={{\n tags: tags,\n entities: entityRef ? [entityRef] : undefined,\n }}\n postType=\"question\"\n />\n <PostHighlightList\n type=\"unanswered\"\n title={t('highlights.unanswered.title')}\n noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n options={{\n tags: tags,\n entities: entityRef ? [entityRef] : undefined,\n }}\n postType=\"question\"\n />\n <PostHighlightList\n type=\"incorrect\"\n title={t('highlights.incorrect.title')}\n noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n options={{\n tags: tags,\n entities: entityRef ? [entityRef] : undefined,\n }}\n postType=\"question\"\n />\n <FollowedTagsList />\n <FollowedEntitiesList />\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { useQetaApi, StatsChart, SummaryStatsGrid } from '@drodil/backstage-plugin-qeta-react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import Card from '@
|
|
4
|
-
import CardContent from '@mui/material/CardContent';
|
|
5
|
-
import Grid from '@mui/material/Grid';
|
|
3
|
+
import { Grid, Card, CardContent } from '@material-ui/core';
|
|
6
4
|
|
|
7
5
|
const GlobalStatsContent = () => {
|
|
8
6
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalStatsContent.esm.js","sources":["../../../src/components/Statistics/GlobalStatsContent.tsx"],"sourcesContent":["import {\n StatsChart,\n SummaryStatsGrid,\n useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"GlobalStatsContent.esm.js","sources":["../../../src/components/Statistics/GlobalStatsContent.tsx"],"sourcesContent":["import {\n StatsChart,\n SummaryStatsGrid,\n useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport React from 'react';\nimport { Card, CardContent, Grid } from '@material-ui/core';\n\nexport const GlobalStatsContent = () => {\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(api => api.getGlobalStats(), []);\n if (loading || error || !response) {\n return null;\n }\n return (\n <Grid container>\n <Grid item xs={12}>\n <Card>\n <CardContent>\n <StatsChart data={response.statistics} />\n </CardContent>\n </Card>\n </Grid>\n <Grid item xs={12}>\n <SummaryStatsGrid stats={response} />\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,qBAAqB,MAAM;AACtC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,cAAe,EAAA,EAAG,EAAE,CAAA;AAC9C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAA,sCACZ,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,sCACE,UAAW,EAAA,EAAA,IAAA,EAAM,QAAS,CAAA,UAAA,EAAY,CACzC,CACF,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,KAAO,EAAA,QAAA,EAAU,CACrC,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ContentHeader } from '@backstage/core-components';
|
|
3
|
-
import { AskQuestionButton, WriteArticleButton, TopRankingUsers } from '@drodil/backstage-plugin-qeta-react';
|
|
3
|
+
import { ButtonContainer, AskQuestionButton, WriteArticleButton, TopRankingUsers } from '@drodil/backstage-plugin-qeta-react';
|
|
4
4
|
import { GlobalStatsContent } from './GlobalStatsContent.esm.js';
|
|
5
|
-
import Grid from '@
|
|
5
|
+
import { Grid } from '@material-ui/core';
|
|
6
6
|
|
|
7
7
|
const StatisticsPage = () => {
|
|
8
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Statistics" }, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(WriteArticleButton, null)), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(GlobalStatsContent, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(TopRankingUsers, { limit: 10 }))));
|
|
8
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Statistics" }, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(WriteArticleButton, null))), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(GlobalStatsContent, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(TopRankingUsers, { limit: 10 }))));
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { StatisticsPage };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatisticsPage.esm.js","sources":["../../../src/components/Statistics/StatisticsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport {\n AskQuestionButton,\n TopRankingUsers,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { GlobalStatsContent } from './GlobalStatsContent';\nimport Grid from '@
|
|
1
|
+
{"version":3,"file":"StatisticsPage.esm.js","sources":["../../../src/components/Statistics/StatisticsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport {\n AskQuestionButton,\n ButtonContainer,\n TopRankingUsers,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { GlobalStatsContent } from './GlobalStatsContent';\nimport { Grid } from '@material-ui/core';\n\nexport const StatisticsPage = () => {\n return (\n <>\n <ContentHeader title=\"Statistics\">\n <ButtonContainer>\n <AskQuestionButton />\n <WriteArticleButton />\n </ButtonContainer>\n </ContentHeader>\n <Grid container>\n <Grid item xs={12}>\n <GlobalStatsContent />\n </Grid>\n <Grid item xs={12}>\n <TopRankingUsers limit={10} />\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,iBAAiB,MAAM;AAClC,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAM,YACnB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uCACE,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACnB,kBAAA,KAAA,CAAA,aAAA,CAAC,wBAAmB,CACtB,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAA,sCACZ,kBAAmB,EAAA,IAAA,CACtB,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,OAAO,EAAI,EAAA,CAC9B,CACF,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
2
|
import { ContentHeader } from '@backstage/core-components';
|
|
3
3
|
import { useParams } from 'react-router-dom';
|
|
4
|
-
import { useTranslation, qetaApiRef, TagFollowButton, AskQuestionButton, WriteArticleButton, MarkdownRenderer, PostsContainer, TagsGrid, FollowedTagsList, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
|
|
5
|
-
import
|
|
6
|
-
import CardContent from '@mui/material/CardContent';
|
|
7
|
-
import Grid from '@mui/material/Grid';
|
|
8
|
-
import Typography from '@mui/material/Typography';
|
|
9
|
-
import Whatshot from '@mui/icons-material/Whatshot';
|
|
4
|
+
import { useTranslation, qetaApiRef, ButtonContainer, TagFollowButton, AskQuestionButton, WriteArticleButton, MarkdownRenderer, PostsContainer, TagsGrid, FollowedTagsList, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
|
|
5
|
+
import Whatshot from '@material-ui/icons/Whatshot';
|
|
10
6
|
import { useApi } from '@backstage/core-plugin-api';
|
|
7
|
+
import { Grid, Card, CardContent, Typography } from '@material-ui/core';
|
|
11
8
|
|
|
12
9
|
const TagPage = () => {
|
|
13
10
|
const { tag } = useParams();
|
|
@@ -25,7 +22,7 @@ const TagPage = () => {
|
|
|
25
22
|
}
|
|
26
23
|
});
|
|
27
24
|
}, [qetaApi, tag]);
|
|
28
|
-
return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 8, xl: 9 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: tag ? `#${tag}` : t("tagPage.defaultTitle") }, tag && /* @__PURE__ */ React.createElement(TagFollowButton, { tag }), /* @__PURE__ */ React.createElement(AskQuestionButton, { tags: tag ? [tag] : void 0 }), /* @__PURE__ */ React.createElement(WriteArticleButton, { tags: tag ? [tag] : void 0 })), resp && /* @__PURE__ */ React.createElement(Card, { variant: "outlined", style: { marginBottom: "
|
|
25
|
+
return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 8, xl: 9 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: tag ? `#${tag}` : t("tagPage.defaultTitle") }, /* @__PURE__ */ React.createElement(ButtonContainer, null, tag && /* @__PURE__ */ React.createElement(TagFollowButton, { tag }), /* @__PURE__ */ React.createElement(AskQuestionButton, { tags: tag ? [tag] : void 0 }), /* @__PURE__ */ React.createElement(WriteArticleButton, { tags: tag ? [tag] : void 0 }))), resp && /* @__PURE__ */ React.createElement(Card, { variant: "outlined", style: { marginBottom: "1em" } }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, t("common.posts", {
|
|
29
26
|
count: resp.postsCount,
|
|
30
27
|
itemType: "post"
|
|
31
28
|
}), " \xB7 ", t("common.followers", { count: resp.followerCount })), resp.description && /* @__PURE__ */ React.createElement(MarkdownRenderer, { content: resp.description }))), tag ? /* @__PURE__ */ React.createElement(PostsContainer, { tags: [tag ?? ""] }) : /* @__PURE__ */ React.createElement(TagsGrid, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 4, xl: 3 }, /* @__PURE__ */ React.createElement(FollowedTagsList, null), resp && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagPage.esm.js","sources":["../../../src/components/TagPage/TagPage.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport {\n AskQuestionButton,\n FollowedTagsList,\n MarkdownRenderer,\n PostHighlightList,\n PostsContainer,\n qetaApiRef,\n TagFollowButton,\n TagsGrid,\n useTranslation,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport
|
|
1
|
+
{"version":3,"file":"TagPage.esm.js","sources":["../../../src/components/TagPage/TagPage.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport {\n AskQuestionButton,\n ButtonContainer,\n FollowedTagsList,\n MarkdownRenderer,\n PostHighlightList,\n PostsContainer,\n qetaApiRef,\n TagFollowButton,\n TagsGrid,\n useTranslation,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const TagPage = () => {\n const { tag } = useParams();\n const { t } = useTranslation();\n const [resp, setResp] = React.useState<undefined | TagResponse>();\n\n const qetaApi = useApi(qetaApiRef);\n\n useEffect(() => {\n if (!tag) {\n setResp(undefined);\n return;\n }\n\n qetaApi.getTag(tag).then(res => {\n if (res) {\n setResp(res);\n }\n });\n }, [qetaApi, tag]);\n\n return (\n <Grid container spacing={4}>\n <Grid item md={12} lg={8} xl={9}>\n <ContentHeader title={tag ? `#${tag}` : t('tagPage.defaultTitle')}>\n <ButtonContainer>\n {tag && <TagFollowButton tag={tag} />}\n <AskQuestionButton tags={tag ? [tag] : undefined} />\n <WriteArticleButton tags={tag ? [tag] : undefined} />\n </ButtonContainer>\n </ContentHeader>\n {resp && (\n <Card variant=\"outlined\" style={{ marginBottom: '1em' }}>\n <CardContent>\n <Typography variant=\"caption\">\n {t('common.posts', {\n count: resp.postsCount,\n itemType: 'post',\n })}\n {' · '}\n {t('common.followers', { count: resp.followerCount })}\n </Typography>\n {resp.description && (\n <MarkdownRenderer content={resp.description} />\n )}\n </CardContent>\n </Card>\n )}\n {tag ? <PostsContainer tags={[tag ?? '']} /> : <TagsGrid />}\n </Grid>\n <Grid item lg={4} xl={3}>\n <FollowedTagsList />\n {resp && (\n <>\n <PostHighlightList\n type=\"hot\"\n title={t('highlights.hotQuestions.title')}\n noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n icon={<Whatshot fontSize=\"small\" />}\n options={{ tags: [resp.tag] }}\n postType=\"question\"\n />\n\n <PostHighlightList\n type=\"unanswered\"\n title={t('highlights.unanswered.title')}\n noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n options={{ tags: [resp.tag] }}\n postType=\"question\"\n />\n <PostHighlightList\n type=\"incorrect\"\n title={t('highlights.incorrect.title')}\n noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n options={{ tags: [resp.tag] }}\n postType=\"question\"\n />\n </>\n )}\n {!resp && (\n <>\n <PostHighlightList\n type=\"hot\"\n title={t('highlights.hotQuestions.title')}\n noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n icon={<Whatshot fontSize=\"small\" />}\n 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 postType=\"article\"\n />\n </>\n )}\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import { ContentHeader } from '@backstage/core-components';
|
|
3
3
|
import { useParams, useSearchParams } from 'react-router-dom';
|
|
4
|
-
import { useTranslation, useIdentityApi, UserFollowButton, AskQuestionButton, WriteArticleButton, PostsContainer, PostsGrid, CollectionsGrid, AnswersContainer } from '@drodil/backstage-plugin-qeta-react';
|
|
5
|
-
import Box from '@mui/material/Box';
|
|
6
|
-
import Tab from '@mui/material/Tab';
|
|
7
|
-
import Typography from '@mui/material/Typography';
|
|
4
|
+
import { useTranslation, useIdentityApi, UserFollowButton, ButtonContainer, AskQuestionButton, WriteArticleButton, PostsContainer, PostsGrid, CollectionsGrid, AnswersContainer } from '@drodil/backstage-plugin-qeta-react';
|
|
8
5
|
import { useEntityPresentation } from '@backstage/plugin-catalog-react';
|
|
9
|
-
import { TabContext, TabList, TabPanel } from '@mui/lab';
|
|
10
6
|
import { UserStatsContent } from './UserStatsContent.esm.js';
|
|
7
|
+
import { TabContext, TabList, TabPanel } from '@material-ui/lab';
|
|
8
|
+
import { Typography, Box, Tab } from '@material-ui/core';
|
|
11
9
|
|
|
12
10
|
const UserPage = () => {
|
|
13
11
|
const identity = useParams()["*"] ?? "unknown";
|
|
@@ -25,7 +23,7 @@ const UserPage = () => {
|
|
|
25
23
|
setTab(newValue);
|
|
26
24
|
};
|
|
27
25
|
const title = /* @__PURE__ */ React.createElement(Typography, { variant: "h5", component: "h2" }, presentation.primaryTitle, !loadingUser && !userError && user?.userEntityRef !== identity && /* @__PURE__ */ React.createElement(UserFollowButton, { userRef: identity }));
|
|
28
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { titleComponent: title }, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(WriteArticleButton, null)), /* @__PURE__ */ React.createElement(TabContext, { value: tab }, /* @__PURE__ */ React.createElement(Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React.createElement(
|
|
26
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { titleComponent: title }, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(WriteArticleButton, null))), /* @__PURE__ */ React.createElement(TabContext, { value: tab }, /* @__PURE__ */ React.createElement(Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React.createElement(
|
|
29
27
|
TabList,
|
|
30
28
|
{
|
|
31
29
|
onChange: handleChange,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserPage.esm.js","sources":["../../../src/components/UserPage/UserPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport {\n AnswersContainer,\n AskQuestionButton,\n CollectionsGrid,\n PostsContainer,\n PostsGrid,\n useIdentityApi,\n UserFollowButton,\n useTranslation,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport
|
|
1
|
+
{"version":3,"file":"UserPage.esm.js","sources":["../../../src/components/UserPage/UserPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport {\n AnswersContainer,\n AskQuestionButton,\n ButtonContainer,\n CollectionsGrid,\n PostsContainer,\n PostsGrid,\n useIdentityApi,\n UserFollowButton,\n useTranslation,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { UserStatsContent } from './UserStatsContent';\nimport { TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { Box, Tab, Typography } from '@material-ui/core';\n\nexport const UserPage = () => {\n const identity = useParams()['*'] ?? 'unknown';\n const presentation = useEntityPresentation(identity);\n const [tab, setTab] = useState('statistics');\n const { t } = useTranslation();\n const [_searchParams, setSearchParams] = useSearchParams();\n const {\n value: user,\n loading: loadingUser,\n error: userError,\n } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n const handleChange = (_event: React.ChangeEvent<{}>, newValue: string) => {\n setSearchParams({});\n setTab(newValue);\n };\n const title = (\n <Typography variant=\"h5\" component=\"h2\">\n {presentation.primaryTitle}\n {!loadingUser && !userError && user?.userEntityRef !== identity && (\n <UserFollowButton userRef={identity} />\n )}\n </Typography>\n );\n\n return (\n <>\n <ContentHeader titleComponent={title}>\n <ButtonContainer>\n <AskQuestionButton />\n <WriteArticleButton />\n </ButtonContainer>\n </ContentHeader>\n <TabContext value={tab}>\n <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n <TabList\n onChange={handleChange}\n aria-label={t('userPage.profileTab')}\n >\n <Tab label={t('userPage.statistics')} value=\"statistics\" />\n <Tab label={t('userPage.questions')} value=\"questions\" />\n <Tab label={t('userPage.articles')} value=\"articles\" />\n <Tab label={t('userPage.collections')} value=\"collections\" />\n <Tab label={t('userPage.answers')} value=\"answers\" />\n </TabList>\n </Box>\n <TabPanel value=\"statistics\">\n <UserStatsContent userRef={identity ?? ''} />\n </TabPanel>\n <TabPanel value=\"questions\">\n <PostsContainer\n author={identity ?? ''}\n showNoQuestionsBtn={false}\n type=\"question\"\n />\n </TabPanel>\n <TabPanel value=\"articles\">\n <PostsGrid author={identity ?? ''} type=\"article\" />\n </TabPanel>\n <TabPanel value=\"collections\">\n <CollectionsGrid owner={identity ?? ''} />\n </TabPanel>\n <TabPanel value=\"answers\">\n <AnswersContainer\n author={identity ?? ''}\n title={t('userPage.answers')}\n />\n </TabPanel>\n </TabContext>\n </>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { useQetaApi, StatsChart, SummaryStatsGrid } from '@drodil/backstage-plugin-qeta-react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import Card from '@
|
|
4
|
-
import CardContent from '@mui/material/CardContent';
|
|
5
|
-
import Grid from '@mui/material/Grid';
|
|
3
|
+
import { Grid, Card, CardContent } from '@material-ui/core';
|
|
6
4
|
|
|
7
5
|
const UserStatsContent = (props) => {
|
|
8
6
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserStatsContent.esm.js","sources":["../../../src/components/UserPage/UserStatsContent.tsx"],"sourcesContent":["import {\n StatsChart,\n SummaryStatsGrid,\n useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"UserStatsContent.esm.js","sources":["../../../src/components/UserPage/UserStatsContent.tsx"],"sourcesContent":["import {\n StatsChart,\n SummaryStatsGrid,\n useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport React from 'react';\nimport { Card, CardContent, Grid } from '@material-ui/core';\n\nexport const UserStatsContent = (props: { userRef: string }) => {\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(api => api.getUserStats(props.userRef), []);\n if (loading || error || !response) {\n return null;\n }\n return (\n <Grid container>\n <Grid item xs={12}>\n <Card>\n <CardContent>\n <StatsChart data={response.statistics} />\n </CardContent>\n </Card>\n </Grid>\n <Grid item xs={12}>\n <SummaryStatsGrid stats={response} />\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,gBAAA,GAAmB,CAAC,KAA+B,KAAA;AAC9D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,aAAa,KAAM,CAAA,OAAO,CAAG,EAAA,EAAE,CAAA;AACzD,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAA,sCACZ,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,sCACE,UAAW,EAAA,EAAA,IAAA,EAAM,QAAS,CAAA,UAAA,EAAY,CACzC,CACF,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,KAAO,EAAA,QAAA,EAAU,CACrC,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useTranslation, UsersGrid, FollowedUsersList } from '@drodil/backstage-plugin-qeta-react';
|
|
3
3
|
import { ContentHeader } from '@backstage/core-components';
|
|
4
|
-
import Grid from '@
|
|
4
|
+
import { Grid } from '@material-ui/core';
|
|
5
5
|
|
|
6
6
|
const UsersPage = () => {
|
|
7
7
|
const { t } = useTranslation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UsersPage.esm.js","sources":["../../../src/components/UsersPage/UsersPage.tsx"],"sourcesContent":["import React from 'react';\nimport {\n FollowedUsersList,\n UsersGrid,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { ContentHeader } from '@backstage/core-components';\nimport Grid from '@
|
|
1
|
+
{"version":3,"file":"UsersPage.esm.js","sources":["../../../src/components/UsersPage/UsersPage.tsx"],"sourcesContent":["import React from 'react';\nimport {\n FollowedUsersList,\n UsersGrid,\n useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\n\nexport const UsersPage = () => {\n const { t } = useTranslation();\n\n return (\n <Grid container spacing={4}>\n <Grid item md={12} lg={8} xl={9}>\n <ContentHeader title={t('usersPage.title')} />\n <UsersGrid />\n </Grid>\n <Grid item lg={4} xl={3}>\n <FollowedUsersList />\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,YAAY,MAAM;AAC7B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,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,CAAA,EAAA,sCAC3B,aAAc,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,GAAG,CAC5C,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAU,EAAA,IAAA,CACb,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CAAG,EAAA,EAAA,EAAI,qBACnB,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACrB,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -4,7 +4,7 @@ import { filterTags } from '@drodil/backstage-plugin-qeta-common';
|
|
|
4
4
|
import { useTranslation, PostForm } from '@drodil/backstage-plugin-qeta-react';
|
|
5
5
|
import { useEntityPresentation } from '@backstage/plugin-catalog-react';
|
|
6
6
|
import { ContentHeader, InfoCard } from '@backstage/core-components';
|
|
7
|
-
import Grid from '@
|
|
7
|
+
import { Grid } from '@material-ui/core';
|
|
8
8
|
|
|
9
9
|
const WritePage = () => {
|
|
10
10
|
const { id } = useParams();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WritePage.esm.js","sources":["../../../src/components/WritePage/WritePage.tsx"],"sourcesContent":["import React from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { PostForm, useTranslation } from '@drodil/backstage-plugin-qeta-react';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { ContentHeader, InfoCard } from '@backstage/core-components';\nimport Grid from '@
|
|
1
|
+
{"version":3,"file":"WritePage.esm.js","sources":["../../../src/components/WritePage/WritePage.tsx"],"sourcesContent":["import React from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { PostForm, useTranslation } from '@drodil/backstage-plugin-qeta-react';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { ContentHeader, InfoCard } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\n\nexport const WritePage = () => {\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('writePage.title.existingArticle');\n } else if (entity) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const representation = useEntityPresentation(entity);\n title = t('writePage.title.entityArticle', {\n entity: representation.primaryTitle,\n });\n } else {\n title = t('writePage.title.newArticle');\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=\"article\"\n />\n </InfoCard>\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAQO,MAAM,YAAY,MAAM;AAC7B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AACvC,EAAA,MAAM,MAAS,GAAA,YAAA,CAAa,GAAI,CAAA,QAAQ,CAAK,IAAA,KAAA,CAAA;AAC7C,EAAA,MAAM,UAAa,GAAA,YAAA,CAAa,GAAI,CAAA,YAAY,CAAM,KAAA,MAAA;AACtD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,YAAa,CAAA,GAAA,CAAI,MAAM,CAAC,CAAA;AAChD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAI,IAAA,KAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,iCAAiC,CAAA;AAAA,aAClC,MAAQ,EAAA;AAEjB,IAAM,MAAA,cAAA,GAAiB,sBAAsB,MAAM,CAAA;AACnD,IAAA,KAAA,GAAQ,EAAE,+BAAiC,EAAA;AAAA,MACzC,QAAQ,cAAe,CAAA;AAAA,KACxB,CAAA;AAAA,GACI,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,4BAA4B,CAAA;AAAA;AAGxC,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;AAAA;AAAA,GAET,CACF,CACF,CACF,CAAA;AAEJ;;;;"}
|
package/dist/plugin.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["import {\n createApiFactory,\n createPlugin,\n createRoutableExtension,\n discoveryApiRef,\n fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport { createCardExtension } from '@backstage/plugin-home-react';\nimport { qetaApiRef, qetaRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { QetaClient } from '@drodil/backstage-plugin-qeta-common';\n\nexport const qetaPlugin = createPlugin({\n id: 'qeta',\n routes: {\n root: qetaRouteRef,\n },\n apis: [\n createApiFactory({\n api: qetaApiRef,\n deps: { fetchApi: fetchApiRef, discoveryApi: discoveryApiRef },\n factory: ({ fetchApi, discoveryApi }) =>\n new QetaClient({ fetchApi, discoveryApi }),\n }),\n ],\n});\n\nexport const QetaPage = qetaPlugin.provide(\n createRoutableExtension({\n name: 'QetaPage',\n component: () => import('./components/QetaPage').then(m => m.QetaPage),\n mountPoint: qetaRouteRef,\n }),\n);\n\nexport const QuestionTableCard = qetaPlugin.provide(\n createCardExtension<{ rowsPerPage?: number; quickFilter?: string }>({\n name: 'QuestionsTableCard',\n title: 'Q&A',\n description: 'Shows Q&A questions',\n components: () => import('./components/QuestionTableCard'),\n layout: {\n height: { minRows: 6 },\n width: { minColumns: 6 },\n },\n settings: {\n schema: {\n title: 'Q&A',\n type: 'object',\n properties: {\n rowsPerPage: {\n title: 'Rows per page',\n type: 'number',\n enum: [5, 10, 20, 30, 40, 50],\n default: 10,\n },\n quickFilter: {\n title: 'Default filter',\n type: 'string',\n enum: ['latest', 'favorites', 'most_viewed'],\n default: 'latest',\n },\n },\n },\n },\n }),\n);\n"],"names":[],"mappings":";;;;;AAWO,MAAM,aAAa,YAAa,CAAA;AAAA,EACrC,EAAI,EAAA,MAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA
|
|
1
|
+
{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["import {\n createApiFactory,\n createPlugin,\n createRoutableExtension,\n discoveryApiRef,\n fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport { createCardExtension } from '@backstage/plugin-home-react';\nimport { qetaApiRef, qetaRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { QetaClient } from '@drodil/backstage-plugin-qeta-common';\n\nexport const qetaPlugin = createPlugin({\n id: 'qeta',\n routes: {\n root: qetaRouteRef,\n },\n apis: [\n createApiFactory({\n api: qetaApiRef,\n deps: { fetchApi: fetchApiRef, discoveryApi: discoveryApiRef },\n factory: ({ fetchApi, discoveryApi }) =>\n new QetaClient({ fetchApi, discoveryApi }),\n }),\n ],\n});\n\nexport const QetaPage = qetaPlugin.provide(\n createRoutableExtension({\n name: 'QetaPage',\n component: () => import('./components/QetaPage').then(m => m.QetaPage),\n mountPoint: qetaRouteRef,\n }),\n);\n\nexport const QuestionTableCard = qetaPlugin.provide(\n createCardExtension<{ rowsPerPage?: number; quickFilter?: string }>({\n name: 'QuestionsTableCard',\n title: 'Q&A',\n description: 'Shows Q&A questions',\n components: () => import('./components/QuestionTableCard'),\n layout: {\n height: { minRows: 6 },\n width: { minColumns: 6 },\n },\n settings: {\n schema: {\n title: 'Q&A',\n type: 'object',\n properties: {\n rowsPerPage: {\n title: 'Rows per page',\n type: 'number',\n enum: [5, 10, 20, 30, 40, 50],\n default: 10,\n },\n quickFilter: {\n title: 'Default filter',\n type: 'string',\n enum: ['latest', 'favorites', 'most_viewed'],\n default: 'latest',\n },\n },\n },\n },\n }),\n);\n"],"names":[],"mappings":";;;;;AAWO,MAAM,aAAa,YAAa,CAAA;AAAA,EACrC,EAAI,EAAA,MAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,UAAA;AAAA,MACL,IAAM,EAAA,EAAE,QAAU,EAAA,WAAA,EAAa,cAAc,eAAgB,EAAA;AAAA,MAC7D,OAAA,EAAS,CAAC,EAAE,QAAU,EAAA,YAAA,EACpB,KAAA,IAAI,UAAW,CAAA,EAAE,QAAU,EAAA,YAAA,EAAc;AAAA,KAC5C;AAAA;AAEL,CAAC;AAEM,MAAM,WAAW,UAAW,CAAA,OAAA;AAAA,EACjC,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,UAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,oCAAuB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,QAAQ,CAAA;AAAA,IACrE,UAAY,EAAA;AAAA,GACb;AACH;AAEO,MAAM,oBAAoB,UAAW,CAAA,OAAA;AAAA,EAC1C,mBAAoE,CAAA;AAAA,IAClE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,KAAA;AAAA,IACP,WAAa,EAAA,qBAAA;AAAA,IACb,UAAA,EAAY,MAAM,OAAO,6CAAgC,CAAA;AAAA,IACzD,MAAQ,EAAA;AAAA,MACN,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,MACrB,KAAA,EAAO,EAAE,UAAA,EAAY,CAAE;AAAA,KACzB;AAAA,IACA,QAAU,EAAA;AAAA,MACR,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA,KAAA;AAAA,QACP,IAAM,EAAA,QAAA;AAAA,QACN,UAAY,EAAA;AAAA,UACV,WAAa,EAAA;AAAA,YACX,KAAO,EAAA,eAAA;AAAA,YACP,IAAM,EAAA,QAAA;AAAA,YACN,MAAM,CAAC,CAAA,EAAG,IAAI,EAAI,EAAA,EAAA,EAAI,IAAI,EAAE,CAAA;AAAA,YAC5B,OAAS,EAAA;AAAA,WACX;AAAA,UACA,WAAa,EAAA;AAAA,YACX,KAAO,EAAA,gBAAA;AAAA,YACP,IAAM,EAAA,QAAA;AAAA,YACN,IAAM,EAAA,CAAC,QAAU,EAAA,WAAA,EAAa,aAAa,CAAA;AAAA,YAC3C,OAAS,EAAA;AAAA;AACX;AACF;AACF;AACF,GACD;AACH;;;;"}
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"frontend",
|
|
8
8
|
"backstage.io"
|
|
9
9
|
],
|
|
10
|
-
"version": "3.
|
|
10
|
+
"version": "3.13.0",
|
|
11
11
|
"main": "dist/index.esm.js",
|
|
12
12
|
"types": "dist/index.d.ts",
|
|
13
13
|
"prepublishOnly": "yarn tsc && yarn build",
|
|
@@ -49,18 +49,16 @@
|
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@backstage/catalog-model": "^1.7.1",
|
|
52
|
-
"@backstage/core-components": "^0.16.
|
|
52
|
+
"@backstage/core-components": "^0.16.1",
|
|
53
53
|
"@backstage/core-plugin-api": "^1.10.1",
|
|
54
|
-
"@backstage/plugin-catalog-react": "^1.14.
|
|
55
|
-
"@backstage/plugin-home-react": "^0.1.
|
|
54
|
+
"@backstage/plugin-catalog-react": "^1.14.2",
|
|
55
|
+
"@backstage/plugin-home-react": "^0.1.20",
|
|
56
56
|
"@backstage/plugin-signals-react": "^0.0.7",
|
|
57
|
-
"@drodil/backstage-plugin-qeta-common": "^3.
|
|
58
|
-
"@drodil/backstage-plugin-qeta-react": "^3.
|
|
59
|
-
"@
|
|
60
|
-
"@
|
|
61
|
-
"@
|
|
62
|
-
"@mui/styles": "^5.16.7",
|
|
63
|
-
"@mui/system": "^5.16.7",
|
|
57
|
+
"@drodil/backstage-plugin-qeta-common": "^3.13.0",
|
|
58
|
+
"@drodil/backstage-plugin-qeta-react": "^3.13.0",
|
|
59
|
+
"@material-ui/core": "^4.12.2",
|
|
60
|
+
"@material-ui/icons": "^4.11.3",
|
|
61
|
+
"@material-ui/lab": "4.0.0-alpha.61",
|
|
64
62
|
"react-use": "^17.4.0"
|
|
65
63
|
},
|
|
66
64
|
"peerDependencies": {
|
|
@@ -73,12 +71,12 @@
|
|
|
73
71
|
"react-markdown": "8.0.7"
|
|
74
72
|
},
|
|
75
73
|
"devDependencies": {
|
|
76
|
-
"@backstage/cli": "^0.29.
|
|
77
|
-
"@backstage/dev-utils": "^1.1.
|
|
78
|
-
"@backstage/plugin-catalog": "^1.25.
|
|
79
|
-
"@backstage/plugin-home": "^0.8.
|
|
80
|
-
"@backstage/plugin-notifications": "^0.4.
|
|
81
|
-
"@backstage/plugin-signals": "^0.0.
|
|
74
|
+
"@backstage/cli": "^0.29.2",
|
|
75
|
+
"@backstage/dev-utils": "^1.1.4",
|
|
76
|
+
"@backstage/plugin-catalog": "^1.25.1",
|
|
77
|
+
"@backstage/plugin-home": "^0.8.2",
|
|
78
|
+
"@backstage/plugin-notifications": "^0.4.1",
|
|
79
|
+
"@backstage/plugin-signals": "^0.0.13",
|
|
82
80
|
"@testing-library/jest-dom": "^6.1.3",
|
|
83
81
|
"cross-fetch": "^3.1.5"
|
|
84
82
|
},
|