@drodil/backstage-plugin-qeta 3.60.0 → 4.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"QuestionPage.esm.js","sources":["../../../src/components/QuestionPage/QuestionPage.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport {\n  AddToCollectionButton,\n  AIAnswerCard,\n  AnswerCard,\n  AnswerForm,\n  AskQuestionButton,\n  ContentHeader,\n  ContentHeaderButton,\n  DeletedBanner,\n  DraftBanner,\n  ObsoleteBanner,\n  PostHistoryButton,\n  qetaTranslationRef,\n  QuestionCard,\n  RelativeTimeWithTooltip,\n  useQetaConfig,\n  UpdatedByLink,\n  useQetaApi,\n  FollowPostButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Comment from '@material-ui/icons/Comment';\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  FormControl,\n  Grid,\n  makeStyles,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\n\nconst useDescriptionStyles = makeStyles(\n  () => ({\n    root: {},\n    box: {\n      display: 'inline',\n    },\n  }),\n  { name: 'QetaDescription' },\n);\n\nexport const QuestionPage = () => {\n  const { id } = useParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { disabled } = useQetaConfig();\n  const [answers, setAnswers] = useState<AnswerResponse[]>([]);\n  const [newAnswers, setNewAnswers] = useState<AnswerResponse[]>([]);\n  const [answerSort, setAnswerSort] = useState<string>('default');\n  const dStyles = useDescriptionStyles();\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    retry,\n  } = useQetaApi(api => api.getPost(id), [id]);\n\n  useEffect(() => {\n    if (question) {\n      setAnswersCount(question.answersCount);\n      setViews(question.views);\n      setAnswers(question.answers ?? []);\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 sortedAnswers = useMemo(() => {\n    const allAnswers = [...answers, ...newAnswers];\n    return allAnswers.sort(sortAnswers);\n  }, [answers, newAnswers, sortAnswers]);\n\n  const onAnswerPost = (answer: AnswerResponse) => {\n    setNewAnswers(newAnswers.concat([answer]));\n    setAnswersCount(prev => prev + 1);\n  };\n\n  const onAnswerDelete = (answer: AnswerResponse) => {\n    setNewAnswers(newAnswers.filter(a => a.id !== answer.id));\n    setAnswers(answers.filter(a => a.id !== answer.id));\n    setAnswersCount(prev => prev - 1);\n  };\n\n  const getDescription = (q: PostResponse) => {\n    return (\n      <span className={dStyles.root}>\n        <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n          {t('authorBox.postedAtTime')}{' '}\n          <RelativeTimeWithTooltip value={q.created} />\n          {' · '}\n        </Box>\n        {q.updated && (\n          <Fragment>\n            <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n              {t('authorBox.updatedAtTime')}{' '}\n              <RelativeTimeWithTooltip value={q.updated} />{' '}\n              {t('authorBox.updatedBy')} <UpdatedByLink entity={q} />\n              {' · '}\n            </Box>\n          </Fragment>\n        )}\n        <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n          {t('common.viewsCount', { count: views })}\n        </Box>\n      </span>\n    );\n  };\n\n  if (disabled.questions) {\n    return null;\n  }\n\n  if (loading) {\n    return (\n      <Box role=\"status\" aria-label={t('common.loading')}>\n        <Skeleton variant=\"rect\" height={200} animation=\"wave\" />\n        <Box mt={2}>\n          <Skeleton variant=\"text\" height={40} width=\"60%\" animation=\"wave\" />\n          <Skeleton variant=\"text\" height={20} width=\"40%\" animation=\"wave\" />\n          <Skeleton variant=\"text\" height={20} width=\"80%\" animation=\"wave\" />\n        </Box>\n      </Box>\n    );\n  }\n\n  if (error || question === undefined) {\n    return (\n      <WarningPanel\n        severity=\"error\"\n        title={t('questionPage.errorLoading')}\n        aria-live=\"assertive\"\n      >\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        description={getDescription(question)}\n        titleIcon={<HelpOutline fontSize=\"large\" />}\n      >\n        <PostHistoryButton post={question} onRestore={retry} />\n        <FollowPostButton post={question} />\n        <AskQuestionButton />\n        <ContentHeaderButton\n          onClick={() => {\n            const element = document.getElementById('qeta-answer-form');\n            if (element) {\n              element.scrollIntoView({ behavior: 'smooth' });\n              const input = element.querySelector('textarea');\n              if (input) {\n                input.focus();\n              }\n            }\n          }}\n          icon={<Comment />}\n          disabled={question.status === 'obsolete'}\n        >\n          {t('questionPage.answerButton')}\n        </ContentHeaderButton>\n        <AddToCollectionButton post={question} />\n      </ContentHeader>\n      {question.status === 'draft' && <DraftBanner />}\n      {question.status === 'deleted' && <DeletedBanner />}\n      {question.status === 'obsolete' && <ObsoleteBanner />}\n      <QuestionCard question={question} />\n      <AIAnswerCard question={question} debounceMs={0} />\n      {(question.status === 'active' || question.status === 'obsolete') && (\n        <>\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.answersCount', {\n                    count: answersCount,\n                  })}\n                </Typography>\n              </Grid>\n              {sortedAnswers.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 =>\n                        setAnswerSort(val.target.value as string)\n                      }\n                      inputProps={{\n                        name: 'sortAnswers',\n                        id: 'sort-answers',\n                        'aria-label': t('questionPage.sortAnswers.label'),\n                        'aria-describedby': 'sort-answers-helper',\n                      }}\n                      variant=\"outlined\"\n                      SelectProps={{\n                        MenuProps: {\n                          'aria-label': t('questionPage.sortAnswers.menuLabel'),\n                        },\n                      }}\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          {sortedAnswers.map(a => {\n            return (\n              <Fragment key={a.id}>\n                <Box key={a.id} sx={{ mb: 1 }}>\n                  <AnswerCard\n                    answer={a}\n                    question={question}\n                    onAnswerDelete={onAnswerDelete}\n                  />\n                </Box>\n              </Fragment>\n            );\n          })}\n\n          {question.status === 'active' && (\n            <div id=\"qeta-answer-form\">\n              <AnswerForm post={question} onPost={onAnswerPost} />\n            </div>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"QuestionPage.esm.js","sources":["../../../src/components/QuestionPage/QuestionPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  AddToCollectionButton,\n  AIAnswerCard,\n  AnswerCard,\n  AnswerForm,\n  AuthorHeaderItem,\n  ContentHeaderButton,\n  DeleteButton,\n  DeletedBanner,\n  DraftBanner,\n  EditButton,\n  FollowPostButton,\n  ObsoleteBanner,\n  PostHistoryButton,\n  qetaTranslationRef,\n  QuestionCard,\n  RelativeTimeWithTooltip,\n  RestoreButton,\n  useQetaApi,\n  useQetaConfig,\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  Alert,\n  Box,\n  Flex,\n  Header,\n  HeaderMetadataItem,\n  Select,\n  Skeleton,\n  Text,\n} from '@backstage/ui';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RiChat3Line } from '@remixicon/react';\n\nexport const QuestionPage = () => {\n  const { id } = useParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { disabled } = useQetaConfig();\n  const [answers, setAnswers] = useState<AnswerResponse[]>([]);\n  const [newAnswers, setNewAnswers] = useState<AnswerResponse[]>([]);\n  const [answerSort, setAnswerSort] = 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    retry,\n  } = useQetaApi(api => api.getPost(id), [id]);\n\n  useEffect(() => {\n    if (question) {\n      setAnswersCount(question.answersCount);\n      setViews(question.views);\n      setAnswers(question.answers ?? []);\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 sortedAnswers = useMemo(() => {\n    const allAnswers = [...answers, ...newAnswers];\n    return allAnswers.sort(sortAnswers);\n  }, [answers, newAnswers, sortAnswers]);\n\n  const onAnswerPost = (answer: AnswerResponse) => {\n    setNewAnswers(newAnswers.concat([answer]));\n    setAnswersCount(prev => prev + 1);\n  };\n\n  const onAnswerDelete = (answer: AnswerResponse) => {\n    setNewAnswers(newAnswers.filter(a => a.id !== answer.id));\n    setAnswers(answers.filter(a => a.id !== answer.id));\n    setAnswersCount(prev => prev - 1);\n  };\n\n  const getMetadata = (q: PostResponse): HeaderMetadataItem[] => {\n    const metadata: HeaderMetadataItem[] = [\n      {\n        label: t('postHeader.postedAtTime'),\n        value: <RelativeTimeWithTooltip value={q.created} />,\n      },\n      {\n        label: t('postHeader.author'),\n        value: <AuthorHeaderItem userEntityRef={q.author} />,\n      },\n    ];\n\n    if (q.updated) {\n      metadata.push({\n        label: t('postHeader.updatedAtTime'),\n        value: <RelativeTimeWithTooltip value={q.updated} />,\n      });\n    }\n    if (q.updatedBy) {\n      metadata.push({\n        label: t('postHeader.updatedBy'),\n        value: <AuthorHeaderItem userEntityRef={q.updatedBy} />,\n      });\n    }\n    metadata.push({\n      label: t('postHeader.views'),\n      value: views,\n    });\n\n    return metadata;\n  };\n\n  if (disabled.questions) {\n    return null;\n  }\n\n  if (loading) {\n    return (\n      <Box role=\"status\" aria-label={t('common.loading')}>\n        <Skeleton height={200} />\n        <Flex direction=\"column\" gap=\"2\" mt=\"4\">\n          <Skeleton height={40} width=\"60%\" />\n          <Skeleton height={20} width=\"40%\" />\n          <Skeleton height={20} width=\"80%\" />\n        </Flex>\n      </Box>\n    );\n  }\n\n  if (error || question === undefined) {\n    return (\n      <Alert\n        status=\"danger\"\n        title={t('questionPage.errorLoading')}\n        description={error?.message}\n        aria-live=\"assertive\"\n      />\n    );\n  }\n\n  if (question.type !== 'question') {\n    return (\n      <Alert\n        status=\"warning\"\n        title=\"Not found\"\n        description={t('questionPage.notFound')}\n      />\n    );\n  }\n\n  return (\n    <>\n      <Header\n        title={question.title}\n        metadata={getMetadata(question)}\n        customActions={\n          <>\n            <EditButton entity={question} compact />\n            <DeleteButton entity={question} compact />\n            <RestoreButton entity={question} compact />\n            <PostHistoryButton post={question} onRestore={retry} />\n            <FollowPostButton post={question} />\n            <ContentHeaderButton\n              onClick={() => {\n                const element = document.getElementById('qeta-answer-form');\n                if (element) {\n                  element.scrollIntoView({ behavior: 'smooth' });\n                  const input = element.querySelector('textarea');\n                  if (input) {\n                    input.focus();\n                  }\n                }\n              }}\n              icon={<RiChat3Line />}\n              disabled={question.status === 'obsolete'}\n            >\n              {t('questionPage.answerButton')}\n            </ContentHeaderButton>\n            <AddToCollectionButton post={question} />\n          </>\n        }\n      />\n      {question.status === 'draft' && <DraftBanner />}\n      {question.status === 'deleted' && <DeletedBanner />}\n      {question.status === 'obsolete' && <ObsoleteBanner />}\n      <QuestionCard question={question} />\n      <AIAnswerCard question={question} debounceMs={0} />\n      {(question.status === 'active' || question.status === 'obsolete') && (\n        <>\n          <Flex justify=\"between\" align=\"center\" mt=\"6\" mb=\"4\">\n            <Text variant=\"title-x-small\">\n              {t('common.answersCount', {\n                count: answersCount,\n              })}\n            </Text>\n            {sortedAnswers.length > 1 && (\n              <Select\n                size=\"small\"\n                label={t('questionPage.sortAnswers.label')}\n                value={answerSort}\n                onChange={key => setAnswerSort(String(key))}\n                options={[\n                  {\n                    id: 'default',\n                    label: t('questionPage.sortAnswers.default'),\n                  },\n                  {\n                    id: 'created_desc',\n                    label: t('questionPage.sortAnswers.createdDesc'),\n                  },\n                  {\n                    id: 'created_asc',\n                    label: t('questionPage.sortAnswers.createdAsc'),\n                  },\n                  {\n                    id: 'score_desc',\n                    label: t('questionPage.sortAnswers.scoreDesc'),\n                  },\n                  {\n                    id: 'score_asc',\n                    label: t('questionPage.sortAnswers.scoreAsc'),\n                  },\n                  {\n                    id: 'comments_desc',\n                    label: t('questionPage.sortAnswers.commentsDesc'),\n                  },\n                  {\n                    id: 'comments_asc',\n                    label: t('questionPage.sortAnswers.commentsAsc'),\n                  },\n                  {\n                    id: 'author_desc',\n                    label: t('questionPage.sortAnswers.authorDesc'),\n                  },\n                  {\n                    id: 'author_asc',\n                    label: t('questionPage.sortAnswers.authorAsc'),\n                  },\n                  {\n                    id: 'updated_desc',\n                    label: t('questionPage.sortAnswers.updatedDesc'),\n                  },\n                  {\n                    id: 'updated_asc',\n                    label: t('questionPage.sortAnswers.updatedAsc'),\n                  },\n                ]}\n              />\n            )}\n          </Flex>\n          {sortedAnswers.map(a => (\n            <Box key={a.id} mb=\"2\">\n              <AnswerCard\n                answer={a}\n                question={question}\n                onAnswerDelete={onAnswerDelete}\n              />\n            </Box>\n          ))}\n\n          {question.status === 'active' && (\n            <div id=\"qeta-answer-form\">\n              <AnswerForm post={question} onPost={onAnswerPost} />\n            </div>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/QuestionsPage/QuestionsPage.esm.js

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useSearchParams } from 'react-router-dom';
 import { useState, useEffect } from 'react';
-import { qetaTranslationRef, useQetaConfig, ContentHeader, AskQuestionButton, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, useQetaConfig, AskQuestionButton, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
-import HelpOutline from '@material-ui/icons/HelpOutline';
+import { Header } from '@backstage/ui';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const QuestionsPage = () => {
@@ -21,11 +21,10 @@ const QuestionsPage = () => {
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      ContentHeader,
+      Header,
       {
         title: t("questionsPage.title"),
-        titleIcon: /* @__PURE__ */ jsx(HelpOutline, { fontSize: "large" }),
-        children: /* @__PURE__ */ jsx(AskQuestionButton, { entity: entityRef, tags })
+        customActions: /* @__PURE__ */ jsx(AskQuestionButton, { entity: entityRef, tags })
       }
     ),
     /* @__PURE__ */ jsx(PostsContainer, { type: "question", defaultView: "list" })

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

@@ -1 +1 @@
-{"version":3,"file":"QuestionsPage.esm.js","sources":["../../../src/components/QuestionsPage/QuestionsPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n  AskQuestionButton,\n  ContentHeader,\n  PostsContainer,\n  qetaTranslationRef,\n  useQetaConfig,\n} from '@drodil/backstage-plugin-qeta-react';\n\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const QuestionsPage = () => {\n  const [searchParams] = useSearchParams();\n\n  const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n  const [tags, setTags] = useState<string[] | undefined>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { disabled } = useQetaConfig();\n\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  if (disabled.questions) {\n    return null;\n  }\n\n  return (\n    <>\n      <ContentHeader\n        title={t('questionsPage.title')}\n        titleIcon={<HelpOutline fontSize=\"large\" />}\n      >\n        <AskQuestionButton entity={entityRef} tags={tags} />\n      </ContentHeader>\n      <PostsContainer type=\"question\" defaultView=\"list\" />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,CAAC,YAAY,CAAA,GAAI,eAAA,EAAgB;AAEvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAA6B,MAAS,CAAA;AACxE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA+B,MAAS,CAAA;AAChE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,aAAA,EAAc;AAEnC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAA,CAAa,GAAA,CAAI,QAAQ,CAAA,IAAK,MAAS,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAA,CAAW,YAAA,CAAa,GAAA,CAAI,MAAM,CAAC,CAAC,CAAA;AAAA,EAC9C,CAAA,EAAG,CAAC,YAAA,EAAc,YAAY,CAAC,CAAA;AAE/B,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,QAC9B,SAAA,kBAAW,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QAEzC,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,MAAA,EAAQ,SAAA,EAAW,IAAA,EAAY;AAAA;AAAA,KACpD;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,UAAA,EAAW,aAAY,MAAA,EAAO;AAAA,GAAA,EACrD,CAAA;AAEJ;;;;"}
+{"version":3,"file":"QuestionsPage.esm.js","sources":["../../../src/components/QuestionsPage/QuestionsPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n  AskQuestionButton,\n  PostsContainer,\n  qetaTranslationRef,\n  useQetaConfig,\n} from '@drodil/backstage-plugin-qeta-react';\n\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { Header } from '@backstage/ui';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const QuestionsPage = () => {\n  const [searchParams] = useSearchParams();\n\n  const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n  const [tags, setTags] = useState<string[] | undefined>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { disabled } = useQetaConfig();\n\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  if (disabled.questions) {\n    return null;\n  }\n\n  return (\n    <>\n      <Header\n        title={t('questionsPage.title')}\n        customActions={<AskQuestionButton entity={entityRef} tags={tags} />}\n      />\n      <PostsContainer type=\"question\" defaultView=\"list\" />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAaO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,CAAC,YAAY,CAAA,GAAI,eAAA,EAAgB;AAEvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAA6B,MAAS,CAAA;AACxE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA+B,MAAS,CAAA;AAChE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,aAAA,EAAc;AAEnC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAA,CAAa,GAAA,CAAI,QAAQ,CAAA,IAAK,MAAS,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAA,CAAW,YAAA,CAAa,GAAA,CAAI,MAAM,CAAC,CAAC,CAAA;AAAA,EAC9C,CAAA,EAAG,CAAC,YAAA,EAAc,YAAY,CAAC,CAAA;AAE/B,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,QAC9B,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,MAAA,EAAQ,WAAW,IAAA,EAAY;AAAA;AAAA,KACnE;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,UAAA,EAAW,aAAY,MAAA,EAAO;AAAA,GAAA,EACrD,CAAA;AAEJ;;;;"}

package/dist/components/ReviewPage/ReviewPage.esm.js

@@ -3,11 +3,10 @@ import { useState } from 'react';
 import { qetaTranslationRef, useQetaApi, questionRouteRef, articleRouteRef, linkRouteRef, useCanReview, UserLink, RelativeTimeWithTooltip, ObsoleteModal, ValidReviewModal, DeleteModal } from '@drodil/backstage-plugin-qeta-react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { Link, WarningPanel, Table } from '@backstage/core-components';
-import { Grid, Tooltip, IconButton, Box, Typography } from '@material-ui/core';
-import CheckIcon from '@material-ui/icons/Check';
-import BlockIcon from '@material-ui/icons/Block';
-import DeleteIcon from '@material-ui/icons/Delete';
+import { Table } from '@backstage/core-components';
+import { Link } from 'react-router-dom';
+import { Flex, TooltipTrigger, ButtonIcon, Tooltip, Alert, Box, Text } from '@backstage/ui';
+import { RiCheckLine, RiForbidLine, RiDeleteBinLine } from '@remixicon/react';
 
 const ReviewPage = () => {
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -88,17 +87,46 @@ const ReviewPage = () => {
     {
       title: t("reviewPage.table.actions"),
       field: "actions",
-      render: (row) => /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Tooltip, { title: t("contentHealth.markValid"), children: /* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: () => openMarkValid(row), children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Tooltip, { title: t("contentHealth.markObsolete"), children: /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            color: "secondary",
-            onClick: () => openMarkObsolete(row),
-            children: /* @__PURE__ */ jsx(BlockIcon, {})
-          }
-        ) }) }),
-        row.canDelete && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Tooltip, { title: t("deleteModal.deleteButton"), children: /* @__PURE__ */ jsx(IconButton, { color: "secondary", onClick: () => openDelete(row), children: /* @__PURE__ */ jsx(DeleteIcon, {}) }) }) })
+      render: (row) => /* @__PURE__ */ jsxs(Flex, { gap: "2", children: [
+        /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+          /* @__PURE__ */ jsx(
+            ButtonIcon,
+            {
+              "aria-label": t("contentHealth.markValid"),
+              size: "small",
+              variant: "tertiary",
+              onPress: () => openMarkValid(row),
+              icon: /* @__PURE__ */ jsx(RiCheckLine, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(Tooltip, { children: t("contentHealth.markValid") })
+        ] }),
+        /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+          /* @__PURE__ */ jsx(
+            ButtonIcon,
+            {
+              "aria-label": t("contentHealth.markObsolete"),
+              size: "small",
+              variant: "tertiary",
+              onPress: () => openMarkObsolete(row),
+              icon: /* @__PURE__ */ jsx(RiForbidLine, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(Tooltip, { children: t("contentHealth.markObsolete") })
+        ] }),
+        row.canDelete && /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+          /* @__PURE__ */ jsx(
+            ButtonIcon,
+            {
+              "aria-label": t("deleteModal.deleteButton"),
+              size: "small",
+              variant: "tertiary",
+              onPress: () => openDelete(row),
+              icon: /* @__PURE__ */ jsx(RiDeleteBinLine, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(Tooltip, { children: t("deleteModal.deleteButton") })
+        ] })
       ] })
     }
   ];
@@ -106,10 +134,17 @@ const ReviewPage = () => {
     return null;
   }
   if (error) {
-    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("reviewPage.errorLoading"), children: error.message });
+    return /* @__PURE__ */ jsx(
+      Alert,
+      {
+        status: "danger",
+        title: t("reviewPage.errorLoading"),
+        description: error.message
+      }
+    );
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Box, { mb: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: t("reviewPage.description") }) }),
+    /* @__PURE__ */ jsx(Box, { mb: "4", children: /* @__PURE__ */ jsx(Text, { variant: "body-medium", children: t("reviewPage.description") }) }),
     /* @__PURE__ */ jsx(
       Table,
       {

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewPage.esm.js","sources":["../../../src/components/ReviewPage/ReviewPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  articleRouteRef,\n  DeleteModal,\n  linkRouteRef,\n  ObsoleteModal,\n  qetaTranslationRef,\n  questionRouteRef,\n  RelativeTimeWithTooltip,\n  useCanReview,\n  useQetaApi,\n  UserLink,\n  ValidReviewModal,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  Link,\n  Table,\n  TableColumn,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { Box, Grid, IconButton, Tooltip, Typography } from '@material-ui/core';\nimport CheckIcon from '@material-ui/icons/Check';\nimport BlockIcon from '@material-ui/icons/Block';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { Post } from '@drodil/backstage-plugin-qeta-common';\n\nexport const ReviewPage = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    value: response,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(api =>\n    api.getPosts({\n      reviewNeeded: true,\n      includeHealth: true,\n      includeVotes: false,\n      includeAttachments: false,\n      includeExperts: false,\n      includeTags: false,\n      order: 'asc',\n      orderBy: 'created',\n      includeEntities: false,\n      includeAnswers: false,\n      checkAccess: true,\n    }),\n  );\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n  const { canReview } = useCanReview();\n\n  const getPostLink = (post: Post) => {\n    if (post.type === 'article') {\n      return articleRoute({ id: post.id.toString() });\n    }\n    if (post.type === 'question') {\n      return questionRoute({ id: post.id.toString() });\n    }\n    if (post.type === 'link') {\n      return linkRoute({ id: post.id.toString() });\n    }\n    return '#';\n  };\n\n  const [openObsoleteModal, setOpenObsoleteModal] = useState(false);\n  const [openValidModal, setOpenValidModal] = useState(false);\n  const [selectedPost, setSelectedPost] = useState<Post | null>(null);\n  const [openDeleteModal, setOpenDeleteModal] = useState(false);\n  const [postToDelete, setPostToDelete] = useState<Post | null>(null);\n\n  const openMarkObsolete = (post: Post) => {\n    setSelectedPost(post);\n    setOpenObsoleteModal(true);\n  };\n\n  const openMarkValid = (post: Post) => {\n    setSelectedPost(post);\n    setOpenValidModal(true);\n  };\n\n  const openDelete = (post: Post) => {\n    setPostToDelete(post);\n    setOpenDeleteModal(true);\n  };\n\n  const columns: TableColumn<Post>[] = [\n    {\n      title: t('reviewPage.table.title'),\n      field: 'title',\n      render: row => <Link to={getPostLink(row)}>{row.title}</Link>,\n    },\n    {\n      title: t('reviewPage.table.author'),\n      field: 'author',\n      render: row => <UserLink entityRef={row.author} />,\n    },\n    {\n      title: t('reviewPage.table.created'),\n      field: 'created',\n      render: row => <RelativeTimeWithTooltip value={row.created} />,\n    },\n    {\n      title: t('reviewPage.table.healthScore'),\n      field: 'healthScore',\n      render: row => `${row.healthScore ?? 0}%`,\n    },\n    {\n      title: t('reviewPage.table.actions'),\n      field: 'actions',\n      render: row => (\n        <Grid container spacing={1}>\n          <Grid item>\n            <Tooltip title={t('contentHealth.markValid')}>\n              <IconButton color=\"primary\" onClick={() => openMarkValid(row)}>\n                <CheckIcon />\n              </IconButton>\n            </Tooltip>\n          </Grid>\n          <Grid item>\n            <Tooltip title={t('contentHealth.markObsolete')}>\n              <IconButton\n                color=\"secondary\"\n                onClick={() => openMarkObsolete(row)}\n              >\n                <BlockIcon />\n              </IconButton>\n            </Tooltip>\n          </Grid>\n          {row.canDelete && (\n            <Grid item>\n              <Tooltip title={t('deleteModal.deleteButton')}>\n                <IconButton color=\"secondary\" onClick={() => openDelete(row)}>\n                  <DeleteIcon />\n                </IconButton>\n              </Tooltip>\n            </Grid>\n          )}\n        </Grid>\n      ),\n    },\n  ];\n\n  if (!canReview) {\n    return null;\n  }\n\n  if (error) {\n    return (\n      <WarningPanel severity=\"error\" title={t('reviewPage.errorLoading')}>\n        {error.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <>\n      <Box mb={2}>\n        <Typography variant=\"body1\">{t('reviewPage.description')}</Typography>\n      </Box>\n      <Table\n        options={{ paging: true, pageSize: 10, search: true }}\n        data={response?.posts || []}\n        columns={columns}\n        title={t('reviewPage.title')}\n        isLoading={loading}\n      />\n\n      {selectedPost && (\n        <>\n          <ObsoleteModal\n            open={openObsoleteModal}\n            onClose={() => {\n              setOpenObsoleteModal(false);\n              setSelectedPost(null);\n            }}\n            post={selectedPost}\n            onConfirm={retry}\n          />\n          <ValidReviewModal\n            open={openValidModal}\n            onClose={() => {\n              setOpenValidModal(false);\n              setSelectedPost(null);\n            }}\n            post={selectedPost}\n            onConfirm={retry}\n          />\n        </>\n      )}\n\n      {postToDelete && (\n        <DeleteModal\n          open={openDeleteModal}\n          onClose={() => {\n            setOpenDeleteModal(false);\n            setPostToDelete(null);\n          }}\n          entity={postToDelete}\n          onDelete={retry}\n        />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ReviewPage.esm.js","sources":["../../../src/components/ReviewPage/ReviewPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  articleRouteRef,\n  DeleteModal,\n  linkRouteRef,\n  ObsoleteModal,\n  qetaTranslationRef,\n  questionRouteRef,\n  RelativeTimeWithTooltip,\n  useCanReview,\n  useQetaApi,\n  UserLink,\n  ValidReviewModal,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Table, TableColumn } from '@backstage/core-components';\nimport { Link } from 'react-router-dom';\nimport {\n  Alert,\n  Box,\n  ButtonIcon,\n  Flex,\n  Text,\n  Tooltip,\n  TooltipTrigger,\n} from '@backstage/ui';\nimport { RiCheckLine, RiForbidLine, RiDeleteBinLine } from '@remixicon/react';\nimport { Post } from '@drodil/backstage-plugin-qeta-common';\n\nexport const ReviewPage = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    value: response,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(api =>\n    api.getPosts({\n      reviewNeeded: true,\n      includeHealth: true,\n      includeVotes: false,\n      includeAttachments: false,\n      includeExperts: false,\n      includeTags: false,\n      order: 'asc',\n      orderBy: 'created',\n      includeEntities: false,\n      includeAnswers: false,\n      checkAccess: true,\n    }),\n  );\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n  const { canReview } = useCanReview();\n\n  const getPostLink = (post: Post) => {\n    if (post.type === 'article') {\n      return articleRoute({ id: post.id.toString() });\n    }\n    if (post.type === 'question') {\n      return questionRoute({ id: post.id.toString() });\n    }\n    if (post.type === 'link') {\n      return linkRoute({ id: post.id.toString() });\n    }\n    return '#';\n  };\n\n  const [openObsoleteModal, setOpenObsoleteModal] = useState(false);\n  const [openValidModal, setOpenValidModal] = useState(false);\n  const [selectedPost, setSelectedPost] = useState<Post | null>(null);\n  const [openDeleteModal, setOpenDeleteModal] = useState(false);\n  const [postToDelete, setPostToDelete] = useState<Post | null>(null);\n\n  const openMarkObsolete = (post: Post) => {\n    setSelectedPost(post);\n    setOpenObsoleteModal(true);\n  };\n\n  const openMarkValid = (post: Post) => {\n    setSelectedPost(post);\n    setOpenValidModal(true);\n  };\n\n  const openDelete = (post: Post) => {\n    setPostToDelete(post);\n    setOpenDeleteModal(true);\n  };\n\n  const columns: TableColumn<Post>[] = [\n    {\n      title: t('reviewPage.table.title'),\n      field: 'title',\n      render: row => <Link to={getPostLink(row)}>{row.title}</Link>,\n    },\n    {\n      title: t('reviewPage.table.author'),\n      field: 'author',\n      render: row => <UserLink entityRef={row.author} />,\n    },\n    {\n      title: t('reviewPage.table.created'),\n      field: 'created',\n      render: row => <RelativeTimeWithTooltip value={row.created} />,\n    },\n    {\n      title: t('reviewPage.table.healthScore'),\n      field: 'healthScore',\n      render: row => `${row.healthScore ?? 0}%`,\n    },\n    {\n      title: t('reviewPage.table.actions'),\n      field: 'actions',\n      render: row => (\n        <Flex gap=\"2\">\n          <TooltipTrigger>\n            <ButtonIcon\n              aria-label={t('contentHealth.markValid')}\n              size=\"small\"\n              variant=\"tertiary\"\n              onPress={() => openMarkValid(row)}\n              icon={<RiCheckLine size={16} />}\n            />\n            <Tooltip>{t('contentHealth.markValid')}</Tooltip>\n          </TooltipTrigger>\n          <TooltipTrigger>\n            <ButtonIcon\n              aria-label={t('contentHealth.markObsolete')}\n              size=\"small\"\n              variant=\"tertiary\"\n              onPress={() => openMarkObsolete(row)}\n              icon={<RiForbidLine size={16} />}\n            />\n            <Tooltip>{t('contentHealth.markObsolete')}</Tooltip>\n          </TooltipTrigger>\n          {row.canDelete && (\n            <TooltipTrigger>\n              <ButtonIcon\n                aria-label={t('deleteModal.deleteButton')}\n                size=\"small\"\n                variant=\"tertiary\"\n                onPress={() => openDelete(row)}\n                icon={<RiDeleteBinLine size={16} />}\n              />\n              <Tooltip>{t('deleteModal.deleteButton')}</Tooltip>\n            </TooltipTrigger>\n          )}\n        </Flex>\n      ),\n    },\n  ];\n\n  if (!canReview) {\n    return null;\n  }\n\n  if (error) {\n    return (\n      <Alert\n        status=\"danger\"\n        title={t('reviewPage.errorLoading')}\n        description={error.message}\n      />\n    );\n  }\n\n  return (\n    <>\n      <Box mb=\"4\">\n        <Text variant=\"body-medium\">{t('reviewPage.description')}</Text>\n      </Box>\n      <Table\n        options={{ paging: true, pageSize: 10, search: true }}\n        data={response?.posts || []}\n        columns={columns}\n        title={t('reviewPage.title')}\n        isLoading={loading}\n      />\n\n      {selectedPost && (\n        <>\n          <ObsoleteModal\n            open={openObsoleteModal}\n            onClose={() => {\n              setOpenObsoleteModal(false);\n              setSelectedPost(null);\n            }}\n            post={selectedPost}\n            onConfirm={retry}\n          />\n          <ValidReviewModal\n            open={openValidModal}\n            onClose={() => {\n              setOpenValidModal(false);\n              setSelectedPost(null);\n            }}\n            post={selectedPost}\n            onConfirm={retry}\n          />\n        </>\n      )}\n\n      {postToDelete && (\n        <DeleteModal\n          open={openDeleteModal}\n          onClose={() => {\n            setOpenDeleteModal(false);\n            setPostToDelete(null);\n          }}\n          entity={postToDelete}\n          onDelete={retry}\n        />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/RightContent/ArticlesRightContent.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { RiFireLine } from '@remixicon/react';
 
 const ArticlesRightContent = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -14,7 +14,7 @@ const ArticlesRightContent = (props) => {
         type: "hot",
         title: t("highlights.hotArticles.title"),
         noQuestionsLabel: t("highlights.hotArticles.noArticlesLabel"),
-        icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+        icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
         postType: "article",
         options: {
           tags,

package/dist/components/RightContent/ArticlesRightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticlesRightContent.esm.js","sources":["../../../src/components/RightContent/ArticlesRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const ArticlesRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\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        options={{\n          tags: tags,\n          entities: entities,\n        }}\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAG/B;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,KAAA;AAC5B,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,QACvC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QACjC,QAAA,EAAS,SAAA;AAAA,QACT,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,oBAAA,EAAA,EAAqB;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ArticlesRightContent.esm.js","sources":["../../../src/components/RightContent/ArticlesRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RiFireLine } from '@remixicon/react';\n\nexport const ArticlesRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotArticles.title')}\n        noQuestionsLabel={t('highlights.hotArticles.noArticlesLabel')}\n        icon={<RiFireLine size={16} />}\n        postType=\"article\"\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAG/B;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,KAAA;AAC5B,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,QACvC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QAC5B,QAAA,EAAS,SAAA;AAAA,QACT,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,oBAAA,EAAA,EAAqB;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/DefaultRightContent.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, PostHighlightList, FollowedTagsList, FollowedUsersList, FollowedEntitiesList, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { RiFireLine } from '@remixicon/react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const DefaultRightContent = () => {
@@ -12,7 +12,7 @@ const DefaultRightContent = () => {
         type: "hot",
         title: t("highlights.hotQuestions.title"),
         noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-        icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+        icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
         postType: "question"
       }
     ),

package/dist/components/RightContent/DefaultRightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRightContent.esm.js","sources":["../../../src/components/RightContent/DefaultRightContent.tsx"],"sourcesContent":["import {\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  FollowedUsersList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const DefaultRightContent = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  return (\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      <FollowedTagsList />\n      <FollowedUsersList />\n      <FollowedEntitiesList />\n      <FollowedCollectionsList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,sBAAsB,MAAM;AACvC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QACjC,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,iBAAA,EAAA,EAAkB,CAAA;AAAA,wBAClB,oBAAA,EAAA,EAAqB,CAAA;AAAA,wBACrB,uBAAA,EAAA,EAAwB;AAAA,GAAA,EAC3B,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DefaultRightContent.esm.js","sources":["../../../src/components/RightContent/DefaultRightContent.tsx"],"sourcesContent":["import {\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  FollowedUsersList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { RiFireLine } from '@remixicon/react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const DefaultRightContent = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<RiFireLine size={16} />}\n        postType=\"question\"\n      />\n      <FollowedTagsList />\n      <FollowedUsersList />\n      <FollowedEntitiesList />\n      <FollowedCollectionsList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,sBAAsB,MAAM;AACvC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QAC5B,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,iBAAA,EAAA,EAAkB,CAAA;AAAA,wBAClB,oBAAA,EAAA,EAAqB,CAAA;AAAA,wBACrB,uBAAA,EAAA,EAAwB;AAAA,GAAA,EAC3B,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/EntityRightContent.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, FollowedEntitiesList, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { RiFireLine } from '@remixicon/react';
 
 const EntityRightContent = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -15,7 +15,7 @@ const EntityRightContent = (props) => {
         type: "hot",
         title: t("highlights.hotQuestions.title"),
         noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-        icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+        icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
         options: { entities },
         postType: "question"
       }

package/dist/components/RightContent/EntityRightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityRightContent.esm.js","sources":["../../../src/components/RightContent/EntityRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const EntityRightContent = (props: { entityRef?: string }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <FollowedEntitiesList />\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<Whatshot fontSize=\"small\" />}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"unanswered\"\n        title={t('highlights.unanswered.title')}\n        noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"incorrect\"\n        title={t('highlights.incorrect.title')}\n        noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAkC;AACnE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AACtB,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAAA,oBACtB,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QACjC,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,YAAA;AAAA,QACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,QAC3D,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA;AACX,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityRightContent.esm.js","sources":["../../../src/components/RightContent/EntityRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RiFireLine } from '@remixicon/react';\n\nexport const EntityRightContent = (props: { entityRef?: string }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <FollowedEntitiesList />\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<RiFireLine size={16} />}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"unanswered\"\n        title={t('highlights.unanswered.title')}\n        noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"incorrect\"\n        title={t('highlights.incorrect.title')}\n        noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAkC;AACnE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AACtB,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAAA,oBACtB,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QAC5B,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,YAAA;AAAA,QACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,QAC3D,OAAA,EAAS,EAAE,QAAA,EAAmB;AAAA,QAC9B,QAAA,EAAS;AAAA;AAAA;AACX,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/LinkedPosts.esm.js

@@ -1,25 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, useQetaApi, PostHighlightListContent } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { makeStyles } from '@material-ui/core';
-import LinkIcon from '@material-ui/icons/Link';
+import { RiLinksLine } from '@remixicon/react';
+import styles from './LinkedPosts.module.css.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  container: {
-    borderLeft: `3px solid ${theme.palette.info.main}`,
-    backgroundColor: theme.palette.type === "dark" ? "rgba(33, 150, 243, 0.08)" : "rgba(33, 150, 243, 0.05)",
-    borderRadius: theme.shape.borderRadius,
-    padding: `${theme.spacing(1)}px 2px ${theme.spacing(1)}px`,
-    marginBottom: theme.spacing(2)
-  },
-  title: {
-    color: theme.palette.info.main,
-    fontWeight: 600
-  }
-}));
 const LinkedPosts = (props) => {
   const { postId } = props;
-  const classes = useStyles();
   const { t } = useTranslationRef(qetaTranslationRef);
   const {
     value: posts,
@@ -35,9 +21,9 @@ const LinkedPosts = (props) => {
       title: t("rightMenu.linkedPosts"),
       posts,
       loading,
-      containerClassName: classes.container,
-      titleClassName: classes.title,
-      icon: /* @__PURE__ */ jsx(LinkIcon, { fontSize: "small" })
+      containerClassName: styles.container,
+      titleClassName: styles.title,
+      icon: /* @__PURE__ */ jsx(RiLinksLine, { size: 16 })
     }
   );
 };

package/dist/components/RightContent/LinkedPosts.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkedPosts.esm.js","sources":["../../../src/components/RightContent/LinkedPosts.tsx"],"sourcesContent":["import {\n  PostHighlightListContent,\n  qetaTranslationRef,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { makeStyles } from '@material-ui/core';\nimport LinkIcon from '@material-ui/icons/Link';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    borderLeft: `3px solid ${theme.palette.info.main}`,\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? 'rgba(33, 150, 243, 0.08)'\n        : 'rgba(33, 150, 243, 0.05)',\n    borderRadius: theme.shape.borderRadius,\n    padding: `${theme.spacing(1)}px 2px ${theme.spacing(1)}px`,\n    marginBottom: theme.spacing(2),\n  },\n  title: {\n    color: theme.palette.info.main,\n    fontWeight: 600,\n  },\n}));\n\nexport const LinkedPosts = (props: { postId: number }) => {\n  const { postId } = props;\n  const classes = useStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const {\n    value: posts,\n    loading,\n    error,\n  } = useQetaApi(api => api.getLinkedPosts(postId), [postId]);\n\n  if (error || !posts || posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <PostHighlightListContent\n      title={t('rightMenu.linkedPosts')}\n      posts={posts}\n      loading={loading}\n      containerClassName={classes.container}\n      titleClassName={classes.title}\n      icon={<LinkIcon fontSize=\"small\" />}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AASA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,SAAA,EAAW;AAAA,IACT,UAAA,EAAY,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,KAAK,IAAI,CAAA,CAAA;AAAA,IAChD,eAAA,EACE,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SACnB,0BAAA,GACA,0BAAA;AAAA,IACN,YAAA,EAAc,MAAM,KAAA,CAAM,YAAA;AAAA,IAC1B,OAAA,EAAS,CAAA,EAAG,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,OAAA,EAAU,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AAAA,IACtD,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,GAC/B;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,IAAA;AAAA,IAC1B,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAEK,MAAM,WAAA,GAAc,CAAC,KAAA,KAA8B;AACxD,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AACnB,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,KAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAA,GAAA,KAAO,GAAA,CAAI,eAAe,MAAM,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAE1D,EAAA,IAAI,KAAA,IAAS,CAAC,KAAA,IAAS,KAAA,CAAM,WAAW,CAAA,EAAG;AACzC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,uBAAuB,CAAA;AAAA,MAChC,KAAA;AAAA,MACA,OAAA;AAAA,MACA,oBAAoB,OAAA,CAAQ,SAAA;AAAA,MAC5B,gBAAgB,OAAA,CAAQ,KAAA;AAAA,MACxB,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ;AAAA;AAAA,GACnC;AAEJ;;;;"}
+{"version":3,"file":"LinkedPosts.esm.js","sources":["../../../src/components/RightContent/LinkedPosts.tsx"],"sourcesContent":["import {\n  PostHighlightListContent,\n  qetaTranslationRef,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RiLinksLine } from '@remixicon/react';\nimport styles from './LinkedPosts.module.css';\n\nexport const LinkedPosts = (props: { postId: number }) => {\n  const { postId } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const {\n    value: posts,\n    loading,\n    error,\n  } = useQetaApi(api => api.getLinkedPosts(postId), [postId]);\n\n  if (error || !posts || posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <PostHighlightListContent\n      title={t('rightMenu.linkedPosts')}\n      posts={posts}\n      loading={loading}\n      containerClassName={styles.container}\n      titleClassName={styles.title}\n      icon={<RiLinksLine size={16} />}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AASO,MAAM,WAAA,GAAc,CAAC,KAAA,KAA8B;AACxD,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AACnB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,KAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAA,GAAA,KAAO,GAAA,CAAI,eAAe,MAAM,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAE1D,EAAA,IAAI,KAAA,IAAS,CAAC,KAAA,IAAS,KAAA,CAAM,WAAW,CAAA,EAAG;AACzC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,uBAAuB,CAAA;AAAA,MAChC,KAAA;AAAA,MACA,OAAA;AAAA,MACA,oBAAoB,MAAA,CAAO,SAAA;AAAA,MAC3B,gBAAgB,MAAA,CAAO,KAAA;AAAA,MACvB,IAAA,kBAAM,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI;AAAA;AAAA,GAC/B;AAEJ;;;;"}

package/dist/components/RightContent/LinkedPosts.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "@layer components {\n  .LinkedPosts_container__8db33bbdbf {\n    border-left: 3px solid var(--bui-border-info);\n    background-color: var(--bui-bg-info);\n    border-radius: var(--bui-radius-2);\n    padding: var(--bui-space-2) 2px var(--bui-space-2);\n    margin-bottom: var(--bui-space-4);\n  }\n\n  .LinkedPosts_title__8db33bbdbf {\n    color: var(--bui-fg-info);\n    font-weight: 600;\n  }\n}\n";
+var styles = {"container":"LinkedPosts_container__8db33bbdbf","title":"LinkedPosts_title__8db33bbdbf"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=LinkedPosts.module.css.esm.js.map

package/dist/components/RightContent/LinkedPosts.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedPosts.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/RightContent/LinksRightContent.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { RiFireLine } from '@remixicon/react';
 
 const LinksRightContent = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -14,7 +14,7 @@ const LinksRightContent = (props) => {
         type: "hot",
         title: t("highlights.hotLinks.title"),
         noQuestionsLabel: t("highlights.hotLinks.noLinksLabel"),
-        icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+        icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
         postType: "link",
         options: {
           tags,

package/dist/components/RightContent/LinksRightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinksRightContent.esm.js","sources":["../../../src/components/RightContent/LinksRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const LinksRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotLinks.title')}\n        noQuestionsLabel={t('highlights.hotLinks.noLinksLabel')}\n        icon={<Whatshot fontSize=\"small\" />}\n        postType=\"link\"\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAG5B;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,KAAA;AAC5B,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,QACpC,gBAAA,EAAkB,EAAE,kCAAkC,CAAA;AAAA,QACtD,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QACjC,QAAA,EAAS,MAAA;AAAA,QACT,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,oBAAA,EAAA,EAAqB;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LinksRightContent.esm.js","sources":["../../../src/components/RightContent/LinksRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RiFireLine } from '@remixicon/react';\n\nexport const LinksRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotLinks.title')}\n        noQuestionsLabel={t('highlights.hotLinks.noLinksLabel')}\n        icon={<RiFireLine size={16} />}\n        postType=\"link\"\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAG5B;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,KAAA;AAC5B,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,QACpC,gBAAA,EAAkB,EAAE,kCAAkC,CAAA;AAAA,QACtD,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QAC5B,QAAA,EAAS,MAAA;AAAA,QACT,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,oBAAA,EAAA,EAAqB;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/PostRightContent.esm.js

@@ -4,8 +4,8 @@ import { qetaTranslationRef, useQetaApi, PostHighlightList, FollowedTagsList, Fo
 import { DefaultRightContent } from './DefaultRightContent.esm.js';
 import { ContentHealthCard } from '../ContentHealthCard/ContentHealthCard.esm.js';
 import { SimilarPosts } from './SimilarPosts.esm.js';
-import { Box } from '@material-ui/core';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { Box } from '@backstage/ui';
+import { RiFireLine } from '@remixicon/react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { LinkedPosts } from './LinkedPosts.esm.js';
 
@@ -27,7 +27,7 @@ const PostRightContent = (props) => {
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     post && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Box, { mb: 2, children: /* @__PURE__ */ jsx(ContentHealthCard, { post }) }),
+      /* @__PURE__ */ jsx(Box, { mb: "4", children: /* @__PURE__ */ jsx(ContentHealthCard, { post }) }),
       /* @__PURE__ */ jsx(LinkedPosts, { postId: post.id }),
       /* @__PURE__ */ jsx(SimilarPosts, { post }),
       /* @__PURE__ */ jsx(
@@ -36,7 +36,7 @@ const PostRightContent = (props) => {
           type: "hot",
           title,
           noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-          icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+          icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
           postType: post.type,
           options: {
             tags: post.tags,

package/dist/components/RightContent/PostRightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostRightContent.esm.js","sources":["../../../src/components/RightContent/PostRightContent.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport {\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  FollowedUsersList,\n  PostHighlightList,\n  qetaTranslationRef,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { DefaultRightContent } from './DefaultRightContent';\nimport { ContentHealthCard } from '../ContentHealthCard';\nimport { SimilarPosts } from './SimilarPosts';\nimport { Box } from '@material-ui/core';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nimport { LinkedPosts } from './LinkedPosts';\n\nexport const PostRightContent = (props?: { id?: string }) => {\n  const { id: paramId } = useParams();\n  const id = props?.id || paramId;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const { value: post } = useQetaApi(\n    api => api.getPost(id, { anonymous: true }),\n    [id],\n  );\n\n  let title: string;\n\n  if (post?.type === 'article') {\n    title = t('highlights.hotArticles.title');\n  } else if (post?.type === 'link') {\n    title = t('highlights.hotLinks.title');\n  } else {\n    title = t('highlights.hotQuestions.title');\n  }\n\n  return (\n    <>\n      {post && (\n        <>\n          <Box mb={2}>\n            <ContentHealthCard post={post} />\n          </Box>\n          <LinkedPosts postId={post.id} />\n          <SimilarPosts post={post} />\n          <PostHighlightList\n            type=\"hot\"\n            title={title}\n            noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n            icon={<Whatshot fontSize=\"small\" />}\n            postType={post.type}\n            options={{\n              tags: post.tags,\n              entities: post.entities,\n            }}\n          />\n          <FollowedTagsList />\n          <FollowedUsersList />\n          <FollowedEntitiesList />\n          <FollowedCollectionsList />\n        </>\n      )}\n      {!post && <DefaultRightContent />}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAmBO,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAA4B;AAC3D,EAAA,MAAM,EAAE,EAAA,EAAI,OAAA,EAAQ,GAAI,SAAA,EAAU;AAClC,EAAA,MAAM,EAAA,GAAK,OAAO,EAAA,IAAM,OAAA;AACxB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM,EAAE,KAAA,EAAO,IAAA,EAAK,GAAI,UAAA;AAAA,IACtB,SAAO,GAAA,CAAI,OAAA,CAAQ,IAAI,EAAE,SAAA,EAAW,MAAM,CAAA;AAAA,IAC1C,CAAC,EAAE;AAAA,GACL;AAEA,EAAA,IAAI,KAAA;AAEJ,EAAA,IAAI,IAAA,EAAM,SAAS,SAAA,EAAW;AAC5B,IAAA,KAAA,GAAQ,EAAE,8BAA8B,CAAA;AAAA,EAC1C,CAAA,MAAA,IAAW,IAAA,EAAM,IAAA,KAAS,MAAA,EAAQ;AAChC,IAAA,KAAA,GAAQ,EAAE,2BAA2B,CAAA;AAAA,EACvC,CAAA,MAAO;AACL,IAAA,KAAA,GAAQ,EAAE,+BAA+B,CAAA;AAAA,EAC3C;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,IAAA,oBACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAA,EAAI,CAAA,EACP,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,MAAY,CAAA,EACjC,CAAA;AAAA,sBACA,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,IAAA,CAAK,EAAA,EAAI,CAAA;AAAA,sBAC9B,GAAA,CAAC,gBAAa,IAAA,EAAY,CAAA;AAAA,sBAC1B,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,KAAA;AAAA,UACL,KAAA;AAAA,UACA,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,UAC9D,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,UACjC,UAAU,IAAA,CAAK,IAAA;AAAA,UACf,OAAA,EAAS;AAAA,YACP,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,UAAU,IAAA,CAAK;AAAA;AACjB;AAAA,OACF;AAAA,0BACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,0BACjB,iBAAA,EAAA,EAAkB,CAAA;AAAA,0BAClB,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,uBAAA,EAAA,EAAwB;AAAA,KAAA,EAC3B,CAAA;AAAA,IAED,CAAC,IAAA,oBAAQ,GAAA,CAAC,mBAAA,EAAA,EAAoB;AAAA,GAAA,EACjC,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PostRightContent.esm.js","sources":["../../../src/components/RightContent/PostRightContent.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport {\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  FollowedUsersList,\n  PostHighlightList,\n  qetaTranslationRef,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { DefaultRightContent } from './DefaultRightContent';\nimport { ContentHealthCard } from '../ContentHealthCard';\nimport { SimilarPosts } from './SimilarPosts';\nimport { Box } from '@backstage/ui';\nimport { RiFireLine } from '@remixicon/react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nimport { LinkedPosts } from './LinkedPosts';\n\nexport const PostRightContent = (props?: { id?: string }) => {\n  const { id: paramId } = useParams();\n  const id = props?.id || paramId;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const { value: post } = useQetaApi(\n    api => api.getPost(id, { anonymous: true }),\n    [id],\n  );\n\n  let title: string;\n\n  if (post?.type === 'article') {\n    title = t('highlights.hotArticles.title');\n  } else if (post?.type === 'link') {\n    title = t('highlights.hotLinks.title');\n  } else {\n    title = t('highlights.hotQuestions.title');\n  }\n\n  return (\n    <>\n      {post && (\n        <>\n          <Box mb=\"4\">\n            <ContentHealthCard post={post} />\n          </Box>\n          <LinkedPosts postId={post.id} />\n          <SimilarPosts post={post} />\n          <PostHighlightList\n            type=\"hot\"\n            title={title}\n            noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n            icon={<RiFireLine size={16} />}\n            postType={post.type}\n            options={{\n              tags: post.tags,\n              entities: post.entities,\n            }}\n          />\n          <FollowedTagsList />\n          <FollowedUsersList />\n          <FollowedEntitiesList />\n          <FollowedCollectionsList />\n        </>\n      )}\n      {!post && <DefaultRightContent />}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAmBO,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAA4B;AAC3D,EAAA,MAAM,EAAE,EAAA,EAAI,OAAA,EAAQ,GAAI,SAAA,EAAU;AAClC,EAAA,MAAM,EAAA,GAAK,OAAO,EAAA,IAAM,OAAA;AACxB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM,EAAE,KAAA,EAAO,IAAA,EAAK,GAAI,UAAA;AAAA,IACtB,SAAO,GAAA,CAAI,OAAA,CAAQ,IAAI,EAAE,SAAA,EAAW,MAAM,CAAA;AAAA,IAC1C,CAAC,EAAE;AAAA,GACL;AAEA,EAAA,IAAI,KAAA;AAEJ,EAAA,IAAI,IAAA,EAAM,SAAS,SAAA,EAAW;AAC5B,IAAA,KAAA,GAAQ,EAAE,8BAA8B,CAAA;AAAA,EAC1C,CAAA,MAAA,IAAW,IAAA,EAAM,IAAA,KAAS,MAAA,EAAQ;AAChC,IAAA,KAAA,GAAQ,EAAE,2BAA2B,CAAA;AAAA,EACvC,CAAA,MAAO;AACL,IAAA,KAAA,GAAQ,EAAE,+BAA+B,CAAA;AAAA,EAC3C;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,IAAA,oBACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAA,EAAG,GAAA,EACN,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,MAAY,CAAA,EACjC,CAAA;AAAA,sBACA,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,IAAA,CAAK,EAAA,EAAI,CAAA;AAAA,sBAC9B,GAAA,CAAC,gBAAa,IAAA,EAAY,CAAA;AAAA,sBAC1B,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,KAAA;AAAA,UACL,KAAA;AAAA,UACA,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,UAC9D,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,UAC5B,UAAU,IAAA,CAAK,IAAA;AAAA,UACf,OAAA,EAAS;AAAA,YACP,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,UAAU,IAAA,CAAK;AAAA;AACjB;AAAA,OACF;AAAA,0BACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,0BACjB,iBAAA,EAAA,EAAkB,CAAA;AAAA,0BAClB,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,uBAAA,EAAA,EAAwB;AAAA,KAAA,EAC3B,CAAA;AAAA,IAED,CAAC,IAAA,oBAAQ,GAAA,CAAC,mBAAA,EAAA,EAAoB;AAAA,GAAA,EACjC,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/QuestionsRightContent.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { qetaTranslationRef, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import Whatshot from '@material-ui/icons/Whatshot';
+import { RiFireLine } from '@remixicon/react';
 
 const QuestionsRightContent = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -14,7 +14,7 @@ const QuestionsRightContent = (props) => {
         type: "hot",
         title: t("highlights.hotQuestions.title"),
         noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-        icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+        icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
         options: {
           tags,
           entities

package/dist/components/RightContent/QuestionsRightContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionsRightContent.esm.js","sources":["../../../src/components/RightContent/QuestionsRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const QuestionsRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\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={{\n          tags: tags,\n          entities: entities,\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: entities,\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: entities,\n        }}\n        postType=\"question\"\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,qBAAA,GAAwB,CAAC,KAAA,KAGhC;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,KAAA;AAC5B,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QACjC,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,YAAA;AAAA,QACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,QAC3D,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,oBAAA,EAAA,EAAqB;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"QuestionsRightContent.esm.js","sources":["../../../src/components/RightContent/QuestionsRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RiFireLine } from '@remixicon/react';\n\nexport const QuestionsRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<RiFireLine size={16} />}\n        options={{\n          tags: tags,\n          entities: entities,\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: entities,\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: entities,\n        }}\n        postType=\"question\"\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,qBAAA,GAAwB,CAAC,KAAA,KAGhC;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,KAAA;AAC5B,EAAA,MAAM,QAAA,GAAW,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QAC5B,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,YAAA;AAAA,QACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,QAC3D,OAAA,EAAS;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,wBACC,gBAAA,EAAA,EAAiB,CAAA;AAAA,wBACjB,oBAAA,EAAA,EAAqB;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}