@drodil/backstage-plugin-qeta 2.14.0 → 3.0.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 +45 -0
- package/dist/components/ArticlePage/ArticlePage.esm.js.map +1 -0
- package/dist/components/ArticlesPage/ArticlesPage.esm.js +34 -0
- package/dist/components/ArticlesPage/ArticlesPage.esm.js.map +1 -0
- package/dist/components/AskPage/AskPage.esm.js +4 -4
- package/dist/components/AskPage/AskPage.esm.js.map +1 -1
- package/dist/components/CollectionCreatePage/CollectionCreatePage.esm.js +20 -0
- package/dist/components/CollectionCreatePage/CollectionCreatePage.esm.js.map +1 -0
- package/dist/components/CollectionPage/CollectionPage.esm.js +34 -0
- package/dist/components/CollectionPage/CollectionPage.esm.js.map +1 -0
- package/dist/components/CollectionsPage/CollectionsPage.esm.js +11 -0
- package/dist/components/CollectionsPage/CollectionsPage.esm.js.map +1 -0
- package/dist/components/EntityPage/EntityPage.esm.js +75 -0
- package/dist/components/EntityPage/EntityPage.esm.js.map +1 -0
- package/dist/components/FavoritePage/FavoritePage.esm.js +14 -22
- package/dist/components/FavoritePage/FavoritePage.esm.js.map +1 -1
- package/dist/components/HomePage/HomePage.esm.js +7 -10
- package/dist/components/HomePage/HomePage.esm.js.map +1 -1
- package/dist/components/LeftMenu/LeftMenu.esm.js +47 -16
- package/dist/components/LeftMenu/LeftMenu.esm.js.map +1 -1
- package/dist/components/LeftMenu/LeftMenuButton.esm.js +75 -0
- package/dist/components/LeftMenu/LeftMenuButton.esm.js.map +1 -0
- package/dist/components/QetaPage/QetaPage.esm.js +51 -9
- package/dist/components/QetaPage/QetaPage.esm.js.map +1 -1
- package/dist/components/QuestionPage/QuestionPage.esm.js +7 -13
- package/dist/components/QuestionPage/QuestionPage.esm.js.map +1 -1
- package/dist/components/QuestionTableCard/Content.esm.js +1 -1
- package/dist/components/QuestionTableCard/Content.esm.js.map +1 -1
- package/dist/components/QuestionTableCard/index.esm.js +0 -1
- package/dist/components/QuestionTableCard/index.esm.js.map +1 -1
- package/dist/components/QuestionsPage/QuestionsPage.esm.js +13 -15
- 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 +2 -3
- package/dist/components/Statistics/StatisticsPage.esm.js.map +1 -1
- package/dist/components/TagPage/TagPage.esm.js +32 -25
- package/dist/components/TagPage/TagPage.esm.js.map +1 -1
- package/dist/components/UserPage/UserPage.esm.js +7 -15
- 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 +11 -0
- package/dist/components/UsersPage/UsersPage.esm.js.map +1 -0
- package/dist/components/WritePage/WritePage.esm.js +40 -0
- package/dist/components/WritePage/WritePage.esm.js.map +1 -0
- package/dist/index.d.ts +8 -422
- package/dist/index.esm.js +0 -10
- package/dist/index.esm.js.map +1 -1
- package/dist/plugin.esm.js +2 -2
- package/dist/plugin.esm.js.map +1 -1
- package/package.json +4 -24
- package/dist/api/QetaClient.esm.js +0 -513
- package/dist/api/QetaClient.esm.js.map +0 -1
- package/dist/components/AnswersContainer/AnswerList.esm.js +0 -100
- package/dist/components/AnswersContainer/AnswerList.esm.js.map +0 -1
- package/dist/components/AnswersContainer/AnswerListItem.esm.js +0 -87
- package/dist/components/AnswersContainer/AnswerListItem.esm.js.map +0 -1
- package/dist/components/AnswersContainer/AnswersContainer.esm.js +0 -210
- package/dist/components/AnswersContainer/AnswersContainer.esm.js.map +0 -1
- package/dist/components/AskAnonymouslyCheckbox/AskAnonymouslyCheckbox.esm.js +0 -34
- package/dist/components/AskAnonymouslyCheckbox/AskAnonymouslyCheckbox.esm.js.map +0 -1
- package/dist/components/AskForm/AskForm.esm.js +0 -245
- package/dist/components/AskForm/AskForm.esm.js.map +0 -1
- package/dist/components/AskForm/EntitiesInput.esm.js +0 -100
- package/dist/components/AskForm/EntitiesInput.esm.js.map +0 -1
- package/dist/components/AskForm/TagInput.esm.js +0 -81
- package/dist/components/AskForm/TagInput.esm.js.map +0 -1
- package/dist/components/Buttons/AskQuestionButton.esm.js +0 -45
- package/dist/components/Buttons/AskQuestionButton.esm.js.map +0 -1
- package/dist/components/Buttons/BackToQuestionsButton.esm.js +0 -39
- package/dist/components/Buttons/BackToQuestionsButton.esm.js.map +0 -1
- package/dist/components/Buttons/EntityFollowButton.esm.js +0 -34
- package/dist/components/Buttons/EntityFollowButton.esm.js.map +0 -1
- package/dist/components/Buttons/TagFollowButton.esm.js +0 -33
- package/dist/components/Buttons/TagFollowButton.esm.js.map +0 -1
- package/dist/components/CommentSection/CommentList.esm.js +0 -47
- package/dist/components/CommentSection/CommentList.esm.js.map +0 -1
- package/dist/components/CommentSection/CommentSection.esm.js +0 -126
- package/dist/components/CommentSection/CommentSection.esm.js.map +0 -1
- package/dist/components/DeleteModal/DeleteModal.esm.js +0 -78
- package/dist/components/DeleteModal/DeleteModal.esm.js.map +0 -1
- package/dist/components/HomePageCards/ImpactCard.esm.js +0 -20
- package/dist/components/HomePageCards/ImpactCard.esm.js.map +0 -1
- package/dist/components/HomePageCards/QuestionsCard.esm.js +0 -21
- package/dist/components/HomePageCards/QuestionsCard.esm.js.map +0 -1
- package/dist/components/Links/Links.esm.js +0 -33
- package/dist/components/Links/Links.esm.js.map +0 -1
- package/dist/components/MarkdownEditor/MarkdownEditor.esm.js +0 -78
- package/dist/components/MarkdownEditor/MarkdownEditor.esm.js.map +0 -1
- package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js +0 -37
- package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js.map +0 -1
- package/dist/components/QetaPage/FollowedEntitiesList.esm.js +0 -43
- package/dist/components/QetaPage/FollowedEntitiesList.esm.js.map +0 -1
- package/dist/components/QetaPage/FollowedTagsList.esm.js +0 -56
- package/dist/components/QetaPage/FollowedTagsList.esm.js.map +0 -1
- package/dist/components/QuestionHighlightList/QuestionHighlightList.esm.js +0 -64
- package/dist/components/QuestionHighlightList/QuestionHighlightList.esm.js.map +0 -1
- package/dist/components/QuestionPage/AnswerCard.esm.js +0 -113
- package/dist/components/QuestionPage/AnswerCard.esm.js.map +0 -1
- package/dist/components/QuestionPage/AnswerForm.esm.js +0 -153
- package/dist/components/QuestionPage/AnswerForm.esm.js.map +0 -1
- package/dist/components/QuestionPage/AuthorBox.esm.js +0 -25
- package/dist/components/QuestionPage/AuthorBox.esm.js.map +0 -1
- package/dist/components/QuestionPage/EntityChip.esm.js +0 -27
- package/dist/components/QuestionPage/EntityChip.esm.js.map +0 -1
- package/dist/components/QuestionPage/FavoriteButton.esm.js +0 -45
- package/dist/components/QuestionPage/FavoriteButton.esm.js.map +0 -1
- package/dist/components/QuestionPage/LinkButton.esm.js +0 -28
- package/dist/components/QuestionPage/LinkButton.esm.js.map +0 -1
- package/dist/components/QuestionPage/QuestionCard.esm.js +0 -107
- package/dist/components/QuestionPage/QuestionCard.esm.js.map +0 -1
- package/dist/components/QuestionPage/TagsAndEntities.esm.js +0 -44
- package/dist/components/QuestionPage/TagsAndEntities.esm.js.map +0 -1
- package/dist/components/QuestionPage/VoteButtons.esm.js +0 -153
- package/dist/components/QuestionPage/VoteButtons.esm.js.map +0 -1
- package/dist/components/QuestionTableCard/QuestionTableRow.esm.js +0 -21
- package/dist/components/QuestionTableCard/QuestionTableRow.esm.js.map +0 -1
- package/dist/components/QuestionTableCard/QuestionsTable.esm.js +0 -130
- package/dist/components/QuestionTableCard/QuestionsTable.esm.js.map +0 -1
- package/dist/components/QuestionsContainer/DateRangeFilter.esm.js +0 -110
- package/dist/components/QuestionsContainer/DateRangeFilter.esm.js.map +0 -1
- package/dist/components/QuestionsContainer/FilterPanel.esm.js +0 -237
- package/dist/components/QuestionsContainer/FilterPanel.esm.js.map +0 -1
- package/dist/components/QuestionsContainer/NoQuestionsCard.esm.js +0 -47
- package/dist/components/QuestionsContainer/NoQuestionsCard.esm.js.map +0 -1
- package/dist/components/QuestionsContainer/QuestionList.esm.js +0 -103
- package/dist/components/QuestionsContainer/QuestionList.esm.js.map +0 -1
- package/dist/components/QuestionsContainer/QuestionListItem.esm.js +0 -123
- package/dist/components/QuestionsContainer/QuestionListItem.esm.js.map +0 -1
- package/dist/components/QuestionsContainer/QuestionsContainer.esm.js +0 -243
- package/dist/components/QuestionsContainer/QuestionsContainer.esm.js.map +0 -1
- package/dist/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js +0 -22
- package/dist/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js.map +0 -1
- package/dist/components/Statistics/StatsChart.esm.js +0 -60
- package/dist/components/Statistics/StatsChart.esm.js.map +0 -1
- package/dist/components/Statistics/SummaryStatsGrid.esm.js +0 -47
- package/dist/components/Statistics/SummaryStatsGrid.esm.js.map +0 -1
- package/dist/components/Statistics/TopRankingUsersCard.esm.js +0 -161
- package/dist/components/Statistics/TopRankingUsersCard.esm.js.map +0 -1
- package/dist/components/Statistics/TrophyIcon.esm.js +0 -19
- package/dist/components/Statistics/TrophyIcon.esm.js.map +0 -1
- package/dist/components/Statistics/styles.esm.js +0 -23
- package/dist/components/Statistics/styles.esm.js.map +0 -1
- package/dist/components/TagPage/TagsContainer.esm.js +0 -57
- package/dist/components/TagPage/TagsContainer.esm.js.map +0 -1
- package/dist/locale/fi.esm.js +0 -195
- package/dist/locale/fi.esm.js.map +0 -1
- package/dist/translation.esm.js +0 -359
- package/dist/translation.esm.js.map +0 -1
- package/dist/utils/hooks.esm.js +0 -430
- package/dist/utils/hooks.esm.js.map +0 -1
- package/dist/utils/utils.esm.js +0 -72
- package/dist/utils/utils.esm.js.map +0 -1
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { Box, List, ListSubheader, Divider, ListItem, Chip } from '@material-ui/core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { useStyles, useTagsFollow, useTranslation } from '../../utils/hooks.esm.js';
|
|
4
|
-
import { useRouteRef } from '@backstage/core-plugin-api';
|
|
5
|
-
import { tagRouteRef } from '@drodil/backstage-plugin-qeta-react';
|
|
6
|
-
|
|
7
|
-
const FollowedTagsList = () => {
|
|
8
|
-
const classes = useStyles();
|
|
9
|
-
const tags = useTagsFollow();
|
|
10
|
-
const tagRoute = useRouteRef(tagRouteRef);
|
|
11
|
-
const { t } = useTranslation();
|
|
12
|
-
if (tags.tags.length === 0 || tags.loading) {
|
|
13
|
-
return null;
|
|
14
|
-
}
|
|
15
|
-
return /* @__PURE__ */ React.createElement(
|
|
16
|
-
Box,
|
|
17
|
-
{
|
|
18
|
-
className: `qetaQuestionHighlightList ${classes.questionHighlightListContainer}`,
|
|
19
|
-
display: { md: "none", lg: "block" }
|
|
20
|
-
},
|
|
21
|
-
/* @__PURE__ */ React.createElement(
|
|
22
|
-
List,
|
|
23
|
-
{
|
|
24
|
-
component: "nav",
|
|
25
|
-
"aria-labelledby": "nested-list-subheader",
|
|
26
|
-
className: `qetaQuestionHighlightListList ${classes.questionHighlightList}`,
|
|
27
|
-
subheader: /* @__PURE__ */ React.createElement(
|
|
28
|
-
ListSubheader,
|
|
29
|
-
{
|
|
30
|
-
disableSticky: true,
|
|
31
|
-
component: "p",
|
|
32
|
-
id: "nested-list-subheader",
|
|
33
|
-
color: "primary"
|
|
34
|
-
},
|
|
35
|
-
t("rightMenu.followedTags")
|
|
36
|
-
)
|
|
37
|
-
},
|
|
38
|
-
/* @__PURE__ */ React.createElement(Divider, null),
|
|
39
|
-
/* @__PURE__ */ React.createElement(ListItem, { style: { display: "block" } }, tags.tags.map((tag) => /* @__PURE__ */ React.createElement(
|
|
40
|
-
Chip,
|
|
41
|
-
{
|
|
42
|
-
key: tag,
|
|
43
|
-
label: tag,
|
|
44
|
-
size: "small",
|
|
45
|
-
className: "qetaTagChip",
|
|
46
|
-
component: "a",
|
|
47
|
-
href: tagRoute({ tag }),
|
|
48
|
-
clickable: true
|
|
49
|
-
}
|
|
50
|
-
)))
|
|
51
|
-
)
|
|
52
|
-
);
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
export { FollowedTagsList };
|
|
56
|
-
//# sourceMappingURL=FollowedTagsList.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/QetaPage/FollowedTagsList.tsx"],"sourcesContent":["import {\n Box,\n Chip,\n Divider,\n List,\n ListItem,\n ListSubheader,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useStyles, useTagsFollow, useTranslation } from '../../utils/hooks';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '@drodil/backstage-plugin-qeta-react';\n\nexport const FollowedTagsList = () => {\n const classes = useStyles();\n const tags = useTagsFollow();\n const tagRoute = useRouteRef(tagRouteRef);\n const { t } = useTranslation();\n\n if (tags.tags.length === 0 || tags.loading) {\n return null;\n }\n\n return (\n <Box\n className={`qetaQuestionHighlightList ${classes.questionHighlightListContainer}`}\n display={{ md: 'none', lg: 'block' }}\n >\n <List\n component=\"nav\"\n aria-labelledby=\"nested-list-subheader\"\n className={`qetaQuestionHighlightListList ${classes.questionHighlightList}`}\n subheader={\n <ListSubheader\n disableSticky\n component=\"p\"\n id=\"nested-list-subheader\"\n color=\"primary\"\n >\n {t('rightMenu.followedTags')}\n </ListSubheader>\n }\n >\n <Divider />\n <ListItem style={{ display: 'block' }}>\n {tags.tags.map(tag => (\n <Chip\n key={tag}\n label={tag}\n size=\"small\"\n className=\"qetaTagChip\"\n component=\"a\"\n href={tagRoute({ tag: tag })}\n clickable\n />\n ))}\n </ListItem>\n </List>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA,CAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,8BAA8B,CAAA,CAAA;AAAA,MAC9E,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAAiC,8BAAA,EAAA,OAAA,CAAQ,qBAAqB,CAAA,CAAA;AAAA,QACzE,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,wBAAwB,CAAA;AAAA,SAC7B;AAAA,OAAA;AAAA,0CAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,sBACT,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAI,CACb,GAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA,GAAA;AAAA,UACL,KAAO,EAAA,GAAA;AAAA,UACP,IAAK,EAAA,OAAA;AAAA,UACL,SAAU,EAAA,aAAA;AAAA,UACV,SAAU,EAAA,GAAA;AAAA,UACV,IAAM,EAAA,QAAA,CAAS,EAAE,GAAA,EAAU,CAAA;AAAA,UAC3B,SAAS,EAAA,IAAA;AAAA,SAAA;AAAA,OAEZ,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { Box, List, ListSubheader, ListItem, ListItemText, Divider } from '@material-ui/core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { useQetaApi, useStyles, useTranslation } from '../../utils/hooks.esm.js';
|
|
4
|
-
import { Skeleton } from '@material-ui/lab';
|
|
5
|
-
import { useRouteRef } from '@backstage/core-plugin-api';
|
|
6
|
-
import { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';
|
|
7
|
-
|
|
8
|
-
const QuestionHighlightList = (props) => {
|
|
9
|
-
const {
|
|
10
|
-
value: response,
|
|
11
|
-
loading,
|
|
12
|
-
error
|
|
13
|
-
} = useQetaApi(
|
|
14
|
-
(api) => api.getQuestionsList(props.type, { limit: 5, ...props.options }),
|
|
15
|
-
[]
|
|
16
|
-
);
|
|
17
|
-
const classes = useStyles();
|
|
18
|
-
const { t } = useTranslation();
|
|
19
|
-
const questionRoute = useRouteRef(questionRouteRef);
|
|
20
|
-
const questions = response?.questions ?? [];
|
|
21
|
-
return /* @__PURE__ */ React.createElement(
|
|
22
|
-
Box,
|
|
23
|
-
{
|
|
24
|
-
className: `qetaQuestionHighlightList ${classes.questionHighlightListContainer}`,
|
|
25
|
-
display: { md: "none", lg: "block" }
|
|
26
|
-
},
|
|
27
|
-
/* @__PURE__ */ React.createElement(
|
|
28
|
-
List,
|
|
29
|
-
{
|
|
30
|
-
component: "nav",
|
|
31
|
-
"aria-labelledby": "nested-list-subheader",
|
|
32
|
-
className: `qetaQuestionHighlightListList ${classes.questionHighlightList}`,
|
|
33
|
-
subheader: /* @__PURE__ */ React.createElement(
|
|
34
|
-
ListSubheader,
|
|
35
|
-
{
|
|
36
|
-
disableSticky: true,
|
|
37
|
-
component: "p",
|
|
38
|
-
id: "nested-list-subheader",
|
|
39
|
-
color: "primary"
|
|
40
|
-
},
|
|
41
|
-
props.title,
|
|
42
|
-
props.icon
|
|
43
|
-
)
|
|
44
|
-
},
|
|
45
|
-
loading && /* @__PURE__ */ React.createElement(ListItem, { className: "qetaQuestionHighlightListListItem", dense: true }, /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect" })),
|
|
46
|
-
error && /* @__PURE__ */ React.createElement(ListItem, { className: "qetaQuestionHighlightListListItem", dense: true }, /* @__PURE__ */ React.createElement(ListItemText, null, t("highlights.loadError"))),
|
|
47
|
-
!error && questions.length === 0 && /* @__PURE__ */ React.createElement(ListItem, { className: "qetaQuestionHighlightListListItem", dense: true }, /* @__PURE__ */ React.createElement(ListItemText, null, props.noQuestionsLabel)),
|
|
48
|
-
!error && questions.map((q) => /* @__PURE__ */ React.createElement(React.Fragment, { key: q.id }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
|
|
49
|
-
ListItem,
|
|
50
|
-
{
|
|
51
|
-
className: "qetaQuestionHighlightListListItem",
|
|
52
|
-
button: true,
|
|
53
|
-
dense: true,
|
|
54
|
-
component: "a",
|
|
55
|
-
href: questionRoute({ id: q.id.toString(10) })
|
|
56
|
-
},
|
|
57
|
-
/* @__PURE__ */ React.createElement(ListItemText, null, q.title)
|
|
58
|
-
)))
|
|
59
|
-
)
|
|
60
|
-
);
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
export { QuestionHighlightList };
|
|
64
|
-
//# sourceMappingURL=QuestionHighlightList.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionHighlightList.esm.js","sources":["../../../src/components/QuestionHighlightList/QuestionHighlightList.tsx"],"sourcesContent":["import {\n Box,\n Divider,\n List,\n ListItem,\n ListItemText,\n ListSubheader,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useQetaApi, useStyles, useTranslation } from '../../utils/hooks';\nimport { Skeleton } from '@material-ui/lab';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { GetQuestionsOptions } from '../../api/QetaApi';\n\nexport const QuestionHighlightList = (props: {\n type: string;\n title: string;\n noQuestionsLabel: string;\n icon?: React.ReactNode;\n options?: GetQuestionsOptions;\n}) => {\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(\n api => api.getQuestionsList(props.type, { limit: 5, ...props.options }),\n [],\n );\n const classes = useStyles();\n const { t } = useTranslation();\n const questionRoute = useRouteRef(questionRouteRef);\n\n const questions = response?.questions ?? [];\n\n return (\n <Box\n className={`qetaQuestionHighlightList ${classes.questionHighlightListContainer}`}\n display={{ md: 'none', lg: 'block' }}\n >\n <List\n component=\"nav\"\n aria-labelledby=\"nested-list-subheader\"\n className={`qetaQuestionHighlightListList ${classes.questionHighlightList}`}\n subheader={\n <ListSubheader\n disableSticky\n component=\"p\"\n id=\"nested-list-subheader\"\n color=\"primary\"\n >\n {props.title}\n {props.icon}\n </ListSubheader>\n }\n >\n {loading && (\n <ListItem className=\"qetaQuestionHighlightListListItem\" dense>\n <Skeleton variant=\"rect\" />\n </ListItem>\n )}\n {error && (\n <ListItem className=\"qetaQuestionHighlightListListItem\" dense>\n <ListItemText>{t('highlights.loadError')}</ListItemText>\n </ListItem>\n )}\n {!error && questions.length === 0 && (\n <ListItem className=\"qetaQuestionHighlightListListItem\" dense>\n <ListItemText>{props.noQuestionsLabel}</ListItemText>\n </ListItem>\n )}\n {!error &&\n questions.map(q => (\n <React.Fragment key={q.id}>\n <Divider />\n <ListItem\n className=\"qetaQuestionHighlightListListItem\"\n button\n dense\n component=\"a\"\n href={questionRoute({ id: q.id.toString(10) })}\n >\n <ListItemText>{q.title}</ListItemText>\n </ListItem>\n </React.Fragment>\n ))}\n </List>\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import { Card, CardContent, Grid, Typography, Box, Button } from '@material-ui/core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { VoteButtons } from './VoteButtons.esm.js';
|
|
4
|
-
import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
|
|
5
|
-
import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
|
|
6
|
-
import { AnswerForm } from './AnswerForm.esm.js';
|
|
7
|
-
import { AuthorBox } from './AuthorBox.esm.js';
|
|
8
|
-
import { CommentSection } from '../CommentSection/CommentSection.esm.js';
|
|
9
|
-
import { LinkButton } from './LinkButton.esm.js';
|
|
10
|
-
import DeleteIcon from '@material-ui/icons/Delete';
|
|
11
|
-
import EditIcon from '@material-ui/icons/Edit';
|
|
12
|
-
import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
|
|
13
|
-
|
|
14
|
-
const AnswerCard = (props) => {
|
|
15
|
-
const { answer, question } = props;
|
|
16
|
-
const styles = useStyles();
|
|
17
|
-
const [editMode, setEditMode] = React.useState(false);
|
|
18
|
-
const [answerEntity, setAnswerEntity] = React.useState(answer);
|
|
19
|
-
const { t } = useTranslation();
|
|
20
|
-
const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);
|
|
21
|
-
const handleDeleteModalOpen = () => setDeleteModalOpen(true);
|
|
22
|
-
const handleDeleteModalClose = () => setDeleteModalOpen(false);
|
|
23
|
-
const highlightedAnswer = window.location.hash.slice(1) === `answer_${answer.id}`;
|
|
24
|
-
const onAnswerEdit = (a) => {
|
|
25
|
-
setEditMode(false);
|
|
26
|
-
setAnswerEntity(a);
|
|
27
|
-
};
|
|
28
|
-
const onCommentAction = (_, a) => {
|
|
29
|
-
if (a) {
|
|
30
|
-
setAnswerEntity(a);
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
34
|
-
Card,
|
|
35
|
-
{
|
|
36
|
-
id: `answer_${answer.id}`,
|
|
37
|
-
className: `qetaAnswerCard ${styles.questionCard} ${highlightedAnswer ? styles.highlight : ""}`
|
|
38
|
-
},
|
|
39
|
-
/* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 0, justifyContent: "flex-start" }, /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 1, justifyContent: "center" }, /* @__PURE__ */ React.createElement("div", { className: styles.questionCardVote }, /* @__PURE__ */ React.createElement(VoteButtons, { entity: answerEntity, question }), /* @__PURE__ */ React.createElement(LinkButton, { entity: answerEntity }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 11, className: styles.answerCardContent }, editMode ? /* @__PURE__ */ React.createElement(
|
|
40
|
-
AnswerForm,
|
|
41
|
-
{
|
|
42
|
-
question,
|
|
43
|
-
onPost: onAnswerEdit,
|
|
44
|
-
id: answerEntity.id
|
|
45
|
-
}
|
|
46
|
-
) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React.createElement(
|
|
47
|
-
MarkdownRenderer,
|
|
48
|
-
{
|
|
49
|
-
className: `qetaAndwerCardAnswerContent ${styles.markdownContent}`,
|
|
50
|
-
content: answerEntity.content
|
|
51
|
-
}
|
|
52
|
-
)), /* @__PURE__ */ React.createElement(
|
|
53
|
-
Grid,
|
|
54
|
-
{
|
|
55
|
-
container: true,
|
|
56
|
-
item: true,
|
|
57
|
-
spacing: 1,
|
|
58
|
-
justifyContent: "space-between",
|
|
59
|
-
alignItems: "flex-end",
|
|
60
|
-
className: styles.questionCardMetadata
|
|
61
|
-
},
|
|
62
|
-
/* @__PURE__ */ React.createElement(Grid, { item: true, xs: 9, style: { alignSelf: "flex-end" } }, (answerEntity.own || answerEntity.canDelete || answerEntity.canEdit) && /* @__PURE__ */ React.createElement(
|
|
63
|
-
Box,
|
|
64
|
-
{
|
|
65
|
-
className: `qetaAnswerCardActions ${styles.questionCardActions}`
|
|
66
|
-
},
|
|
67
|
-
!answerEntity.correct && (answerEntity.own || answerEntity.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
68
|
-
Button,
|
|
69
|
-
{
|
|
70
|
-
variant: "outlined",
|
|
71
|
-
size: "small",
|
|
72
|
-
color: "secondary",
|
|
73
|
-
onClick: handleDeleteModalOpen,
|
|
74
|
-
className: `${styles.marginRight} qetaAnswerCardDeleteBtn`,
|
|
75
|
-
startIcon: /* @__PURE__ */ React.createElement(DeleteIcon, null)
|
|
76
|
-
},
|
|
77
|
-
t("deleteModal.deleteButton")
|
|
78
|
-
), /* @__PURE__ */ React.createElement(
|
|
79
|
-
DeleteModal,
|
|
80
|
-
{
|
|
81
|
-
open: deleteModalOpen,
|
|
82
|
-
onClose: handleDeleteModalClose,
|
|
83
|
-
entity: answerEntity,
|
|
84
|
-
question
|
|
85
|
-
}
|
|
86
|
-
)),
|
|
87
|
-
(answerEntity.own || answerEntity.canEdit) && /* @__PURE__ */ React.createElement(
|
|
88
|
-
Button,
|
|
89
|
-
{
|
|
90
|
-
variant: "outlined",
|
|
91
|
-
size: "small",
|
|
92
|
-
startIcon: /* @__PURE__ */ React.createElement(EditIcon, null),
|
|
93
|
-
onClick: () => setEditMode(true),
|
|
94
|
-
className: "qetaAnswerCardEditBtn"
|
|
95
|
-
},
|
|
96
|
-
t("questionPage.editButton")
|
|
97
|
-
)
|
|
98
|
-
)),
|
|
99
|
-
/* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3, className: styles.noPadding }, /* @__PURE__ */ React.createElement(AuthorBox, { entity: answerEntity }))
|
|
100
|
-
)))))
|
|
101
|
-
), /* @__PURE__ */ React.createElement(
|
|
102
|
-
CommentSection,
|
|
103
|
-
{
|
|
104
|
-
question,
|
|
105
|
-
answer: answerEntity,
|
|
106
|
-
onCommentPost: onCommentAction,
|
|
107
|
-
onCommentDelete: onCommentAction
|
|
108
|
-
}
|
|
109
|
-
));
|
|
110
|
-
};
|
|
111
|
-
|
|
112
|
-
export { AnswerCard };
|
|
113
|
-
//# sourceMappingURL=AnswerCard.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/QuestionPage/AnswerCard.tsx"],"sourcesContent":["import {\n AnswerResponse,\n QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n Box,\n Button,\n Card,\n CardContent,\n Grid,\n Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { VoteButtons } from './VoteButtons';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport { AnswerForm } from './AnswerForm';\nimport { AuthorBox } from './AuthorBox';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { LinkButton } from './LinkButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\n\nexport const AnswerCard = (props: {\n answer: AnswerResponse;\n question: QuestionResponse;\n}) => {\n const { answer, question } = props;\n const styles = useStyles();\n\n const [editMode, setEditMode] = React.useState(false);\n const [answerEntity, setAnswerEntity] = React.useState(answer);\n const { t } = useTranslation();\n\n const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n const highlightedAnswer =\n window.location.hash.slice(1) === `answer_${answer.id}`;\n\n const onAnswerEdit = (a: AnswerResponse) => {\n setEditMode(false);\n setAnswerEntity(a);\n };\n\n const onCommentAction = (_: QuestionResponse, a?: AnswerResponse) => {\n if (a) {\n setAnswerEntity(a);\n }\n };\n\n return (\n <>\n <Card\n id={`answer_${answer.id}`}\n className={`qetaAnswerCard ${styles.questionCard} ${\n highlightedAnswer ? styles.highlight : ''\n }`}\n >\n <CardContent>\n <Grid container spacing={0} justifyContent=\"flex-start\">\n <Grid container item xs={1} justifyContent=\"center\">\n <div className={styles.questionCardVote}>\n <VoteButtons entity={answerEntity} question={question} />\n <LinkButton entity={answerEntity} />\n </div>\n </Grid>\n <Grid item xs={11} className={styles.answerCardContent}>\n {editMode ? (\n <AnswerForm\n question={question}\n onPost={onAnswerEdit}\n id={answerEntity.id}\n />\n ) : (\n <>\n <Typography variant=\"body1\" gutterBottom>\n <MarkdownRenderer\n className={`qetaAndwerCardAnswerContent ${styles.markdownContent}`}\n content={answerEntity.content}\n />\n </Typography>\n <Grid\n container\n item\n spacing={1}\n justifyContent=\"space-between\"\n alignItems=\"flex-end\"\n className={styles.questionCardMetadata}\n >\n <Grid item xs={9} style={{ alignSelf: 'flex-end' }}>\n {(answerEntity.own ||\n answerEntity.canDelete ||\n answerEntity.canEdit) && (\n <Box\n className={`qetaAnswerCardActions ${styles.questionCardActions}`}\n >\n {!answerEntity.correct &&\n (answerEntity.own || answerEntity.canDelete) && (\n <>\n <Button\n variant=\"outlined\"\n size=\"small\"\n color=\"secondary\"\n onClick={handleDeleteModalOpen}\n className={`${styles.marginRight} qetaAnswerCardDeleteBtn`}\n startIcon={<DeleteIcon />}\n >\n {t('deleteModal.deleteButton')}\n </Button>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={answerEntity}\n question={question}\n />\n </>\n )}\n {(answerEntity.own || answerEntity.canEdit) && (\n <Button\n variant=\"outlined\"\n size=\"small\"\n startIcon={<EditIcon />}\n onClick={() => setEditMode(true)}\n className=\"qetaAnswerCardEditBtn\"\n >\n {t('questionPage.editButton')}\n </Button>\n )}\n </Box>\n )}\n </Grid>\n <Grid item xs={3} className={styles.noPadding}>\n <AuthorBox entity={answerEntity} />\n </Grid>\n </Grid>\n </>\n )}\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n <CommentSection\n question={question}\n answer={answerEntity}\n onCommentPost={onCommentAction}\n onCommentDelete={onCommentAction}\n />\n </>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
import { WarningPanel } from '@backstage/core-components';
|
|
2
|
-
import { Typography, Button } from '@material-ui/core';
|
|
3
|
-
import React, { useEffect } from 'react';
|
|
4
|
-
import { useAnalytics, useApi, configApiRef } from '@backstage/core-plugin-api';
|
|
5
|
-
import { qetaCreateAnswerPermission } from '@drodil/backstage-plugin-qeta-common';
|
|
6
|
-
import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
|
|
7
|
-
import { useForm, Controller } from 'react-hook-form';
|
|
8
|
-
import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';
|
|
9
|
-
import { RequirePermission } from '@backstage/plugin-permission-react';
|
|
10
|
-
import { AskAnonymouslyCheckbox } from '../AskAnonymouslyCheckbox/AskAnonymouslyCheckbox.esm.js';
|
|
11
|
-
import { qetaApiRef } from '../../api/QetaClient.esm.js';
|
|
12
|
-
import { confirmNavigationIfEdited } from '../../utils/utils.esm.js';
|
|
13
|
-
|
|
14
|
-
const getDefaultValues = (questionId) => {
|
|
15
|
-
return { questionId, answer: "" };
|
|
16
|
-
};
|
|
17
|
-
const AnswerForm = (props) => {
|
|
18
|
-
const { question, onPost, id } = props;
|
|
19
|
-
const [values, setValues] = React.useState(getDefaultValues(question.id));
|
|
20
|
-
const analytics = useAnalytics();
|
|
21
|
-
const [error, setError] = React.useState(false);
|
|
22
|
-
const [images, setImages] = React.useState([]);
|
|
23
|
-
const [edited, setEdited] = React.useState(false);
|
|
24
|
-
const qetaApi = useApi(qetaApiRef);
|
|
25
|
-
const styles = useStyles();
|
|
26
|
-
const configApi = useApi(configApiRef);
|
|
27
|
-
const allowAnonymouns = configApi.getOptionalBoolean("qeta.allowAnonymous");
|
|
28
|
-
const { t } = useTranslation();
|
|
29
|
-
const {
|
|
30
|
-
handleSubmit,
|
|
31
|
-
control,
|
|
32
|
-
formState: { errors },
|
|
33
|
-
reset
|
|
34
|
-
} = useForm({
|
|
35
|
-
values,
|
|
36
|
-
defaultValues: getDefaultValues(question.id)
|
|
37
|
-
});
|
|
38
|
-
const postAnswer = (data) => {
|
|
39
|
-
if (id) {
|
|
40
|
-
qetaApi.updateAnswer(id, {
|
|
41
|
-
questionId: question.id,
|
|
42
|
-
answer: data.answer,
|
|
43
|
-
images
|
|
44
|
-
}).then((a) => {
|
|
45
|
-
if (!a || !("id" in a)) {
|
|
46
|
-
setError(true);
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
setEdited(false);
|
|
50
|
-
analytics.captureEvent("edit", "answer");
|
|
51
|
-
reset();
|
|
52
|
-
onPost(a);
|
|
53
|
-
}).catch((_e) => setError(true));
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
qetaApi.postAnswer({
|
|
57
|
-
questionId: question.id,
|
|
58
|
-
answer: data.answer,
|
|
59
|
-
images,
|
|
60
|
-
anonymous: data.anonymous
|
|
61
|
-
}).then((a) => {
|
|
62
|
-
if (!a || !("id" in a)) {
|
|
63
|
-
setError(true);
|
|
64
|
-
return;
|
|
65
|
-
}
|
|
66
|
-
setEdited(false);
|
|
67
|
-
analytics.captureEvent("post", "answer");
|
|
68
|
-
reset();
|
|
69
|
-
onPost(a);
|
|
70
|
-
}).catch((_e) => setError(true));
|
|
71
|
-
};
|
|
72
|
-
useEffect(() => {
|
|
73
|
-
if (id) {
|
|
74
|
-
qetaApi.getAnswer(question.id, id).then((a) => {
|
|
75
|
-
if ("content" in a) {
|
|
76
|
-
setValues({ questionId: question.id, answer: a.content });
|
|
77
|
-
} else {
|
|
78
|
-
setError(true);
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
}, [id, question, qetaApi]);
|
|
83
|
-
useEffect(() => {
|
|
84
|
-
reset(values);
|
|
85
|
-
}, [values, reset]);
|
|
86
|
-
useEffect(() => {
|
|
87
|
-
return confirmNavigationIfEdited(edited);
|
|
88
|
-
}, [edited]);
|
|
89
|
-
return /* @__PURE__ */ React.createElement(
|
|
90
|
-
RequirePermission,
|
|
91
|
-
{
|
|
92
|
-
permission: qetaCreateAnswerPermission,
|
|
93
|
-
errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null)
|
|
94
|
-
},
|
|
95
|
-
/* @__PURE__ */ React.createElement(
|
|
96
|
-
"form",
|
|
97
|
-
{
|
|
98
|
-
onSubmit: handleSubmit(postAnswer),
|
|
99
|
-
onChange: () => {
|
|
100
|
-
setEdited(true);
|
|
101
|
-
},
|
|
102
|
-
className: "qetaAnswerForm"
|
|
103
|
-
},
|
|
104
|
-
/* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "Your answer"),
|
|
105
|
-
error && /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("answerForm.errorPosting") }),
|
|
106
|
-
/* @__PURE__ */ React.createElement(
|
|
107
|
-
Controller,
|
|
108
|
-
{
|
|
109
|
-
control,
|
|
110
|
-
defaultValue: "",
|
|
111
|
-
rules: {
|
|
112
|
-
required: true
|
|
113
|
-
},
|
|
114
|
-
render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
|
|
115
|
-
MarkdownEditor,
|
|
116
|
-
{
|
|
117
|
-
value,
|
|
118
|
-
onChange,
|
|
119
|
-
height: 200,
|
|
120
|
-
error: "answer" in errors,
|
|
121
|
-
config: configApi,
|
|
122
|
-
placeholder: t("answerForm.contentInput.placeholder"),
|
|
123
|
-
onImageUpload: (imageId) => {
|
|
124
|
-
setImages((prevImages) => [...prevImages, imageId]);
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
),
|
|
128
|
-
name: "answer"
|
|
129
|
-
}
|
|
130
|
-
),
|
|
131
|
-
allowAnonymouns && !id && /* @__PURE__ */ React.createElement(
|
|
132
|
-
AskAnonymouslyCheckbox,
|
|
133
|
-
{
|
|
134
|
-
control,
|
|
135
|
-
label: t("anonymousCheckbox.answerAnonymously")
|
|
136
|
-
}
|
|
137
|
-
),
|
|
138
|
-
/* @__PURE__ */ React.createElement(
|
|
139
|
-
Button,
|
|
140
|
-
{
|
|
141
|
-
variant: "outlined",
|
|
142
|
-
type: "submit",
|
|
143
|
-
color: "primary",
|
|
144
|
-
className: `qetaAnswerFormPostBtn ${styles.postButton}`
|
|
145
|
-
},
|
|
146
|
-
id ? t("answerForm.submit.existingAnswer") : t("answerForm.submit.newAnswer")
|
|
147
|
-
)
|
|
148
|
-
)
|
|
149
|
-
);
|
|
150
|
-
};
|
|
151
|
-
|
|
152
|
-
export { AnswerForm };
|
|
153
|
-
//# sourceMappingURL=AnswerForm.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnswerForm.esm.js","sources":["../../../src/components/QuestionPage/AnswerForm.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport { Button, Typography } from '@material-ui/core';\nimport React, { useEffect } from 'react';\nimport { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport {\n AnswerRequest,\n AnswerResponse,\n qetaCreateAnswerPermission,\n QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { Controller, useForm } from 'react-hook-form';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { AskAnonymouslyCheckbox } from '../AskAnonymouslyCheckbox/AskAnonymouslyCheckbox';\nimport { qetaApiRef } from '../../api';\nimport { confirmNavigationIfEdited } from '../../utils/utils';\n\nconst getDefaultValues = (questionId: number) => {\n return { questionId, answer: '' };\n};\n\nexport const AnswerForm = (props: {\n question: QuestionResponse;\n onPost: (answer: AnswerResponse) => void;\n id?: number;\n}) => {\n const { question, onPost, id } = props;\n const [values, setValues] = React.useState(getDefaultValues(question.id));\n const analytics = useAnalytics();\n const [error, setError] = React.useState(false);\n const [images, setImages] = React.useState<number[]>([]);\n const [edited, setEdited] = React.useState(false);\n const qetaApi = useApi(qetaApiRef);\n const styles = useStyles();\n const configApi = useApi(configApiRef);\n const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n const { t } = useTranslation();\n\n const {\n handleSubmit,\n control,\n formState: { errors },\n reset,\n } = useForm<AnswerRequest>({\n values,\n defaultValues: getDefaultValues(question.id),\n });\n\n const postAnswer = (data: AnswerRequest) => {\n if (id) {\n qetaApi\n .updateAnswer(id, {\n questionId: question.id,\n answer: data.answer,\n images,\n })\n .then(a => {\n if (!a || !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('edit', 'answer');\n reset();\n onPost(a);\n })\n .catch(_e => setError(true));\n return;\n }\n // http://localhost:7007/api/qeta/attachments/36e551b1-3be7-479a-8942-b7018434e710\n qetaApi\n .postAnswer({\n questionId: question.id,\n answer: data.answer,\n images,\n anonymous: data.anonymous,\n })\n .then(a => {\n if (!a || !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('post', 'answer');\n reset();\n onPost(a);\n })\n .catch(_e => setError(true));\n };\n\n useEffect(() => {\n if (id) {\n qetaApi.getAnswer(question.id, id).then(a => {\n if ('content' in a) {\n setValues({ questionId: question.id, answer: a.content });\n } else {\n setError(true);\n }\n });\n }\n }, [id, question, qetaApi]);\n\n useEffect(() => {\n reset(values);\n }, [values, reset]);\n\n useEffect(() => {\n return confirmNavigationIfEdited(edited);\n }, [edited]);\n\n return (\n <RequirePermission\n permission={qetaCreateAnswerPermission}\n errorPage={<></>}\n >\n <form\n onSubmit={handleSubmit(postAnswer)}\n onChange={() => {\n setEdited(true);\n }}\n className=\"qetaAnswerForm\"\n >\n <Typography variant=\"h6\">Your answer</Typography>\n {error && (\n <WarningPanel severity=\"error\" title={t('answerForm.errorPosting')} />\n )}\n <Controller\n control={control}\n defaultValue=\"\"\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n value={value}\n onChange={onChange}\n height={200}\n error={'answer' in errors}\n config={configApi}\n placeholder={t('answerForm.contentInput.placeholder')}\n onImageUpload={(imageId: number) => {\n setImages(prevImages => [...prevImages, imageId]);\n }}\n />\n )}\n name=\"answer\"\n />\n {allowAnonymouns && !id && (\n <AskAnonymouslyCheckbox\n control={control}\n label={t('anonymousCheckbox.answerAnonymously')}\n />\n )}\n <Button\n variant=\"outlined\"\n type=\"submit\"\n color=\"primary\"\n className={`qetaAnswerFormPostBtn ${styles.postButton}`}\n >\n {id\n ? t('answerForm.submit.existingAnswer')\n : t('answerForm.submit.newAnswer')}\n </Button>\n </form>\n </RequirePermission>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Box, Grid, Typography, Avatar } from '@material-ui/core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { useStyles, useTranslation, useEntityAuthor } from '../../utils/hooks.esm.js';
|
|
4
|
-
import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
|
|
5
|
-
import { UpdatedByLink, AuthorLink } from '../Links/Links.esm.js';
|
|
6
|
-
|
|
7
|
-
const AuthorBox = (props) => {
|
|
8
|
-
const { entity } = props;
|
|
9
|
-
const styles = useStyles();
|
|
10
|
-
const { t } = useTranslation();
|
|
11
|
-
const { name, initials, user } = useEntityAuthor(entity);
|
|
12
|
-
return /* @__PURE__ */ React.createElement(Box, { className: `qetaAuthorBox ${styles.questionCardAuthor}` }, /* @__PURE__ */ React.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0 } }, /* @__PURE__ */ React.createElement(Typography, { className: "qetaAuthorBoxCreated", variant: "caption" }, t("authorBox.postedAtTime"), " ", /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: entity.created }))), entity.updated && entity.updatedBy && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0, paddingTop: 0 } }, /* @__PURE__ */ React.createElement(Typography, { className: "qetaAuthorBoxUpdated", variant: "caption" }, t("authorBox.updatedAtTime"), " ", /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: entity.updated }), " ", t("authorBox.updatedBy"), " ", /* @__PURE__ */ React.createElement(UpdatedByLink, { entity }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(
|
|
13
|
-
Avatar,
|
|
14
|
-
{
|
|
15
|
-
src: user?.spec?.profile?.picture,
|
|
16
|
-
className: "qetaAuthorBoxAvatar avatar",
|
|
17
|
-
alt: name,
|
|
18
|
-
variant: "rounded"
|
|
19
|
-
},
|
|
20
|
-
initials
|
|
21
|
-
)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 10, className: styles.authorLink }, /* @__PURE__ */ React.createElement(Box, { style: { paddingLeft: "5px" } }, /* @__PURE__ */ React.createElement(AuthorLink, { entity })))));
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
export { AuthorBox };
|
|
25
|
-
//# sourceMappingURL=AuthorBox.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/QuestionPage/AuthorBox.tsx"],"sourcesContent":["import { Avatar, Box, Grid, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { useEntityAuthor, useStyles, useTranslation } from '../../utils/hooks';\nimport {\n AnswerResponse,\n QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink, UpdatedByLink } from '../Links/Links';\n\nexport const AuthorBox = (props: {\n entity: QuestionResponse | AnswerResponse;\n}) => {\n const { entity } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const { name, initials, user } = useEntityAuthor(entity);\n\n return (\n <Box className={`qetaAuthorBox ${styles.questionCardAuthor}`}>\n <Grid container alignItems=\"center\">\n <Grid item xs={12} style={{ paddingBottom: 0 }}>\n <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n {t('authorBox.postedAtTime')}{' '}\n <RelativeTimeWithTooltip value={entity.created} />\n </Typography>\n </Grid>\n {entity.updated && entity.updatedBy && (\n <Grid item xs={12} style={{ paddingBottom: 0, paddingTop: 0 }}>\n <Typography className=\"qetaAuthorBoxUpdated\" variant=\"caption\">\n {t('authorBox.updatedAtTime')}{' '}\n <RelativeTimeWithTooltip value={entity.updated} />{' '}\n {t('authorBox.updatedBy')} <UpdatedByLink entity={entity} />\n </Typography>\n </Grid>\n )}\n <Grid item xs={2}>\n <Avatar\n src={user?.spec?.profile?.picture}\n className=\"qetaAuthorBoxAvatar avatar\"\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n </Grid>\n <Grid item xs={10} className={styles.authorLink}>\n <Box style={{ paddingLeft: '5px' }}>\n <AuthorLink entity={entity} />\n </Box>\n </Grid>\n </Grid>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;AAUa,MAAA,SAAA,GAAY,CAAC,KAEpB,KAAA;AACJ,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA,CAAA;AACnB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,MAAM,CAAA,CAAA;AAEvD,EAAA,2CACG,GAAI,EAAA,EAAA,SAAA,EAAW,iBAAiB,MAAO,CAAA,kBAAkB,sBACvD,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,UAAA,EAAW,4BACxB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,KAAO,EAAA,EAAE,eAAe,CAAE,EAAA,EAAA,sCAC1C,UAAW,EAAA,EAAA,SAAA,EAAU,wBAAuB,OAAQ,EAAA,SAAA,EAAA,EAClD,EAAE,wBAAwB,CAAA,EAAG,qBAC7B,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,OAAO,MAAO,CAAA,OAAA,EAAS,CAClD,CACF,CAAA,EACC,OAAO,OAAW,IAAA,MAAA,CAAO,6BACvB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,KAAO,EAAA,EAAE,eAAe,CAAG,EAAA,UAAA,EAAY,GACxD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,SAAU,EAAA,sBAAA,EAAuB,SAAQ,SAClD,EAAA,EAAA,CAAA,CAAE,yBAAyB,CAAG,EAAA,GAAA,sCAC9B,uBAAwB,EAAA,EAAA,KAAA,EAAO,OAAO,OAAS,EAAA,CAAA,EAAG,KAClD,CAAE,CAAA,qBAAqB,GAAE,GAAC,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAc,MAAgB,EAAA,CAC5D,CACF,CAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,MAC1B,SAAU,EAAA,4BAAA;AAAA,MACV,GAAK,EAAA,IAAA;AAAA,MACL,OAAQ,EAAA,SAAA;AAAA,KAAA;AAAA,IAEP,QAAA;AAAA,GAEL,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,UACnC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAI,KAAO,EAAA,EAAE,WAAa,EAAA,KAAA,EACzB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,MAAgB,EAAA,CAC9B,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { parseEntityRef, getCompoundEntityRef } from '@backstage/catalog-model';
|
|
2
|
-
import { Tooltip, Chip } from '@material-ui/core';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { useRouteRef } from '@backstage/core-plugin-api';
|
|
5
|
-
import { entityRouteRef, useEntityPresentation } from '@backstage/plugin-catalog-react';
|
|
6
|
-
|
|
7
|
-
const EntityChip = (props) => {
|
|
8
|
-
const { entity } = props;
|
|
9
|
-
const entityRoute = useRouteRef(entityRouteRef);
|
|
10
|
-
const { primaryTitle, secondaryTitle } = useEntityPresentation(entity);
|
|
11
|
-
const compound = typeof entity === "string" ? parseEntityRef(entity) : getCompoundEntityRef(entity);
|
|
12
|
-
return /* @__PURE__ */ React.createElement(Tooltip, { title: secondaryTitle ?? primaryTitle, arrow: true }, /* @__PURE__ */ React.createElement(
|
|
13
|
-
Chip,
|
|
14
|
-
{
|
|
15
|
-
label: primaryTitle,
|
|
16
|
-
size: "small",
|
|
17
|
-
variant: "outlined",
|
|
18
|
-
className: "qetaEntityChip",
|
|
19
|
-
component: "a",
|
|
20
|
-
href: entityRoute(compound),
|
|
21
|
-
clickable: true
|
|
22
|
-
}
|
|
23
|
-
));
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
export { EntityChip };
|
|
27
|
-
//# sourceMappingURL=EntityChip.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/QuestionPage/EntityChip.tsx"],"sourcesContent":["import {\n Entity,\n getCompoundEntityRef,\n parseEntityRef,\n} from '@backstage/catalog-model';\nimport { Chip, Tooltip } from '@material-ui/core';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n entityRouteRef,\n useEntityPresentation,\n} from '@backstage/plugin-catalog-react';\n\nexport const EntityChip = (props: { entity: Entity | string }) => {\n const { entity } = props;\n const entityRoute = useRouteRef(entityRouteRef);\n const { primaryTitle, secondaryTitle } = useEntityPresentation(entity);\n const compound =\n typeof entity === 'string'\n ? parseEntityRef(entity)\n : getCompoundEntityRef(entity);\n return (\n <Tooltip title={secondaryTitle ?? primaryTitle} arrow>\n <Chip\n label={primaryTitle}\n size=\"small\"\n variant=\"outlined\"\n className=\"qetaEntityChip\"\n component=\"a\"\n href={entityRoute(compound)}\n clickable\n />\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;AAaa,MAAA,UAAA,GAAa,CAAC,KAAuC,KAAA;AAChE,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA,CAAA;AACnB,EAAM,MAAA,WAAA,GAAc,YAAY,cAAc,CAAA,CAAA;AAC9C,EAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,sBAAsB,MAAM,CAAA,CAAA;AACrE,EAAM,MAAA,QAAA,GACJ,OAAO,MAAW,KAAA,QAAA,GACd,eAAe,MAAM,CAAA,GACrB,qBAAqB,MAAM,CAAA,CAAA;AACjC,EAAA,2CACG,OAAQ,EAAA,EAAA,KAAA,EAAO,cAAkB,IAAA,YAAA,EAAc,OAAK,IACnD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,YAAA;AAAA,MACP,IAAK,EAAA,OAAA;AAAA,MACL,OAAQ,EAAA,UAAA;AAAA,MACR,SAAU,EAAA,gBAAA;AAAA,MACV,SAAU,EAAA,GAAA;AAAA,MACV,IAAA,EAAM,YAAY,QAAQ,CAAA;AAAA,MAC1B,SAAS,EAAA,IAAA;AAAA,KAAA;AAAA,GAEb,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Tooltip, IconButton } from '@material-ui/core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { useApi } from '@backstage/core-plugin-api';
|
|
4
|
-
import StarIcon from '@material-ui/icons/Star';
|
|
5
|
-
import StarOutlineIcon from '@material-ui/icons/StarOutline';
|
|
6
|
-
import { qetaApiRef } from '../../api/QetaClient.esm.js';
|
|
7
|
-
import { useTranslation } from '../../utils/hooks.esm.js';
|
|
8
|
-
|
|
9
|
-
const FavoriteButton = (props) => {
|
|
10
|
-
const [entity, setEntity] = React.useState(props.entity);
|
|
11
|
-
const qetaApi = useApi(qetaApiRef);
|
|
12
|
-
const { t } = useTranslation();
|
|
13
|
-
const favoriteQuestion = () => {
|
|
14
|
-
qetaApi.favoriteQuestion(entity.id).then((response) => {
|
|
15
|
-
setEntity(response);
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
const unfavoriteQuestion = () => {
|
|
19
|
-
qetaApi.unfavoriteQuestion(entity.id).then((response) => {
|
|
20
|
-
setEntity(response);
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, entity.favorite ? /* @__PURE__ */ React.createElement(Tooltip, { title: t("favorite.remove") }, /* @__PURE__ */ React.createElement(
|
|
24
|
-
IconButton,
|
|
25
|
-
{
|
|
26
|
-
"aria-label": "unfavorite",
|
|
27
|
-
size: "small",
|
|
28
|
-
onClick: unfavoriteQuestion,
|
|
29
|
-
className: "qetaUnfavoriteBtn"
|
|
30
|
-
},
|
|
31
|
-
/* @__PURE__ */ React.createElement(StarIcon, null)
|
|
32
|
-
)) : /* @__PURE__ */ React.createElement(Tooltip, { title: t("favorite.add") }, /* @__PURE__ */ React.createElement(
|
|
33
|
-
IconButton,
|
|
34
|
-
{
|
|
35
|
-
"aria-label": "favorite",
|
|
36
|
-
size: "small",
|
|
37
|
-
onClick: favoriteQuestion,
|
|
38
|
-
className: "qetaFavoriteBtn"
|
|
39
|
-
},
|
|
40
|
-
/* @__PURE__ */ React.createElement(StarOutlineIcon, null)
|
|
41
|
-
)));
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
export { FavoriteButton };
|
|
45
|
-
//# sourceMappingURL=FavoriteButton.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/QuestionPage/FavoriteButton.tsx"],"sourcesContent":["import { QuestionResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@material-ui/icons/Star';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../utils/hooks';\n\nexport const FavoriteButton = (props: { entity: QuestionResponse }) => {\n const [entity, setEntity] = React.useState<QuestionResponse>(props.entity);\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n\n const favoriteQuestion = () => {\n qetaApi.favoriteQuestion(entity.id).then(response => {\n setEntity(response);\n });\n };\n\n const unfavoriteQuestion = () => {\n qetaApi.unfavoriteQuestion(entity.id).then(response => {\n setEntity(response);\n });\n };\n\n return (\n <React.Fragment>\n {entity.favorite ? (\n <Tooltip title={t('favorite.remove')}>\n <IconButton\n aria-label=\"unfavorite\"\n size=\"small\"\n onClick={unfavoriteQuestion}\n className=\"qetaUnfavoriteBtn\"\n >\n <StarIcon />\n </IconButton>\n </Tooltip>\n ) : (\n <Tooltip title={t('favorite.add')}>\n <IconButton\n aria-label=\"favorite\"\n size=\"small\"\n onClick={favoriteQuestion}\n className=\"qetaFavoriteBtn\"\n >\n <StarOutlineIcon />\n </IconButton>\n </Tooltip>\n )}\n </React.Fragment>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AASa,MAAA,cAAA,GAAiB,CAAC,KAAwC,KAAA;AACrE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAI,KAAM,CAAA,QAAA,CAA2B,MAAM,MAAM,CAAA,CAAA;AACzE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,OAAA,CAAQ,gBAAiB,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AACnD,MAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,OAAA,CAAQ,kBAAmB,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AACrD,MAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACE,EAAA,MAAA,CAAO,QACN,mBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,YAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,kBAAA;AAAA,MACT,SAAU,EAAA,mBAAA;AAAA,KAAA;AAAA,wCAET,QAAS,EAAA,IAAA,CAAA;AAAA,GAEd,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,cAAc,CAC9B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,UAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,gBAAA;AAAA,MACT,SAAU,EAAA,iBAAA;AAAA,KAAA;AAAA,wCAET,eAAgB,EAAA,IAAA,CAAA;AAAA,GAErB,CAEJ,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { Tooltip, IconButton } from '@material-ui/core';
|
|
2
|
-
import Link from '@material-ui/icons/Link';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { useTranslation } from '../../utils/hooks.esm.js';
|
|
5
|
-
|
|
6
|
-
const LinkButton = (props) => {
|
|
7
|
-
const isQuestion = "title" in props.entity;
|
|
8
|
-
const { t } = useTranslation();
|
|
9
|
-
const copyToClipboard = () => {
|
|
10
|
-
const url = new URL(window.location.href);
|
|
11
|
-
if (!isQuestion) {
|
|
12
|
-
url.hash = `#answer_${props.entity.id}`;
|
|
13
|
-
}
|
|
14
|
-
window.navigator.clipboard.writeText(url.toString());
|
|
15
|
-
};
|
|
16
|
-
return /* @__PURE__ */ React.createElement(Tooltip, { title: isQuestion ? t("link.question") : t("link.answer") }, /* @__PURE__ */ React.createElement(
|
|
17
|
-
IconButton,
|
|
18
|
-
{
|
|
19
|
-
"aria-label": t("link.aria"),
|
|
20
|
-
size: "small",
|
|
21
|
-
onClick: copyToClipboard
|
|
22
|
-
},
|
|
23
|
-
/* @__PURE__ */ React.createElement(Link, null)
|
|
24
|
-
));
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export { LinkButton };
|
|
28
|
-
//# sourceMappingURL=LinkButton.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/QuestionPage/LinkButton.tsx"],"sourcesContent":["import { IconButton, Tooltip } from '@material-ui/core';\nimport Link from '@material-ui/icons/Link';\nimport React from 'react';\nimport {\n AnswerResponse,\n QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../utils/hooks';\n\nexport const LinkButton = (props: {\n entity: QuestionResponse | AnswerResponse;\n}) => {\n const isQuestion = 'title' in props.entity;\n const { t } = useTranslation();\n const copyToClipboard = () => {\n const url = new URL(window.location.href);\n if (!isQuestion) {\n url.hash = `#answer_${props.entity.id}`;\n }\n window.navigator.clipboard.writeText(url.toString());\n };\n\n return (\n <Tooltip title={isQuestion ? t('link.question') : t('link.answer')}>\n <IconButton\n aria-label={t('link.aria')}\n size=\"small\"\n onClick={copyToClipboard}\n >\n <Link />\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,UAAA,GAAa,CAAC,KAErB,KAAA;AACJ,EAAM,MAAA,UAAA,GAAa,WAAW,KAAM,CAAA,MAAA,CAAA;AACpC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AACxC,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAA,GAAA,CAAI,IAAO,GAAA,CAAA,QAAA,EAAW,KAAM,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA,CAAA;AAAA,KACvC;AACA,IAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAAA,GACrD,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,UAAA,GAAa,EAAE,eAAe,CAAA,GAAI,CAAE,CAAA,aAAa,CAC/D,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,WAAW,CAAA;AAAA,MACzB,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,eAAA;AAAA,KAAA;AAAA,wCAER,IAAK,EAAA,IAAA,CAAA;AAAA,GAEV,CAAA,CAAA;AAEJ;;;;"}
|