npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.35.2 → 3.36.0 - Mend

@drodil/backstage-plugin-qeta-react 3.35.2 → 3.36.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.

Files changed (51) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PostForm.esm.js","sources":["../../../src/components/PostForm/PostForm.tsx"],"sourcesContent":["import {\n alertApiRef,\n configApiRef,\n useAnalytics,\n useApi,\n useRouteRef,\n} from '@backstage/core-plugin-api';\nimport {\n Box,\n Button,\n Collapse,\n FormControlLabel,\n IconButton,\n Link,\n Switch,\n TextField,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n PostRequest,\n PostResponse,\n PostStatus,\n PostType,\n QetaApi,\n Template,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport { compact } from 'lodash';\nimport { TagInput } from './TagInput';\nimport { QuestionFormValues } from './types';\nimport { EntitiesInput } from './EntitiesInput';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport { HeaderImageInput } from '../HeaderImageInput/HeaderImageInput';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport InfoIcon from '@material-ui/icons/Info';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport HelpIcon from '@material-ui/icons/Help';\nimport { useDebounce } from 'react-use';\n\nconst formToRequest = (\n form: QuestionFormValues,\n images: number[],\n): PostRequest => {\n return {\n ...form,\n entities: form.entities?.map(stringifyEntityRef),\n images: images,\n };\n};\n\nexport type PostFormProps = {\n type: PostType;\n id?: string;\n entity?: string;\n tags?: string[];\n onPost?: (question: PostResponse) => void;\n entityPage?: boolean;\n template?: Template \| null;\n onFormChange?: (data: QuestionFormValues) => void;\n};\n\nconst getDefaultValues = (props: PostFormProps): QuestionFormValues => {\n if (props.template) {\n return {\n title: props.template.questionTitle ?? '',\n content: props.template.questionContent ?? '',\n tags: props.template.tags ?? [],\n entities: [],\n type: props.type,\n images: [],\n };\n }\n\n return {\n title: '',\n content: '',\n tags: props.tags ?? [],\n entities: [],\n type: props.type,\n images: [],\n };\n};\n\nconst getValues = async (\n api: QetaApi,\n catalogApi: CatalogApi,\n type: PostType,\n id?: string,\n): Promise<QuestionFormValues> => {\n if (!id) {\n return getDefaultValues({ type });\n }\n\n const post = await api.getPost(id);\n const entities =\n post.entities && post.entities.length > 0\n ? await catalogApi.getEntitiesByRefs({\n entityRefs: post.entities,\n fields: [\n 'kind',\n 'metadata.name',\n 'metadata.namespace',\n 'metadata.title',\n ],\n })\n : [];\n return {\n title: post.title,\n content: post.content,\n tags: post.tags ?? [],\n entities: 'items' in entities ? compact(entities.items) : [],\n type,\n headerImage: post.headerImage,\n images: post.images ?? [],\n status: post.status,\n };\n};\n\nexport const PostForm = (props: PostFormProps) => {\n const { id, entity, onPost, entityPage, type, template, onFormChange } =\n props;\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const navigate = useNavigate();\n const analytics = useAnalytics();\n const [entityRef, setEntityRef] = useState(entity);\n const [posting, setPosting] = useState(false);\n const [values, setValues] = useState(getDefaultValues(props));\n const [error, setError] = useState(false);\n const [loadError, setLoadError] = useState(false);\n const [edited, setEdited] = useState(false);\n const [draftId, setDraftId] = useState<string \| undefined>(id);\n const [autoSaveEnabled, setAutoSaveEnabled] = useState(() => {\n const saved = localStorage.getItem('qeta-auto-save-enabled');\n return saved ? JSON.parse(saved) : false;\n });\n const [images, setImages] = useState<number[]>([]);\n const [status, setStatus] = useState<PostStatus>('draft');\n const [searchParams, _setSearchParams] = useSearchParams();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const qetaApi = useApi(qetaApiRef);\n const catalogApi = useApi(catalogApiRef);\n const configApi = useApi(configApiRef);\n const alertApi = useApi(alertApiRef);\n const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n const minEntities = configApi.getOptionalNumber('qeta.entities.min') ?? 0;\n const minTags = configApi.getOptionalNumber('qeta.tags.min') ?? 0;\n\n const {\n handleSubmit,\n control,\n reset,\n getValues: getFormValues,\n setValue,\n formState: { errors, isSubmitting, isValid },\n } = useForm<QuestionFormValues>({\n values,\n defaultValues: getDefaultValues(props),\n });\n\n const postQuestion = useCallback(\n (data: QuestionFormValues, autoSave: boolean = false) => {\n setPosting(true);\n const route = type === 'question' ? questionRoute : articleRoute;\n\n const queryParams = new URLSearchParams();\n if (entity) {\n queryParams.set('entity', entity);\n }\n if (entityPage) {\n queryParams.set('entityPage', 'true');\n }\n\n const postId = data.status === 'draft' ? draftId : id;\n\n if (postId) {\n qetaApi\n .updatePost(postId, formToRequest(data, images))\n .then(q => {\n if (!q \|\| !q.id) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('edit', type);\n if (data.status === 'draft' \|\| autoSave) {\n setDraftId(q.id.toString(10));\n setPosting(false);\n if (autoSave) {\n alertApi.post({\n message: t('postForm.autoSaveSuccess'),\n severity: 'success',\n display: 'transient',\n });\n } else {\n alertApi.post({\n message: t('postForm.draftSaved'),\n severity: 'success',\n display: 'transient',\n });\n }\n return;\n }\n\n reset();\n if (onPost) {\n onPost(q);\n } else if (entity) {\n navigate(\n `${route({\n id: q.id.toString(10),\n })}?${queryParams.toString()}`,\n );\n } else {\n navigate(route({ id: q.id.toString(10) }));\n }\n })\n .catch(_e => {\n setError(true);\n setPosting(false);\n });\n return;\n }\n qetaApi\n .createPost(formToRequest(data, images))\n .then(q => {\n if (!q \|\| !q.id) {\n setError(true);\n return;\n }\n setEdited(false);\n if (data.status === 'draft' \|\| autoSave) {\n analytics.captureEvent('draft', type);\n setDraftId(q.id.toString(10));\n setPosting(false);\n if (autoSave) {\n alertApi.post({\n message: t('postForm.autoSaveSuccess'),\n severity: 'success',\n display: 'transient',\n });\n } else {\n alertApi.post({\n message: t('postForm.draftSaved'),\n severity: 'success',\n display: 'transient',\n });\n }\n return;\n }\n analytics.captureEvent('post', type);\n reset();\n if (entity) {\n navigate(\n `${route({\n id: q.id.toString(10),\n })}?${queryParams.toString()}`,\n );\n } else {\n navigate(route({ id: q.id.toString(10) }));\n }\n })\n .catch(_e => {\n setError(true);\n setPosting(false);\n });\n },\n [\n type,\n questionRoute,\n articleRoute,\n entity,\n entityPage,\n draftId,\n id,\n qetaApi,\n analytics,\n reset,\n onPost,\n navigate,\n images,\n alertApi,\n t,\n ],\n );\n\n const [showTips, setShowTips] = useState(false);\n const [titleCharCount, setTitleCharCount] = useState(values.title.length);\n\n useEffect(() => {\n if (!entityRef) {\n const e = searchParams.get('entity');\n if (e) {\n setEntityRef(e);\n }\n }\n }, [entityRef, searchParams]);\n\n useEffect(() => {\n if (id) {\n getValues(qetaApi, catalogApi, type, id)\n .then(data => {\n setValues(data);\n setImages(data.images);\n setStatus(data.status ?? 'draft');\n })\n .catch(() => {\n setDraftId(undefined);\n setLoadError(true);\n });\n }\n }, [qetaApi, catalogApi, type, id]);\n\n useEffect(() => {\n if (entityRef) {\n catalogApi.getEntityByRef(entityRef).then(data => {\n if (data) {\n setValues(v => {\n return { ...v, entities: [...(v.entities ?? []), data] };\n });\n }\n });\n }\n }, [catalogApi, entityRef]);\n\n useEffect(() => {\n if (template && template.entities && template.entities.length > 0) {\n catalogApi\n .getEntitiesByRefs({ entityRefs: template.entities })\n .then(data => {\n setValues(v => {\n return {\n ...v,\n entities: compact([...(v.entities ?? []), ...data.items]),\n };\n });\n });\n }\n }, [catalogApi, template]);\n\n useEffect(() => {\n reset(values);\n }, [values, reset]);\n\n useConfirmNavigationIfEdited(edited && !posting);\n\n const onImageUpload = useCallback(\n (imageId: number) => {\n setImages(prevImages => [...prevImages, imageId]);\n setEdited(true);\n },\n [setImages],\n );\n\n const handleTitleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setTitleCharCount(e.target.value.length);\n setValue('title', e.target.value, { shouldValidate: true });\n };\n\n const autoSavePost = useCallback(() => {\n if (autoSaveEnabled && edited && isValid && !posting) {\n const formData = getFormValues();\n if (formData.title && formData.content) {\n postQuestion({ ...formData, status }, true);\n }\n }\n }, [\n autoSaveEnabled,\n edited,\n getFormValues,\n status,\n posting,\n postQuestion,\n isValid,\n ]);\n\n useDebounce(autoSavePost, 3100, [edited, autoSaveEnabled, isValid]);\n\n const getSubmitButtonText = () => {\n if (posting) {\n return (\n <span>\n {t('postForm.submitting')}{' '}\n <span className=\"spinner-border spinner-border-sm\" />\n </span>\n );\n }\n if (status === 'draft') {\n return t('postForm.submit.publish');\n }\n return t('postForm.submit.existingPost');\n };\n\n const getDraftButtonText = () => {\n if (posting) {\n return (\n <span>\n {t('postForm.savingDraft')}{' '}\n <span className=\"spinner-border spinner-border-sm\" />\n </span>\n );\n }\n if (draftId) {\n return t('postForm.updateDraft');\n }\n return t('postForm.saveDraft');\n };\n\n const handleAutoSaveChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const newValue = e.target.checked;\n setAutoSaveEnabled(newValue);\n localStorage.setItem('qeta-auto-save-enabled', JSON.stringify(newValue));\n };\n\n if (loadError) {\n return (\n <Alert severity=\"error\">{t('postForm.errorLoading', { type })}</Alert>\n );\n }\n\n return (\n <form\n onSubmit={handleSubmit(data =>\n postQuestion({ ...data, status: 'active' }),\n )}\n onChange={() => {\n setEdited(true);\n onFormChange?.(control._formValues as QuestionFormValues);\n }}\n >\n {error && (\n <Alert severity=\"error\">{t('postForm.errorPosting', { type })}</Alert>\n )}\n {type === 'article' && (\n <Controller\n control={control}\n render={({ field: { onChange, value } }) => (\n <HeaderImageInput\n onChange={onChange}\n onImageUpload={onImageUpload}\n url={value}\n postId={id ? Number(id) : undefined}\n />\n )}\n name=\"headerImage\"\n />\n )}\n <Box mb={2}>\n <TextField\n label={t('postForm.titleInput.label')}\n className=\"qetaAskFormTitle\"\n required\n fullWidth\n error={'title' in errors}\n margin=\"normal\"\n variant=\"outlined\"\n name=\"title\"\n helperText={\n <span>\n {t('postForm.titleInput.helperText', { type })}{' '}\n <span style={{ float: 'right' }}>{titleCharCount}/255</span>\n </span>\n }\n placeholder={t('postForm.titleInput.placeholder')}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n value={control._formValues.title}\n onChange={handleTitleChange}\n inputProps={{ maxLength: 255 }}\n />\n </Box>\n <Box\n mb={1}\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n >\n <Typography variant=\"subtitle1\" style={{ fontWeight: 500 }}>\n {t('postForm.contentInput.label', { type })}\n <Tooltip title=\"Tips for a good question\">\n <IconButton size=\"small\" onClick={() => setShowTips(v => !v)}>\n {showTips ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n </IconButton>\n </Tooltip>\n </Typography>\n <Box>\n <Link\n href=\"https://www.markdownguide.org/cheat-sheet/\"\n target=\"_blank\"\n color=\"inherit\"\n rel=\"noopener noreferrer\"\n style={{ fontSize: 12 }}\n >\n {t('postForm.contentInput.markdownHelp')}\n <HelpIcon\n style={{ fontSize: 12, marginLeft: 4, verticalAlign: 'middle' }}\n />\n </Link>\n </Box>\n </Box>\n <Collapse in={showTips}>\n <Box mb={2} p={2}>\n <Typography variant=\"body2\">\n <ul style={{ margin: 0, paddingLeft: 20 }}>\n {type === 'article' ? (\n <>\n <li>{t('postForm.tips_article_1')}</li>\n <li>{t('postForm.tips_article_2')}</li>\n <li>{t('postForm.tips_article_3')}</li>\n <li>{t('postForm.tips_article_4')}</li>\n </>\n ) : (\n <>\n <li>{t('postForm.tips_question_1')}</li>\n <li>{t('postForm.tips_question_2')}</li>\n <li>{t('postForm.tips_question_3')}</li>\n <li>{t('postForm.tips_question_4')}</li>\n </>\n )}\n </ul>\n </Typography>\n </Box>\n </Collapse>\n <Controller\n control={control}\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n value={value}\n onChange={onChange}\n height={400}\n error={'content' in errors}\n placeholder={\n type === 'article'\n ? t('postForm.contentInput.placeholder_article')\n : t('postForm.contentInput.placeholder_question')\n }\n onImageUpload={onImageUpload}\n postId={id ? Number(id) : undefined}\n onTagsChange={tags => {\n if (tags && tags.length > 0) {\n const existing = getFormValues('tags') ?? [];\n const newTags = [...new Set([...existing, ...tags])];\n setValue('tags', newTags, { shouldValidate: true });\n }\n }}\n />\n )}\n name=\"content\"\n />\n <Box mt={1} mb={1}>\n <Controller\n control={control}\n rules={{\n validate: value => {\n if (minEntities > 0 && value && value.length < minEntities) {\n return t('entitiesInput.minimumError', {\n min: minEntities.toString(),\n });\n }\n return true;\n },\n }}\n render={({ field, fieldState: { error: entityError } }) => (\n <EntitiesInput\n {...field}\n singleValue={entityRef}\n error={entityError}\n />\n )}\n name=\"entities\"\n />\n </Box>\n <Box mt={1} mb={1}>\n <Controller\n control={control}\n rules={{\n validate: value => {\n if (minTags > 0 && value && value.length < minTags) {\n return t('tagsInput.minimumError', { min: minTags.toString() });\n }\n return true;\n },\n }}\n render={({ field, fieldState: { error: tagError } }) => {\n return (\n <TagInput\n {...field}\n error={tagError}\n title={getFormValues('title')}\n content={getFormValues('content')}\n />\n );\n }}\n name=\"tags\"\n />\n </Box>\n {allowAnonymouns && !id && (\n <Box mt={2} mb={2} display=\"flex\" alignItems=\"center\">\n <PostAnonymouslyCheckbox\n control={control}\n label={t('anonymousCheckbox.postAnonymously')}\n />\n <Tooltip title={t('anonymousCheckbox.tooltip')}>\n <InfoIcon fontSize=\"small\" style={{ marginLeft: 4 }} />\n </Tooltip>\n </Box>\n )}\n <Box\n mt={3}\n display=\"flex\"\n style={{ gap: '16px' }}\n justifyContent=\"space-between\"\n >\n <Box display=\"flex\" style={{ gap: '16px' }}>\n <Button\n color=\"primary\"\n type=\"submit\"\n variant=\"contained\"\n disabled={posting \|\| isSubmitting}\n size=\"large\"\n >\n {getSubmitButtonText()}\n </Button>\n {status === 'draft' && (\n <Button\n color=\"secondary\"\n variant=\"outlined\"\n disabled={posting \|\| isSubmitting}\n size=\"large\"\n onClick={handleSubmit(data =>\n postQuestion({ ...data, status: 'draft' }),\n )}\n >\n {getDraftButtonText()}\n </Button>\n )}\n </Box>\n <FormControlLabel\n control={\n <Tooltip title={t('postForm.autoSaveDraftTooltip')}>\n <Switch\n checked={autoSaveEnabled}\n onChange={handleAutoSaveChange}\n color=\"primary\"\n />\n </Tooltip>\n }\n label={t('postForm.autoSaveDraft')}\n />\n </Box>\n </form>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"PostForm.esm.js","sources":["../../../src/components/PostForm/PostForm.tsx"],"sourcesContent":["import {\n alertApiRef,\n configApiRef,\n useAnalytics,\n useApi,\n useRouteRef,\n} from '@backstage/core-plugin-api';\nimport {\n Box,\n Button,\n Collapse,\n FormControlLabel,\n IconButton,\n Link,\n Switch,\n TextField,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n PostRequest,\n PostResponse,\n PostStatus,\n PostType,\n QetaApi,\n selectByPostType,\n Template,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport { compact } from 'lodash';\nimport { TagInput } from './TagInput';\nimport { QuestionFormValues } from './types';\nimport { EntitiesInput } from './EntitiesInput';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport { HeaderImageInput } from '../HeaderImageInput/HeaderImageInput';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport InfoIcon from '@material-ui/icons/Info';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport HelpIcon from '@material-ui/icons/Help';\nimport { useDebounce } from 'react-use';\n\nconst formToRequest = (\n form: QuestionFormValues,\n images: number[],\n): PostRequest => {\n return {\n ...form,\n entities: form.entities?.map(stringifyEntityRef),\n images: images,\n };\n};\n\nexport type PostFormProps = {\n type: PostType;\n id?: string;\n entity?: string;\n tags?: string[];\n onPost?: (question: PostResponse) => void;\n entityPage?: boolean;\n template?: Template \| null;\n onFormChange?: (data: QuestionFormValues) => void;\n};\n\nconst getDefaultValues = (props: PostFormProps): QuestionFormValues => {\n if (props.template) {\n return {\n title: props.template.questionTitle ?? '',\n content: props.template.questionContent ?? '',\n tags: props.template.tags ?? [],\n entities: [],\n type: props.type,\n images: [],\n };\n }\n\n return {\n title: '',\n content: '',\n tags: props.tags ?? [],\n entities: [],\n type: props.type,\n images: [],\n };\n};\n\nconst getValues = async (\n api: QetaApi,\n catalogApi: CatalogApi,\n type: PostType,\n id?: string,\n): Promise<QuestionFormValues> => {\n if (!id) {\n return getDefaultValues({ type });\n }\n\n const post = await api.getPost(id);\n const entities =\n post.entities && post.entities.length > 0\n ? await catalogApi.getEntitiesByRefs({\n entityRefs: post.entities,\n fields: [\n 'kind',\n 'metadata.name',\n 'metadata.namespace',\n 'metadata.title',\n ],\n })\n : [];\n return {\n title: post.title,\n content: post.content,\n tags: post.tags ?? [],\n entities: 'items' in entities ? compact(entities.items) : [],\n type,\n headerImage: post.headerImage,\n url: post.url,\n images: post.images ?? [],\n status: post.status,\n };\n};\n\nexport const PostForm = (props: PostFormProps) => {\n const { id, entity, onPost, entityPage, type, template, onFormChange } =\n props;\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const navigate = useNavigate();\n const analytics = useAnalytics();\n const [entityRef, setEntityRef] = useState(entity);\n const [posting, setPosting] = useState(false);\n const [values, setValues] = useState(getDefaultValues(props));\n const [error, setError] = useState(false);\n const [loadError, setLoadError] = useState(false);\n const [edited, setEdited] = useState(false);\n const [draftId, setDraftId] = useState<string \| undefined>(id);\n const [autoSaveEnabled, setAutoSaveEnabled] = useState(() => {\n const saved = localStorage.getItem('qeta-auto-save-enabled');\n return saved ? JSON.parse(saved) : false;\n });\n const [images, setImages] = useState<number[]>([]);\n const [status, setStatus] = useState<PostStatus>('draft');\n const [searchParams, _setSearchParams] = useSearchParams();\n const [urlToCheck, setUrlToCheck] = useState('');\n const validUrl = /^https?:\\/\\/\\S+$/;\n const [favicon, setFavicon] = useState<boolean>(false);\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const qetaApi = useApi(qetaApiRef);\n const catalogApi = useApi(catalogApiRef);\n const configApi = useApi(configApiRef);\n const alertApi = useApi(alertApiRef);\n const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n const minEntities = configApi.getOptionalNumber('qeta.entities.min') ?? 0;\n const minTags = configApi.getOptionalNumber('qeta.tags.min') ?? 0;\n\n const isLink = type === 'link';\n\n const {\n handleSubmit,\n control,\n reset,\n getValues: getFormValues,\n setValue,\n formState: { errors, isSubmitting, isValid },\n } = useForm<QuestionFormValues>({\n values,\n defaultValues: getDefaultValues(props),\n });\n\n const postQuestion = useCallback(\n (data: QuestionFormValues, autoSave: boolean = false) => {\n setPosting(true);\n const route = selectByPostType(\n type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n\n const queryParams = new URLSearchParams();\n if (entity) {\n queryParams.set('entity', entity);\n }\n if (entityPage) {\n queryParams.set('entityPage', 'true');\n }\n\n const postId = data.status === 'draft' ? draftId : id;\n\n if (postId) {\n qetaApi\n .updatePost(postId, formToRequest(data, images))\n .then(q => {\n if (!q \|\| !q.id) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('edit', type);\n if (data.status === 'draft' \|\| autoSave) {\n setDraftId(q.id.toString(10));\n setPosting(false);\n if (autoSave) {\n alertApi.post({\n message: t('postForm.autoSaveSuccess'),\n severity: 'success',\n display: 'transient',\n });\n } else {\n alertApi.post({\n message: t('postForm.draftSaved'),\n severity: 'success',\n display: 'transient',\n });\n }\n return;\n }\n\n reset();\n if (onPost) {\n onPost(q);\n } else if (entity) {\n navigate(\n `${route({\n id: q.id.toString(10),\n })}?${queryParams.toString()}`,\n );\n } else {\n navigate(route({ id: q.id.toString(10) }));\n }\n })\n .catch(_e => {\n setError(true);\n setPosting(false);\n });\n return;\n }\n qetaApi\n .createPost(formToRequest(data, images))\n .then(q => {\n if (!q \|\| !q.id) {\n setError(true);\n return;\n }\n setEdited(false);\n if (data.status === 'draft' \|\| autoSave) {\n analytics.captureEvent('draft', type);\n setDraftId(q.id.toString(10));\n setPosting(false);\n if (autoSave) {\n alertApi.post({\n message: t('postForm.autoSaveSuccess'),\n severity: 'success',\n display: 'transient',\n });\n } else {\n alertApi.post({\n message: t('postForm.draftSaved'),\n severity: 'success',\n display: 'transient',\n });\n }\n return;\n }\n analytics.captureEvent('post', type);\n reset();\n if (entity) {\n navigate(\n `${route({\n id: q.id.toString(10),\n })}?${queryParams.toString()}`,\n );\n } else {\n navigate(route({ id: q.id.toString(10) }));\n }\n })\n .catch(_e => {\n setError(true);\n setPosting(false);\n });\n },\n [\n type,\n questionRoute,\n articleRoute,\n linkRoute,\n entity,\n entityPage,\n draftId,\n id,\n qetaApi,\n analytics,\n reset,\n onPost,\n navigate,\n images,\n alertApi,\n t,\n ],\n );\n\n const [showTips, setShowTips] = useState(false);\n const [titleCharCount, setTitleCharCount] = useState(values.title.length);\n\n useEffect(() => {\n if (!entityRef) {\n const e = searchParams.get('entity');\n if (e) {\n setEntityRef(e);\n }\n }\n }, [entityRef, searchParams]);\n\n useEffect(() => {\n if (id) {\n getValues(qetaApi, catalogApi, type, id)\n .then(data => {\n setValues(data);\n setImages(data.images);\n setStatus(data.status ?? 'draft');\n })\n .catch(() => {\n setDraftId(undefined);\n setLoadError(true);\n });\n }\n }, [qetaApi, catalogApi, type, id]);\n\n useEffect(() => {\n if (entityRef) {\n catalogApi.getEntityByRef(entityRef).then(data => {\n if (data) {\n setValues(v => {\n return { ...v, entities: [...(v.entities ?? []), data] };\n });\n }\n });\n }\n }, [catalogApi, entityRef]);\n\n useEffect(() => {\n if (template && template.entities && template.entities.length > 0) {\n catalogApi\n .getEntitiesByRefs({ entityRefs: template.entities })\n .then(data => {\n setValues(v => {\n return {\n ...v,\n entities: compact([...(v.entities ?? []), ...data.items]),\n };\n });\n });\n }\n }, [catalogApi, template]);\n\n useEffect(() => {\n reset(values);\n }, [values, reset]);\n\n useConfirmNavigationIfEdited(edited && !posting);\n\n const onImageUpload = useCallback(\n (imageId: number) => {\n setImages(prevImages => [...prevImages, imageId]);\n setEdited(true);\n },\n [setImages],\n );\n\n const handleTitleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setTitleCharCount(e.target.value.length);\n setValue('title', e.target.value, { shouldValidate: true });\n };\n\n const handleUrlChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setFavicon(false);\n setValue('url', e.target.value, { shouldValidate: true });\n };\n\n const validateUrl = (value?: string) => {\n if (value === '') {\n setFavicon(false);\n return false;\n } else if (!value \|\| !validUrl.test(value)) {\n setFavicon(false);\n return t('postForm.urlInput.invalid');\n }\n\n setUrlToCheck(value);\n return true;\n };\n\n useDebounce(\n () => {\n if (!urlToCheck.length \|\| !validUrl.test(urlToCheck)) {\n return;\n }\n\n // some valid urls are not reachable => no error checking\n qetaApi.fetchURLMetadata({ url: urlToCheck }).then(response => {\n setFavicon(true);\n\n if (response.title) {\n setValue('title', response.title, { shouldValidate: true });\n }\n\n if (response.content) {\n setValue('content', response.content, { shouldValidate: true });\n }\n\n if (response.image) {\n setValue('headerImage', response.image, { shouldValidate: true });\n }\n });\n },\n 400,\n [urlToCheck],\n );\n\n const autoSavePost = useCallback(() => {\n if (autoSaveEnabled && edited && isValid && !posting) {\n const formData = getFormValues();\n if (formData.title && formData.content) {\n postQuestion({ ...formData, status }, true);\n }\n }\n }, [\n autoSaveEnabled,\n edited,\n getFormValues,\n status,\n posting,\n postQuestion,\n isValid,\n ]);\n\n useDebounce(autoSavePost, 3100, [edited, autoSaveEnabled, isValid]);\n\n const getSubmitButtonText = () => {\n if (posting) {\n return (\n <span>\n {t('postForm.submitting')}{' '}\n <span className=\"spinner-border spinner-border-sm\" />\n </span>\n );\n }\n if (status === 'draft') {\n return t('postForm.submit.publish');\n }\n return t('postForm.submit.existingPost');\n };\n\n const getDraftButtonText = () => {\n if (posting) {\n return (\n <span>\n {t('postForm.savingDraft')}{' '}\n <span className=\"spinner-border spinner-border-sm\" />\n </span>\n );\n }\n if (draftId) {\n return t('postForm.updateDraft');\n }\n return t('postForm.saveDraft');\n };\n\n const handleAutoSaveChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const newValue = e.target.checked;\n setAutoSaveEnabled(newValue);\n localStorage.setItem('qeta-auto-save-enabled', JSON.stringify(newValue));\n };\n\n if (loadError) {\n return (\n <Alert severity=\"error\">{t('postForm.errorLoading', { type })}</Alert>\n );\n }\n\n return (\n <form\n onSubmit={handleSubmit(data =>\n postQuestion({ ...data, status: 'active' }),\n )}\n onChange={() => {\n setEdited(true);\n onFormChange?.(control._formValues as QuestionFormValues);\n }}\n >\n {error && (\n <Alert severity=\"error\">{t('postForm.errorPosting', { type })}</Alert>\n )}\n {type === 'article' && (\n <Controller\n control={control}\n render={({ field: { onChange, value } }) => (\n <HeaderImageInput\n onChange={onChange}\n onImageUpload={onImageUpload}\n url={value}\n postId={id ? Number(id) : undefined}\n />\n )}\n name=\"headerImage\"\n />\n )}\n {isLink && (\n <Box mb={2} display=\"flex\" alignItems=\"center\" style={{ gap: 8 }}>\n {favicon && (\n <img\n src={`https://www.google.com/s2/favicons?domain=${encodeURIComponent(\n urlToCheck,\n )}&sz=16`}\n alt=\"Favicon\"\n style={{\n width: 16,\n height: 16,\n marginRight: 4,\n marginBottom: 16,\n }}\n onError={e => (e.currentTarget.style.display = 'none')}\n />\n )}\n <Controller\n name=\"url\"\n control={control}\n rules={{\n required: true,\n validate: validateUrl,\n }}\n render={() => (\n <TextField\n label={t('postForm.urlInput.label')}\n className=\"qetaAskFormTitle\"\n required\n fullWidth\n error={!!errors.url}\n margin=\"normal\"\n variant=\"outlined\"\n name=\"url\"\n helperText={\n errors.url?.message \|\| (\n <span>{t('postForm.urlInput.helperText')}</span>\n )\n }\n placeholder={t('postForm.urlInput.placeholder')}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n value={control._formValues.url ?? ''}\n onChange={handleUrlChange}\n />\n )}\n />\n {control._formValues.headerImage && (\n <img\n src={control._formValues.headerImage}\n alt=\"Preview\"\n style={{ maxHeight: 54, marginBottom: 14 }}\n />\n )}\n </Box>\n )}\n <Box mb={2}>\n <TextField\n label={t('postForm.titleInput.label')}\n className=\"qetaAskFormTitle\"\n required\n fullWidth\n error={'title' in errors}\n margin=\"normal\"\n variant=\"outlined\"\n name=\"title\"\n helperText={\n <span>\n {t('postForm.titleInput.helperText', { type })}{' '}\n <span style={{ float: 'right' }}>{titleCharCount}/255</span>\n </span>\n }\n placeholder={t(\n isLink\n ? 'postForm.titleInput.placeholder_link'\n : 'postForm.titleInput.placeholder',\n )}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n value={control._formValues.title}\n onChange={handleTitleChange}\n inputProps={{ maxLength: 255 }}\n />\n </Box>\n <Box\n mb={1}\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n >\n <Typography variant=\"subtitle1\" style={{ fontWeight: 500 }}>\n {t('postForm.contentInput.label', { type })}\n <Tooltip title=\"Tips for a good question\">\n <IconButton size=\"small\" onClick={() => setShowTips(v => !v)}>\n {showTips ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n </IconButton>\n </Tooltip>\n </Typography>\n <Box>\n <Link\n href=\"https://www.markdownguide.org/cheat-sheet/\"\n target=\"_blank\"\n color=\"inherit\"\n rel=\"noopener noreferrer\"\n style={{ fontSize: 12 }}\n >\n {t('postForm.contentInput.markdownHelp')}\n <HelpIcon\n style={{ fontSize: 12, marginLeft: 4, verticalAlign: 'middle' }}\n />\n </Link>\n </Box>\n </Box>\n <Collapse in={showTips}>\n <Box mb={2} p={2}>\n <Typography variant=\"body2\">\n <ul style={{ margin: 0, paddingLeft: 20 }}>\n {selectByPostType(\n type,\n <>\n <li>{t('postForm.tips_question_1')}</li>\n <li>{t('postForm.tips_question_2')}</li>\n <li>{t('postForm.tips_question_3')}</li>\n <li>{t('postForm.tips_question_4')}</li>\n </>,\n <>\n <li>{t('postForm.tips_article_1')}</li>\n <li>{t('postForm.tips_article_2')}</li>\n <li>{t('postForm.tips_article_3')}</li>\n <li>{t('postForm.tips_article_4')}</li>\n </>,\n <>\n <li>{t('postForm.tips_link_1')}</li>\n <li>{t('postForm.tips_link_2')}</li>\n </>,\n )}\n </ul>\n </Typography>\n </Box>\n </Collapse>\n <Controller\n control={control}\n rules={{\n required: !isLink,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n required={!isLink}\n value={value}\n onChange={onChange}\n height={!isLink ? 400 : 150}\n error={'content' in errors}\n placeholder={selectByPostType(\n type,\n t('postForm.contentInput.placeholder_question'),\n t('postForm.contentInput.placeholder_article'),\n t('postForm.contentInput.placeholder_link'),\n )}\n onImageUpload={onImageUpload}\n postId={id ? Number(id) : undefined}\n onTagsChange={tags => {\n if (tags && tags.length > 0) {\n const existing = getFormValues('tags') ?? [];\n const newTags = [...new Set([...existing, ...tags])];\n setValue('tags', newTags, { shouldValidate: true });\n }\n }}\n />\n )}\n name=\"content\"\n />\n <Box mt={1} mb={1}>\n <Controller\n control={control}\n rules={{\n validate: value => {\n if (minEntities > 0 && value && value.length < minEntities) {\n return t('entitiesInput.minimumError', {\n min: minEntities.toString(),\n });\n }\n return true;\n },\n }}\n render={({ field, fieldState: { error: entityError } }) => (\n <EntitiesInput\n {...field}\n singleValue={entityRef}\n error={entityError}\n />\n )}\n name=\"entities\"\n />\n </Box>\n <Box mt={1} mb={1}>\n <Controller\n control={control}\n rules={{\n validate: value => {\n if (minTags > 0 && value && value.length < minTags) {\n return t('tagsInput.minimumError', { min: minTags.toString() });\n }\n return true;\n },\n }}\n render={({ field, fieldState: { error: tagError } }) => {\n return (\n <TagInput\n {...field}\n error={tagError}\n title={getFormValues('title')}\n content={getFormValues('content')}\n />\n );\n }}\n name=\"tags\"\n />\n </Box>\n {allowAnonymouns && !id && (\n <Box mt={2} mb={2} display=\"flex\" alignItems=\"center\">\n <PostAnonymouslyCheckbox\n control={control}\n label={t('anonymousCheckbox.postAnonymously')}\n />\n <Tooltip title={t('anonymousCheckbox.tooltip')}>\n <InfoIcon fontSize=\"small\" style={{ marginLeft: 4 }} />\n </Tooltip>\n </Box>\n )}\n <Box\n mt={3}\n display=\"flex\"\n style={{ gap: '16px' }}\n justifyContent=\"space-between\"\n >\n <Box display=\"flex\" style={{ gap: '16px' }}>\n <Button\n color=\"primary\"\n type=\"submit\"\n variant=\"contained\"\n disabled={posting \|\| isSubmitting}\n size=\"large\"\n >\n {getSubmitButtonText()}\n </Button>\n {status === 'draft' && (\n <Button\n color=\"secondary\"\n variant=\"outlined\"\n disabled={posting \|\| isSubmitting}\n size=\"large\"\n onClick={handleSubmit(data =>\n postQuestion({ ...data, status: 'draft' }),\n )}\n >\n {getDraftButtonText()}\n </Button>\n )}\n </Box>\n <FormControlLabel\n control={\n <Tooltip title={t('postForm.autoSaveDraftTooltip')}>\n <Switch\n checked={autoSaveEnabled}\n onChange={handleAutoSaveChange}\n color=\"primary\"\n />\n </Tooltip>\n }\n label={t('postForm.autoSaveDraft')}\n />\n </Box>\n </form>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Fragment } from 'react';
+import { selectByPostType } from '@drodil/backstage-plugin-qeta-common';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import '../../api.esm.js';
@@ -10,13 +11,12 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
 import { useNavigate } from 'react-router-dom';
 import { RightListContainer, RightList } from '../Utility/RightList.esm.js';
 import { makeStyles, ListItem, ListItemText, Box, Tooltip } from '@material-ui/core';
 import { Skeleton } from '@material-ui/lab';
-import { questionRouteRef, articleRouteRef } from '../../routes.esm.js';
+import { questionRouteRef, articleRouteRef, linkRouteRef } from '../../routes.esm.js';
 import numeral from 'numeral';
 const useStyles = makeStyles((theme) => ({
@@ -93,6 +93,7 @@ const PostHighlightList = (props) => {
   const navigate = useNavigate();
   const questionRoute = useRouteRef(questionRouteRef);
   const articleRoute = useRouteRef(articleRouteRef);
+  const linkRoute = useRouteRef(linkRouteRef);
   const classes = useStyles();
   const posts = response?.posts ?? [];
   return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsxs(RightList, { title: props.title, icon: props.icon, children: [
@@ -112,7 +113,12 @@ const PostHighlightList = (props) => {
       }
     ) }),
     !error && posts.map((q) => {
-      const route = q.type === "question" ? questionRoute : articleRoute;
+      const route = selectByPostType(
+        q.type,
+        questionRoute,
+        articleRoute,
+        linkRoute
+      );
       const vote = formatShortNumber(q.score);
       let voteBoxClass = classes.voteBox;
       if (q.correctAnswer) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PostHighlightList.esm.js","sources":["../../../src/components/PostHighlightList/PostHighlightList.tsx"],"sourcesContent":["import { Fragment, ReactNode } from 'react';\nimport { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi } from '../../hooks';\nimport { useNavigate } from 'react-router-dom';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n Box,\n ListItem,\n ListItemText,\n makeStyles,\n Tooltip,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { articleRouteRef, questionRouteRef } from '../../routes.ts';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport numeral from 'numeral';\n\nconst useStyles = makeStyles(theme => ({\n listItem: {\n display: 'flex',\n alignItems: 'center',\n padding: '0 4px',\n minHeight: 28,\n cursor: 'pointer',\n transition: 'background 0.2s',\n '&:hover': {\n background: theme.palette.action.hover,\n },\n },\n emptyItem: {\n padding: '0 0 0 0.6rem',\n },\n voteBox: {\n minWidth: 28,\n maxWidth: 28,\n height: 24,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 4,\n fontWeight: 600,\n marginRight: theme.spacing(1),\n marginLeft: theme.spacing(0.5),\n background: theme.palette.background.paper,\n color: theme.palette.text.primary,\n border: `1px solid ${theme.palette.divider}`,\n },\n voteBoxPositive: {\n background: theme.palette.success.main,\n color: theme.palette.getContrastText(theme.palette.success.main),\n },\n voteBoxNegative: {\n background: theme.palette.error.main,\n color: theme.palette.getContrastText(theme.palette.error.main),\n },\n listItemText: {\n color: theme.palette.text.primary,\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flex: 1,\n },\n}));\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nexport const PostHighlightList = (props: {\n type: string;\n title: string;\n noQuestionsLabel: string;\n icon?: ReactNode;\n options?: PostsQuery;\n postType?: PostType;\n}) => {\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(\n api =>\n api.getPostsList(props.type, {\n limit: 5,\n type: props.postType,\n includeTags: false,\n includeAttachments: false,\n includeComments: false,\n includeAnswers: false,\n includeVotes: false,\n includeEntities: false,\n includeExperts: false,\n ...props.options,\n }),\n [],\n );\n const { t } = useTranslationRef(qetaTranslationRef);\n const navigate = useNavigate();\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n\n const classes = useStyles();\n\n const posts = response?.posts ?? [];\n\n return (\n <RightListContainer>\n <RightList title={props.title} icon={props.icon}>\n {loading &&\n Array.from({ length: 5 }).map((_, i) => (\n <ListItem className={classes.emptyItem} dense key={`skeleton-${i}`}>\n <Skeleton variant=\"rect\" width=\"100%\" height={18} />\n </ListItem>\n ))}\n {error && (\n <ListItem className={classes.emptyItem} dense>\n <ListItemText\n primary={t('highlights.loadError')}\n classes={{ primary: classes.listItemText }}\n />\n </ListItem>\n )}\n {!error && !loading && posts.length === 0 && (\n <ListItem className={classes.emptyItem} dense>\n <ListItemText\n primary={props.noQuestionsLabel}\n classes={{ primary: classes.listItemText }}\n />\n </ListItem>\n )}\n {!error &&\n posts.map(q => {\n const route = q.type === 'question' ? questionRoute : articleRoute;\n const vote = formatShortNumber(q.score);\n let voteBoxClass = classes.voteBox;\n if (q.correctAnswer) {\n voteBoxClass = `${classes.voteBox} ${classes.voteBoxPositive}`;\n } else if (q.score < 0) {\n voteBoxClass = `${classes.voteBox} ${classes.voteBoxNegative}`;\n }\n return (\n <Fragment key={q.id}>\n <ListItem\n dense\n button\n className={classes.listItem}\n onClick={() => navigate(route({ id: q.id.toString(10) }))}\n aria-label={q.title}\n >\n <Box className={voteBoxClass}>{vote}</Box>\n <Tooltip title={q.title} arrow>\n <ListItemText\n primary={q.title}\n classes={{ primary: classes.listItemText }}\n />\n </Tooltip>\n </ListItem>\n </Fragment>\n );\n })}\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"PostHighlightList.esm.js","sources":["../../../src/components/PostHighlightList/PostHighlightList.tsx"],"sourcesContent":["import { Fragment, ReactNode } from 'react';\nimport {\n PostsQuery,\n PostType,\n selectByPostType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi } from '../../hooks';\nimport { useNavigate } from 'react-router-dom';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n Box,\n ListItem,\n ListItemText,\n makeStyles,\n Tooltip,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n articleRouteRef,\n linkRouteRef,\n questionRouteRef,\n} from '../../routes.ts';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport numeral from 'numeral';\n\nconst useStyles = makeStyles(theme => ({\n listItem: {\n display: 'flex',\n alignItems: 'center',\n padding: '0 4px',\n minHeight: 28,\n cursor: 'pointer',\n transition: 'background 0.2s',\n '&:hover': {\n background: theme.palette.action.hover,\n },\n },\n emptyItem: {\n padding: '0 0 0 0.6rem',\n },\n voteBox: {\n minWidth: 28,\n maxWidth: 28,\n height: 24,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 4,\n fontWeight: 600,\n marginRight: theme.spacing(1),\n marginLeft: theme.spacing(0.5),\n background: theme.palette.background.paper,\n color: theme.palette.text.primary,\n border: `1px solid ${theme.palette.divider}`,\n },\n voteBoxPositive: {\n background: theme.palette.success.main,\n color: theme.palette.getContrastText(theme.palette.success.main),\n },\n voteBoxNegative: {\n background: theme.palette.error.main,\n color: theme.palette.getContrastText(theme.palette.error.main),\n },\n listItemText: {\n color: theme.palette.text.primary,\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flex: 1,\n },\n}));\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nexport const PostHighlightList = (props: {\n type: string;\n title: string;\n noQuestionsLabel: string;\n icon?: ReactNode;\n options?: PostsQuery;\n postType?: PostType;\n}) => {\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(\n api =>\n api.getPostsList(props.type, {\n limit: 5,\n type: props.postType,\n includeTags: false,\n includeAttachments: false,\n includeComments: false,\n includeAnswers: false,\n includeVotes: false,\n includeEntities: false,\n includeExperts: false,\n ...props.options,\n }),\n [],\n );\n const { t } = useTranslationRef(qetaTranslationRef);\n const navigate = useNavigate();\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n\n const classes = useStyles();\n\n const posts = response?.posts ?? [];\n\n return (\n <RightListContainer>\n <RightList title={props.title} icon={props.icon}>\n {loading &&\n Array.from({ length: 5 }).map((_, i) => (\n <ListItem className={classes.emptyItem} dense key={`skeleton-${i}`}>\n <Skeleton variant=\"rect\" width=\"100%\" height={18} />\n </ListItem>\n ))}\n {error && (\n <ListItem className={classes.emptyItem} dense>\n <ListItemText\n primary={t('highlights.loadError')}\n classes={{ primary: classes.listItemText }}\n />\n </ListItem>\n )}\n {!error && !loading && posts.length === 0 && (\n <ListItem className={classes.emptyItem} dense>\n <ListItemText\n primary={props.noQuestionsLabel}\n classes={{ primary: classes.listItemText }}\n />\n </ListItem>\n )}\n {!error &&\n posts.map(q => {\n const route = selectByPostType(\n q.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const vote = formatShortNumber(q.score);\n let voteBoxClass = classes.voteBox;\n if (q.correctAnswer) {\n voteBoxClass = `${classes.voteBox} ${classes.voteBoxPositive}`;\n } else if (q.score < 0) {\n voteBoxClass = `${classes.voteBox} ${classes.voteBoxNegative}`;\n }\n return (\n <Fragment key={q.id}>\n <ListItem\n dense\n button\n className={classes.listItem}\n onClick={() => navigate(route({ id: q.id.toString(10) }))}\n aria-label={q.title}\n >\n <Box className={voteBoxClass}>{vote}</Box>\n <Tooltip title={q.title} arrow>\n <ListItemText\n primary={q.title}\n classes={{ primary: classes.listItemText }}\n />\n </Tooltip>\n </ListItem>\n </Fragment>\n );\n })}\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PostHighlightList/PostHighlightListContainer.esm.js ADDED Viewed

@@ -0,0 +1,50 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import Whatshot from '@material-ui/icons/Whatshot';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import { PostHighlightList } from './PostHighlightList.esm.js';
+const PostHighlightListContainer = ({
+  options
+}) => {
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const icon = /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PostHighlightList,
+      {
+        type: "hot",
+        title: t("highlights.hotQuestions.title"),
+        noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
+        icon,
+        options,
+        postType: "question"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PostHighlightList,
+      {
+        type: "hot",
+        title: t("highlights.hotArticles.title"),
+        noQuestionsLabel: t("highlights.hotArticles.noArticlesLabel"),
+        icon,
+        options,
+        postType: "article"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PostHighlightList,
+      {
+        type: "hot",
+        title: t("highlights.hotLinks.title"),
+        noQuestionsLabel: t("highlights.hotLinks.noLinksLabel"),
+        icon,
+        options,
+        postType: "link"
+      }
+    )
+  ] });
+};
+export { PostHighlightListContainer };
+//# sourceMappingURL=PostHighlightListContainer.esm.js.map

package/dist/components/PostHighlightList/PostHighlightListContainer.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PostHighlightListContainer.esm.js","sources":["../../../src/components/PostHighlightList/PostHighlightListContainer.tsx"],"sourcesContent":["import Whatshot from '@material-ui/icons/Whatshot';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { PostHighlightList } from './PostHighlightList';\nimport { PostsQuery } from '@drodil/backstage-plugin-qeta-common';\n\nexport const PostHighlightListContainer = ({\n options,\n}: {\n options?: PostsQuery;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const icon = <Whatshot fontSize=\"small\" />;\n return (\n <>\n <PostHighlightList\n type=\"hot\"\n title={t('highlights.hotQuestions.title')}\n noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n icon={icon}\n options={options}\n postType=\"question\"\n />\n <PostHighlightList\n type=\"hot\"\n title={t('highlights.hotArticles.title')}\n noQuestionsLabel={t('highlights.hotArticles.noArticlesLabel')}\n icon={icon}\n options={options}\n postType=\"article\"\n />\n <PostHighlightList\n type=\"hot\"\n title={t('highlights.hotLinks.title')}\n noQuestionsLabel={t('highlights.hotLinks.noLinksLabel')}\n icon={icon}\n options={options}\n postType=\"link\"\n />\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,6BAA6B,CAAC;AAAA,EACzC;AACF,CAEM,KAAA;AACJ,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,IAAO,mBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AACxC,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAS,EAAA;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,QACvC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,IAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAS,EAAA;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,QACpC,gBAAA,EAAkB,EAAE,kCAAkC,CAAA;AAAA,QACtD,IAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAS,EAAA;AAAA;AAAA;AACX,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PostsContainer/NoPostsCard.esm.js CHANGED Viewed

@@ -2,17 +2,20 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { LinkButton } from '@backstage/core-components';
 import HelpOutline from '@material-ui/icons/HelpOutline';
 import { useRouteRef } from '@backstage/core-plugin-api';
-import { askRouteRef, writeRouteRef } from '../../routes.esm.js';
+import { askRouteRef, writeRouteRef, createLinkRouteRef } from '../../routes.esm.js';
+import { selectByPostType } from '@drodil/backstage-plugin-qeta-common';
 import CreateIcon from '@material-ui/icons/Create';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import { useEntityQueryParameter } from '../../hooks/useEntityQueryParameter.esm.js';
 import { Card, CardContent, Grid, Typography } from '@material-ui/core';
+import LinkIcon from '@material-ui/icons/Link';
 const NoPostsCard = (props) => {
   const { showNoPostsBtn, entity, entityPage, tags, type } = props;
   const askRoute = useRouteRef(askRouteRef);
   const writeRoute = useRouteRef(writeRouteRef);
+  const linkRoute = useRouteRef(createLinkRouteRef);
   const { t } = useTranslationRef(qetaTranslationRef);
   const entityRef = useEntityQueryParameter(entity) ?? entity;
   const queryParams = new URLSearchParams();
@@ -25,7 +28,12 @@ const NoPostsCard = (props) => {
   if (tags && tags.length > 0) {
     queryParams.set("tags", tags.join(","));
   }
-  const route = type === "article" ? writeRoute : askRoute;
+  const route = selectByPostType(
+    type ?? "question",
+    askRoute,
+    writeRoute,
+    linkRoute
+  );
   const itemType = t(`common.${type ?? "post"}`, {});
   return /* @__PURE__ */ jsx(Card, { style: { marginTop: "2em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(
     Grid,
@@ -42,7 +50,12 @@ const NoPostsCard = (props) => {
           LinkButton,
           {
             to: queryParams.size > 0 ? `${route()}?${queryParams.toString()}` : `${route()}`,
-            startIcon: type === "article" ? /* @__PURE__ */ jsx(CreateIcon, {}) : /* @__PURE__ */ jsx(HelpOutline, {}),
+            startIcon: selectByPostType(
+              type ?? "question",
+              /* @__PURE__ */ jsx(HelpOutline, {}),
+              /* @__PURE__ */ jsx(CreateIcon, {}),
+              /* @__PURE__ */ jsx(LinkIcon, {})
+            ),
             color: "primary",
             variant: "outlined",
             children: t("postsContainer.createButton")

package/dist/components/PostsContainer/NoPostsCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NoPostsCard.esm.js","sources":["../../../src/components/PostsContainer/NoPostsCard.tsx"],"sourcesContent":["import { LinkButton } from '@backstage/core-components';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { askRouteRef, writeRouteRef } from '../../routes';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport CreateIcon from '@material-ui/icons/Create';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useEntityQueryParameter } from '../../hooks/useEntityQueryParameter';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoPostsCard = (props: {\n showNoPostsBtn?: boolean;\n entity?: string;\n entityPage?: boolean;\n tags?: string[];\n type?: PostType;\n}) => {\n const { showNoPostsBtn, entity, entityPage, tags, type } = props;\n const askRoute = useRouteRef(askRouteRef);\n const writeRoute = useRouteRef(writeRouteRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const entityRef = useEntityQueryParameter(entity) ?? entity;\n\n const queryParams = new URLSearchParams();\n if (entityRef) {\n queryParams.set('entity', entityRef);\n }\n if (entityPage) {\n queryParams.set('entityPage', 'true');\n }\n if (tags && tags.length > 0) {\n queryParams.set('tags', tags.join(','));\n }\n\n const route = type ~~===~~ '~~article~~' ? writeRoute ~~: askRoute~~;\n\n const itemType = t(`common.${type ?? 'post'}`, {});\n return (\n <Card style={{ marginTop: '2em' }}>\n <CardContent>\n <Grid\n container\n justifyContent=\"center\"\n alignItems=\"center\"\n direction=\"column\"\n >\n <Grid item>\n <Typography variant=\"h6\">\n {t('postsContainer.noItems', {\n itemType,\n })}\n </Typography>\n </Grid>\n {showNoPostsBtn && (\n <Grid item>\n <LinkButton\n to={\n queryParams.size > 0\n ? `${route()}?${queryParams.toString()}`\n : `${route()}`\n }\n startIcon={\n type ~~===~~ '~~article~~' ? <CreateIcon ~~/> :~~ <~~HelpOutline~~ ~~/>\~~n }\n color=\"primary\"\n variant=\"outlined\"\n >\n {t('postsContainer.createButton')}\n </LinkButton>\n </Grid>\n )}\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;AAWa~~,MAAA,WAAA,GAAc,CAAC,KAMtB,KAAA;AACJ,EAAA,MAAM,EAAE,cAAgB,EAAA,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAM,MAAS,GAAA,KAAA;AAC3D,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAM,MAAA,UAAA,GAAa,YAAY,aAAa,CAAA;AAC5C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,SAAA,GAAY,uBAAwB,CAAA,MAAM,CAAK,IAAA,MAAA;AAErD,EAAM,MAAA,WAAA,GAAc,IAAI,eAAgB,EAAA;AACxC,EAAA,IAAI,SAAW,EAAA;AACb,IAAY,WAAA,CAAA,GAAA,CAAI,UAAU,SAAS,CAAA;AAAA;AAErC,EAAA,IAAI,UAAY,EAAA;AACd,IAAY,WAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA;AAAA;AAEtC,EAAI,IAAA,IAAA,IAAQ,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,IAAA,WAAA,CAAY,GAAI,CAAA,MAAA,EAAQ,IAAK,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA;AAGxC,~~EAAM~~,~~MAAA~~,~~KAAA~~,~~GAAQ~~,~~IAAS~~,~~KAAA~~,~~SAAA~~,~~GAAY~~,~~UAAa~~,~~GAAA~~,QAAA;~~AAEhD~~,EAAA,MAAM,WAAW,CAAE,CAAA,CAAA,OAAA,EAAU,QAAQ,MAAM,CAAA,CAAA,EAAI,EAAE,CAAA;AACjD,EACE,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,kBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EACjB,YAAE,wBAA0B,EAAA;AAAA,UAC3B;AAAA,SACD,GACH,CACF,EAAA,CAAA;AAAA,QACC,cACC,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EACE,EAAA,WAAA,CAAY,IAAO,GAAA,CAAA,GACf,GAAG,KAAM,EAAC,CAAI,CAAA,EAAA,WAAA,CAAY,QAAS,EAAC,CACpC,CAAA,GAAA,CAAA,EAAG,OAAO,CAAA,CAAA;AAAA,YAEhB,~~WACE~~,~~IAAS~~,~~KAAA~~,~~SAAA~~,~~uBAAa~~,~~UAAW~~,EAAA,EAAA,CAAA,~~uBAAM~~,~~WAAY~~,EAAA,EAAA,CAAA;AAAA,~~YAErD~~,KAAM,EAAA,SAAA;AAAA,YACN,OAAQ,EAAA,UAAA;AAAA,YAEP,YAAE,6BAA6B;AAAA;AAAA,SAEpC,EAAA;AAAA;AAAA;AAAA,KAGN,CACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"NoPostsCard.esm.js","sources":["../../../src/components/PostsContainer/NoPostsCard.tsx"],"sourcesContent":["import { LinkButton } from '@backstage/core-components';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { askRouteRef, createLinkRouteRef, writeRouteRef } from '../../routes';\nimport {\n PostType,\n selectByPostType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport CreateIcon from '@material-ui/icons/Create';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useEntityQueryParameter } from '../../hooks/useEntityQueryParameter';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\nimport LinkIcon from '@material-ui/icons/Link';\n\nexport const NoPostsCard = (props: {\n showNoPostsBtn?: boolean;\n entity?: string;\n entityPage?: boolean;\n tags?: string[];\n type?: PostType;\n}) => {\n const { showNoPostsBtn, entity, entityPage, tags, type } = props;\n const askRoute = useRouteRef(askRouteRef);\n const writeRoute = useRouteRef(writeRouteRef);\n const linkRoute = useRouteRef(createLinkRouteRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const entityRef = useEntityQueryParameter(entity) ?? entity;\n\n const queryParams = new URLSearchParams();\n if (entityRef) {\n queryParams.set('entity', entityRef);\n }\n if (entityPage) {\n queryParams.set('entityPage', 'true');\n }\n if (tags && tags.length > 0) {\n queryParams.set('tags', tags.join(','));\n }\n\n const route = selectByPostType(\n type ?? 'question',\n askRoute,\n writeRoute,\n linkRoute,\n );\n\n const itemType = t(`common.${type ?? 'post'}`, {});\n return (\n <Card style={{ marginTop: '2em' }}>\n <CardContent>\n <Grid\n container\n justifyContent=\"center\"\n alignItems=\"center\"\n direction=\"column\"\n >\n <Grid item>\n <Typography variant=\"h6\">\n {t('postsContainer.noItems', {\n itemType,\n })}\n </Typography>\n </Grid>\n {showNoPostsBtn && (\n <Grid item>\n <LinkButton\n to={\n queryParams.size > 0\n ? `${route()}?${queryParams.toString()}`\n : `${route()}`\n }\n startIcon={selectByPostType(\n type ?? 'question',\n <HelpOutline />,\n <CreateIcon />,\n <LinkIcon />,\n )}\n color=\"primary\"\n variant=\"outlined\"\n >\n {t('postsContainer.createButton')}\n </LinkButton>\n </Grid>\n )}\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAea,MAAA,WAAA,GAAc,CAAC,KAMtB,KAAA;AACJ,EAAA,MAAM,EAAE,cAAgB,EAAA,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAM,MAAS,GAAA,KAAA;AAC3D,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAM,MAAA,UAAA,GAAa,YAAY,aAAa,CAAA;AAC5C,EAAM,MAAA,SAAA,GAAY,YAAY,kBAAkB,CAAA;AAChD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,SAAA,GAAY,uBAAwB,CAAA,MAAM,CAAK,IAAA,MAAA;AAErD,EAAM,MAAA,WAAA,GAAc,IAAI,eAAgB,EAAA;AACxC,EAAA,IAAI,SAAW,EAAA;AACb,IAAY,WAAA,CAAA,GAAA,CAAI,UAAU,SAAS,CAAA;AAAA;AAErC,EAAA,IAAI,UAAY,EAAA;AACd,IAAY,WAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA;AAAA;AAEtC,EAAI,IAAA,IAAA,IAAQ,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,IAAA,WAAA,CAAY,GAAI,CAAA,MAAA,EAAQ,IAAK,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA;AAGxC,EAAA,MAAM,KAAQ,GAAA,gBAAA;AAAA,IACZ,IAAQ,IAAA,UAAA;AAAA,IACR,QAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,WAAW,CAAE,CAAA,CAAA,OAAA,EAAU,QAAQ,MAAM,CAAA,CAAA,EAAI,EAAE,CAAA;AACjD,EACE,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,kBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EACjB,YAAE,wBAA0B,EAAA;AAAA,UAC3B;AAAA,SACD,GACH,CACF,EAAA,CAAA;AAAA,QACC,cACC,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EACE,EAAA,WAAA,CAAY,IAAO,GAAA,CAAA,GACf,GAAG,KAAM,EAAC,CAAI,CAAA,EAAA,WAAA,CAAY,QAAS,EAAC,CACpC,CAAA,GAAA,CAAA,EAAG,OAAO,CAAA,CAAA;AAAA,YAEhB,SAAW,EAAA,gBAAA;AAAA,cACT,IAAQ,IAAA,UAAA;AAAA,kCACP,WAAY,EAAA,EAAA,CAAA;AAAA,kCACZ,UAAW,EAAA,EAAA,CAAA;AAAA,kCACX,QAAS,EAAA,EAAA;AAAA,aACZ;AAAA,YACA,KAAM,EAAA,SAAA;AAAA,YACN,OAAQ,EAAA,UAAA;AAAA,YAEP,YAAE,6BAA6B;AAAA;AAAA,SAEpC,EAAA;AAAA;AAAA;AAAA,KAGN,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PostsContainer/PostListItem.esm.js CHANGED Viewed

@@ -2,10 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Link } from '@backstage/core-components';
 import { useState, useEffect } from 'react';
 import DOMPurify from 'dompurify';
-import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
+import { selectByPostType, truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
 import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
 import { useRouteRef } from '@backstage/core-plugin-api';
-import { questionRouteRef, articleRouteRef } from '../../routes.esm.js';
+import { questionRouteRef, articleRouteRef, linkRouteRef } from '../../routes.esm.js';
 import { useSignal } from '@backstage/plugin-signals-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
@@ -14,7 +14,10 @@ import { AuthorBox } from '../AuthorBox/AuthorBox.esm.js';
 import numeral from 'numeral';
 import QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';
 import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
+import LinkIcon from '@material-ui/icons/Link';
 import { StatusChip } from '../Utility/StatusChip.esm.js';
+import { OpenLinkButton } from '../Buttons/OpenLinkButton.esm.js';
+import { FaviconItem } from '../FaviconItem/FaviconItem.esm.js';
 const useStyles = makeStyles((theme) => ({
   root: {
@@ -159,6 +162,7 @@ const PostListItem = (props) => {
   const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);
   const [answersCount, setAnswersCount] = useState(post.answersCount);
   const [views, setViews] = useState(post.views);
+  const [score, setScore] = useState(post.score);
   const { t } = useTranslationRef(qetaTranslationRef);
   const styles = useStyles();
   const theme = useTheme();
@@ -168,21 +172,31 @@ const PostListItem = (props) => {
       setCorrectAnswer(lastSignal.correctAnswer);
       setAnswersCount(lastSignal.answersCount);
       setViews(lastSignal.views);
+      setScore(lastSignal.score);
     }
   }, [lastSignal]);
   const questionRoute = useRouteRef(questionRouteRef);
   const articleRoute = useRouteRef(articleRouteRef);
-  const route = post.type === "question" ? questionRoute : articleRoute;
+  const linkRoute = useRouteRef(linkRouteRef);
+  const route = selectByPostType(
+    post.type,
+    questionRoute,
+    articleRoute,
+    linkRoute
+  );
   const href = entity ? `${route({ id: post.id.toString(10) })}?entity=${entity}` : route({ id: post.id.toString(10) });
   return /* @__PURE__ */ jsxs(Box, { className: styles.root, children: [
     /* @__PURE__ */ jsxs(Box, { className: styles.metaCol, "aria-label": t("common.postStats"), children: [
-      /* @__PURE__ */ jsx(Tooltip, { title: post.score >= 1e3 ? post.score : "", arrow: true, children: /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(Tooltip, { title: score >= 1e3 ? score : "", arrow: true, children: /* @__PURE__ */ jsxs(
         Box,
         {
           className: styles.metaBox,
-          "aria-label": t("common.votesCount", { count: post.score }),
+          "aria-label": t(
+            post.type !== "link" ? "common.votesCount" : "common.clicksCount",
+            { count: score }
+          ),
           children: [
-            formatShortNumber(post.score),
+            formatShortNumber(score),
             /* @__PURE__ */ jsx(
               "div",
               {
@@ -191,7 +205,7 @@ const PostListItem = (props) => {
                   fontSize: "13px",
                   color: theme.palette.text.secondary
                 },
-                children: t("common.votes")
+                children: post.type !== "link" ? t("common.votes") : t("common.clicks")
               }
             )
           ]
@@ -208,7 +222,7 @@ const PostListItem = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx(Tooltip, { title: views >= 1e3 ? views : "", arrow: true, children: /* @__PURE__ */ jsxs(
+      post.type !== "link" && /* @__PURE__ */ jsx(Tooltip, { title: views >= 1e3 ? views : "", arrow: true, children: /* @__PURE__ */ jsxs(
         Box,
         {
           className: styles.metaBox,
@@ -232,27 +246,36 @@ const PostListItem = (props) => {
     ] }),
     /* @__PURE__ */ jsxs(Box, { className: styles.contentContainer, children: [
       /* @__PURE__ */ jsxs(Box, { className: styles.titleContainer, children: [
-        /* @__PURE__ */ jsx(Box, { className: styles.titleWrapper, children: /* @__PURE__ */ jsx(Typography, { component: "div", className: styles.title, children: /* @__PURE__ */ jsx(
-          Link,
-          {
-            to: href,
-            className: "qetaPostListItemQuestionBtn",
-            "aria-label": post.title,
-            tabIndex: 0,
-            style: { color: "inherit", textDecoration: "none" },
-            children: post.title
-          }
-        ) }) }),
+        /* @__PURE__ */ jsx(Box, { className: styles.titleWrapper, children: /* @__PURE__ */ jsxs(Typography, { component: "div", className: styles.title, children: [
+          post.type === "link" && /* @__PURE__ */ jsx(FaviconItem, { entity: post }),
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              to: href,
+              className: "qetaPostListItemQuestionBtn",
+              "aria-label": post.title,
+              tabIndex: 0,
+              style: { color: "inherit", textDecoration: "none" },
+              children: post.title
+            }
+          )
+        ] }) }),
         /* @__PURE__ */ jsx(StatusChip, { status: post.status }),
         showTypeLabel && post.type && /* @__PURE__ */ jsx(
           Chip,
           {
             size: "small",
-            icon: post.type === "question" ? /* @__PURE__ */ jsx(QuestionAnswerIcon, {}) : /* @__PURE__ */ jsx(CollectionsBookmarkIcon, {}),
+            icon: selectByPostType(
+              post.type,
+              /* @__PURE__ */ jsx(QuestionAnswerIcon, {}),
+              /* @__PURE__ */ jsx(CollectionsBookmarkIcon, {}),
+              /* @__PURE__ */ jsx(LinkIcon, {})
+            ),
             label: capitalizeFirstLetter(t(`common.${post.type}`)),
             className: styles.typeLabel
           }
-        )
+        ),
+        post.type === "link" && /* @__PURE__ */ jsx(OpenLinkButton, { entity: post })
       ] }),
       /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "div", className: styles.content, children: /* @__PURE__ */ jsx(
         Link,