@drodil/backstage-plugin-qeta-react 3.9.3 → 3.10.0

package/dist/hooks/usePaginatedPosts.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginatedPosts.esm.js","sources":["../../src/hooks/usePaginatedPosts.ts"],"sourcesContent":["import { useAnalytics } from '@backstage/core-plugin-api';\nimport React, { useEffect } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  FilterKey,\n  filterKeys,\n  PostFilters,\n} from '../components/FilterPanel/FilterPanel';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { getFiltersWithDateRange } from '../utils';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi } from './useQetaApi';\n\nexport type PaginatedPostsProps = PostFilters & {\n  author?: string;\n  showFilters?: boolean;\n  showTitle?: boolean;\n  title?: string;\n  favorite?: boolean;\n  showAskButton?: boolean;\n  showWriteButton?: boolean;\n  showNoQuestionsBtn?: boolean;\n  initialPageSize?: number;\n  collectionId?: number;\n};\n\nexport type PostFilterChange = {\n  key: keyof PostFilters;\n  value?: PostFilters[keyof PostFilters];\n};\n\nconst EXPANDED_LOCAL_STORAGE_KEY = 'qeta-post-filters-expanded';\n\nexport function usePaginatedPosts(props: PaginatedPostsProps) {\n  const { type, tags, author, entities, entity, favorite, initialPageSize } =\n    props;\n  const analytics = useAnalytics();\n  const [page, setPage] = React.useState(1);\n  const [pageCount, setPageCount] = React.useState(1);\n  const [postsPerPage, setPostsPerPage] = React.useState(initialPageSize ?? 10);\n  const [showFilterPanel, setShowFilterPanel] = React.useState(\n    localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === 'true',\n  );\n  const [searchParams, setSearchParams] = useSearchParams();\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const [filters, setFilters] = React.useState<PostFilters>({\n    order: props.order ?? 'desc',\n    orderBy: props.orderBy ?? 'created',\n    noAnswers: props.noAnswers ?? 'false',\n    noCorrectAnswer: props.noCorrectAnswer ?? 'false',\n    noVotes: props.noVotes ?? 'false',\n    searchQuery: props.searchQuery ?? '',\n    entities: entities ?? (entity ? [entity] : undefined),\n    tags: tags,\n    dateRange: '',\n    collectionId: props.collectionId,\n    type,\n  });\n\n  useEffect(() => {\n    localStorage.setItem(\n      EXPANDED_LOCAL_STORAGE_KEY,\n      showFilterPanel ? 'true' : 'false',\n    );\n  }, [showFilterPanel]);\n\n  const onPageChange = (value: number) => {\n    setPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('page', String(value));\n      return newValue;\n    });\n  };\n\n  const loadNextPage = () => {\n    setPage(prev => prev + 1);\n  };\n\n  const onFilterChange = (changes: PostFilterChange | PostFilterChange[]) => {\n    const changesArray = Array.isArray(changes) ? changes : [changes];\n    setPage(1);\n    setFilters(prev => {\n      const newValue = { ...prev };\n      for (const { key, value } of changesArray) {\n        (newValue as any)[key] = value;\n      }\n      return newValue;\n    });\n    setSearchParams(prev => {\n      const newValue = prev;\n      for (const { key, value } of changesArray) {\n        if (!filterKeys.includes(key as FilterKey)) {\n          continue;\n        }\n        if (!value || value === 'false') {\n          newValue.delete(key);\n        } else if (Array.isArray(value)) {\n          if (value.length === 0) {\n            newValue.delete(key);\n          } else {\n            newValue.set(key, value.join(','));\n          }\n        } else if (typeof value === 'number') {\n          newValue.set(key, String(value));\n        } else if (value.length > 0) {\n          newValue.set(key, value);\n        } else {\n          newValue.delete(key);\n        }\n      }\n      return newValue;\n    });\n  };\n\n  const onSearchQueryChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onPageChange(1);\n    if (event.target.value) {\n      analytics.captureEvent('qeta_search', event.target.value);\n    }\n    setSearchQuery(event.target.value);\n  };\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    let filtersApplied = false;\n    searchParams.forEach((value, key) => {\n      try {\n        if (key === 'page') {\n          const pv = Number.parseInt(value, 10);\n          if (pv > 0) {\n            setPage(pv);\n          } else {\n            setPage(1);\n          }\n        } else if (key === 'postsPerPage') {\n          const qpp = Number.parseInt(value, 10);\n          if (qpp > 0) setPostsPerPage(qpp);\n        } else if (filterKeys.includes(key as FilterKey)) {\n          filtersApplied = true;\n          if (key === 'tags') {\n            filters.tags = filterTags(value) ?? [];\n          } else {\n            (filters as any)[key] = value;\n          }\n        }\n      } catch (_e) {\n        // NOOP\n      }\n    });\n    setFilters(filters);\n    if (filtersApplied) {\n      setShowFilterPanel(true);\n    }\n  }, [searchParams, filters]);\n\n  const {\n    value: response,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(\n    api => {\n      return api.getPosts({\n        type,\n        limit: postsPerPage,\n        offset: (page - 1) * postsPerPage,\n        includeEntities: true,\n        author,\n        favorite,\n        ...(getFiltersWithDateRange(filters) as any),\n      });\n    },\n    [type, page, filters, postsPerPage],\n  );\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / postsPerPage));\n    }\n  }, [response, postsPerPage]);\n\n  const onPageSizeChange = (value: number) => {\n    if (response) {\n      let newPage = page;\n      while (newPage * value > response.total) {\n        newPage -= 1;\n      }\n      onPageChange(Math.max(1, newPage));\n    }\n    setPostsPerPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('postsPerPage', String(value));\n      return newValue;\n    });\n  };\n\n  return {\n    page,\n    setPage,\n    postsPerPage,\n    setPostsPerPage,\n    showFilterPanel,\n    setShowFilterPanel,\n    searchParams,\n    setSearchParams,\n    searchQuery,\n    setSearchQuery,\n    filters,\n    setFilters,\n    onPageChange,\n    onPageSizeChange,\n    onFilterChange,\n    onSearchQueryChange,\n    response,\n    loading,\n    error,\n    loadNextPage,\n    pageCount,\n    retry,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"usePaginatedPosts.esm.js","sources":["../../src/hooks/usePaginatedPosts.ts"],"sourcesContent":["import { useAnalytics } from '@backstage/core-plugin-api';\nimport React, { useEffect } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  FilterKey,\n  filterKeys,\n  PostFilters,\n} from '../components/FilterPanel/FilterPanel';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { getFiltersWithDateRange } from '../utils';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi } from './useQetaApi';\n\nexport type PaginatedPostsProps = PostFilters & {\n  author?: string;\n  showFilters?: boolean;\n  showTitle?: boolean;\n  title?: string;\n  favorite?: boolean;\n  showAskButton?: boolean;\n  showWriteButton?: boolean;\n  showNoQuestionsBtn?: boolean;\n  initialPageSize?: number;\n  collectionId?: number;\n};\n\nexport type PostFilterChange = {\n  key: keyof PostFilters;\n  value?: PostFilters[keyof PostFilters];\n};\n\nconst EXPANDED_LOCAL_STORAGE_KEY = 'qeta-post-filters-expanded';\n\nexport function usePaginatedPosts(props: PaginatedPostsProps) {\n  const { type, tags, author, entities, entity, favorite, initialPageSize } =\n    props;\n  const analytics = useAnalytics();\n  const [page, setPage] = React.useState(1);\n  const [pageCount, setPageCount] = React.useState(1);\n  const [postsPerPage, setPostsPerPage] = React.useState(initialPageSize ?? 10);\n  const [showFilterPanel, setShowFilterPanel] = React.useState(\n    localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === 'true',\n  );\n  const [searchParams, setSearchParams] = useSearchParams();\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const [filters, setFilters] = React.useState<PostFilters>({\n    order: props.order ?? 'desc',\n    orderBy: props.orderBy ?? 'created',\n    noAnswers: props.noAnswers ?? 'false',\n    noCorrectAnswer: props.noCorrectAnswer ?? 'false',\n    noVotes: props.noVotes ?? 'false',\n    searchQuery: props.searchQuery ?? '',\n    entities: entities ?? (entity ? [entity] : undefined),\n    tags: tags,\n    dateRange: '',\n    collectionId: props.collectionId,\n    type,\n  });\n\n  useEffect(() => {\n    localStorage.setItem(\n      EXPANDED_LOCAL_STORAGE_KEY,\n      showFilterPanel ? 'true' : 'false',\n    );\n  }, [showFilterPanel]);\n\n  const onPageChange = (value: number) => {\n    setPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('page', String(value));\n      return newValue;\n    });\n  };\n\n  const loadNextPage = () => {\n    setPage(prev => prev + 1);\n  };\n\n  const onFilterChange = (changes: PostFilterChange | PostFilterChange[]) => {\n    const changesArray = Array.isArray(changes) ? changes : [changes];\n    setPage(1);\n    setFilters(prev => {\n      const newValue = { ...prev };\n      for (const { key, value } of changesArray) {\n        (newValue as any)[key] = value;\n      }\n      return newValue;\n    });\n    setSearchParams(prev => {\n      const newValue = prev;\n      for (const { key, value } of changesArray) {\n        if (!filterKeys.includes(key as FilterKey)) {\n          continue;\n        }\n        if (!value || value === 'false') {\n          newValue.delete(key);\n        } else if (Array.isArray(value)) {\n          if (value.length === 0) {\n            newValue.delete(key);\n          } else {\n            newValue.set(key, value.join(','));\n          }\n        } else if (typeof value === 'number') {\n          newValue.set(key, String(value));\n        } else if (value.length > 0) {\n          newValue.set(key, value);\n        } else {\n          newValue.delete(key);\n        }\n      }\n      return newValue;\n    });\n  };\n\n  const onSearchQueryChange = (query: string) => {\n    onPageChange(1);\n    if (query) {\n      analytics.captureEvent('qeta_search', query);\n    }\n    setSearchQuery(query);\n  };\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    let filtersApplied = false;\n    searchParams.forEach((value, key) => {\n      try {\n        if (key === 'page') {\n          const pv = Number.parseInt(value, 10);\n          if (pv > 0) {\n            setPage(pv);\n          } else {\n            setPage(1);\n          }\n        } else if (key === 'postsPerPage') {\n          const qpp = Number.parseInt(value, 10);\n          if (qpp > 0) setPostsPerPage(qpp);\n        } else if (filterKeys.includes(key as FilterKey)) {\n          filtersApplied = true;\n          if (key === 'tags') {\n            filters.tags = filterTags(value) ?? [];\n          } else {\n            (filters as any)[key] = value;\n          }\n        }\n      } catch (_e) {\n        // NOOP\n      }\n    });\n    setFilters(filters);\n    if (filtersApplied) {\n      setShowFilterPanel(true);\n    }\n  }, [searchParams, filters]);\n\n  const {\n    value: response,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(\n    api => {\n      return api.getPosts({\n        type,\n        limit: postsPerPage,\n        offset: (page - 1) * postsPerPage,\n        includeEntities: true,\n        author,\n        favorite,\n        ...(getFiltersWithDateRange(filters) as any),\n      });\n    },\n    [type, page, filters, postsPerPage],\n  );\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / postsPerPage));\n    }\n  }, [response, postsPerPage]);\n\n  const onPageSizeChange = (value: number) => {\n    if (response) {\n      let newPage = page;\n      while (newPage * value > response.total) {\n        newPage -= 1;\n      }\n      onPageChange(Math.max(1, newPage));\n    }\n    setPostsPerPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('postsPerPage', String(value));\n      return newValue;\n    });\n  };\n\n  return {\n    page,\n    setPage,\n    postsPerPage,\n    setPostsPerPage,\n    showFilterPanel,\n    setShowFilterPanel,\n    searchParams,\n    setSearchParams,\n    searchQuery,\n    setSearchQuery,\n    filters,\n    setFilters,\n    onPageChange,\n    onPageSizeChange,\n    onFilterChange,\n    onSearchQueryChange,\n    response,\n    loading,\n    error,\n    loadNextPage,\n    pageCount,\n    retry,\n  };\n}\n"],"names":["React"],"mappings":"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"}

package/dist/hooks/useStyles.esm.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core';
+import makeStyles from '@mui/styles/makeStyles';
 
 const useStyles = makeStyles(
   (theme) => {
@@ -14,7 +14,6 @@ const useStyles = makeStyles(
       questionCardVote: {
         textAlign: "center",
         width: "32px",
-        marginRight: "20px",
         marginLeft: "5px",
         display: "inline-block",
         verticalAlign: "top"
@@ -25,7 +24,7 @@ const useStyles = makeStyles(
       },
       questionListItem: {
         padding: "0.7rem",
-        paddingBottom: "1.4rem"
+        paddingBottom: "1.0rem"
       },
       questionListItemStats: {
         width: "70px",
@@ -88,10 +87,10 @@ const useStyles = makeStyles(
         marginTop: theme.spacing(3)
       },
       marginRight: {
-        marginRight: theme.spacing(1)
+        marginRight: `${theme.spacing(2)} !important`
       },
       marginLeft: {
-        marginLeft: theme.spacing(1)
+        marginLeft: `${theme.spacing(2)} !important`
       },
       questionCardActions: {
         marginTop: theme.spacing(2),

package/dist/hooks/useStyles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStyles.esm.js","sources":["../../src/hooks/useStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      questionDivider: {\n        marginTop: theme.spacing(2),\n        marginBottom: theme.spacing(2),\n      },\n      questionCard: {\n        marginBottom: theme.spacing(1),\n        position: 'relative',\n      },\n      questionCardVote: {\n        textAlign: 'center',\n        width: '32px',\n        marginRight: '20px',\n        marginLeft: '5px',\n        display: 'inline-block',\n        verticalAlign: 'top',\n      },\n      questionCardContent: {\n        minHeight: '160px',\n        flexGrow: 1,\n      },\n      questionListItem: {\n        padding: '0.7rem',\n        paddingBottom: '1.4rem',\n      },\n      questionListItemStats: {\n        width: '70px',\n        textAlign: 'right',\n        marginRight: '5px',\n        display: 'inline-block',\n        verticalAlign: 'top',\n      },\n      questionListItemContent: {\n        display: 'inline-block',\n        width: 'calc(100% - 80px)',\n      },\n      questionListItemAuthor: {\n        display: 'inline',\n        float: 'right',\n      },\n      questionListItemAvatar: {\n        display: 'inline-flex !important',\n        marginRight: '0.25rem',\n        fontSize: '1rem',\n        maxWidth: '1rem',\n        maxHeight: '1rem',\n      },\n      answerCardContent: {\n        display: 'inline-block',\n        width: 'calc(100% - 70px)',\n      },\n      questionListPagination: {\n        marginTop: theme.spacing(2),\n      },\n      questionsPerPageInput: {\n        paddingTop: '10px',\n        paddingBottom: '10px',\n      },\n      questionsPerPage: {\n        marginRight: theme.spacing(3),\n      },\n      postHighlightListContainer: {\n        width: '100%',\n        backgroundColor: theme.palette.background.paper,\n        border: `1px solid ${theme.palette.action.selected}`,\n        borderRadius: theme.shape.borderRadius,\n        '&:not(:first-child)': {\n          marginTop: theme.spacing(2),\n        },\n      },\n      postHighlightList: {\n        paddingBottom: '0px',\n        '& p': {\n          marginTop: '0',\n          marginBottom: '0',\n        },\n      },\n      filterPanel: {\n        border: `1px solid ${theme.palette.action.selected}`,\n        borderRadius: theme.shape.borderRadius,\n        padding: theme.spacing(3),\n      },\n      questionCardMetadata: {\n        marginTop: theme.spacing(3),\n      },\n      marginRight: {\n        marginRight: theme.spacing(1),\n      },\n      marginLeft: {\n        marginLeft: theme.spacing(1),\n      },\n      questionCardActions: {\n        marginTop: theme.spacing(2),\n        '& a': {\n          marginRight: theme.spacing(1),\n        },\n      },\n      noPadding: {\n        padding: `0 !important`,\n      },\n      deleteModal: {\n        position: 'absolute',\n        top: '20%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n        width: 400,\n        backgroundColor: theme.palette.background.default,\n        border: `1px solid ${theme.palette.action.selected}`,\n        borderRadius: theme.shape.borderRadius,\n        padding: theme.spacing(2),\n        '& button': {\n          marginTop: theme.spacing(2),\n          float: 'right',\n        },\n      },\n      highlight: {\n        animation: '$highlight 2s',\n      },\n      '@keyframes highlight': {\n        '0%': {\n          boxShadow: `0px 0px 0px 3px ${theme.palette.secondary.light}`,\n        },\n        '100%': {\n          boxShadow: 'none',\n        },\n      },\n      dateFilter: {\n        minWidth: '200px',\n        marginTop: theme.spacing(2),\n        marginBottom: theme.spacing(2),\n      },\n    };\n  },\n  { name: 'Qeta' },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useStyles.esm.js","sources":["../../src/hooks/useStyles.ts"],"sourcesContent":["import makeStyles from '@mui/styles/makeStyles';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      questionDivider: {\n        marginTop: theme.spacing(2),\n        marginBottom: theme.spacing(2),\n      },\n      questionCard: {\n        marginBottom: theme.spacing(1),\n        position: 'relative',\n      },\n      questionCardVote: {\n        textAlign: 'center',\n        width: '32px',\n        marginLeft: '5px',\n        display: 'inline-block',\n        verticalAlign: 'top',\n      },\n      questionCardContent: {\n        minHeight: '160px',\n        flexGrow: 1,\n      },\n      questionListItem: {\n        padding: '0.7rem',\n        paddingBottom: '1.0rem',\n      },\n      questionListItemStats: {\n        width: '70px',\n        textAlign: 'right',\n        marginRight: '5px',\n        display: 'inline-block',\n        verticalAlign: 'top',\n      },\n      questionListItemContent: {\n        display: 'inline-block',\n        width: 'calc(100% - 80px)',\n      },\n      questionListItemAuthor: {\n        display: 'inline',\n        float: 'right',\n      },\n      questionListItemAvatar: {\n        display: 'inline-flex !important',\n        marginRight: '0.25rem',\n        fontSize: '1rem',\n        maxWidth: '1rem',\n        maxHeight: '1rem',\n      },\n      answerCardContent: {\n        display: 'inline-block',\n        width: 'calc(100% - 70px)',\n      },\n      questionListPagination: {\n        marginTop: theme.spacing(2),\n      },\n      questionsPerPageInput: {\n        paddingTop: '10px',\n        paddingBottom: '10px',\n      },\n      questionsPerPage: {\n        marginRight: theme.spacing(3),\n      },\n      postHighlightListContainer: {\n        width: '100%',\n        backgroundColor: theme.palette.background.paper,\n        border: `1px solid ${theme.palette.action.selected}`,\n        borderRadius: theme.shape.borderRadius,\n        '&:not(:first-child)': {\n          marginTop: theme.spacing(2),\n        },\n      },\n      postHighlightList: {\n        paddingBottom: '0px',\n        '& p': {\n          marginTop: '0',\n          marginBottom: '0',\n        },\n      },\n      filterPanel: {\n        border: `1px solid ${theme.palette.action.selected}`,\n        borderRadius: theme.shape.borderRadius,\n        padding: theme.spacing(3),\n      },\n      questionCardMetadata: {\n        marginTop: theme.spacing(3),\n      },\n      marginRight: {\n        marginRight: `${theme.spacing(2)} !important`,\n      },\n      marginLeft: {\n        marginLeft: `${theme.spacing(2)} !important`,\n      },\n      questionCardActions: {\n        marginTop: theme.spacing(2),\n        '& a': {\n          marginRight: theme.spacing(1),\n        },\n      },\n      noPadding: {\n        padding: `0 !important`,\n      },\n      deleteModal: {\n        position: 'absolute',\n        top: '20%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n        width: 400,\n        backgroundColor: theme.palette.background.default,\n        border: `1px solid ${theme.palette.action.selected}`,\n        borderRadius: theme.shape.borderRadius,\n        padding: theme.spacing(2),\n        '& button': {\n          marginTop: theme.spacing(2),\n          float: 'right',\n        },\n      },\n      highlight: {\n        animation: '$highlight 2s',\n      },\n      '@keyframes highlight': {\n        '0%': {\n          boxShadow: `0px 0px 0px 3px ${theme.palette.secondary.light}`,\n        },\n        '100%': {\n          boxShadow: 'none',\n        },\n      },\n      dateFilter: {\n        minWidth: '200px',\n        marginTop: theme.spacing(2),\n        marginBottom: theme.spacing(2),\n      },\n    };\n  },\n  { name: 'Qeta' },\n);\n"],"names":[],"mappings":"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"}

package/dist/hooks/useTagsFollow.esm.js

@@ -1,11 +1,11 @@
-import React, { useEffect, useCallback } from 'react';
+import React__default, { useEffect, useCallback } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../api.esm.js';
 
 let followedTags = void 0;
 const useTagsFollow = () => {
-  const [tags, setTags] = React.useState(followedTags ?? []);
-  const [loading, setLoading] = React.useState(followedTags === void 0);
+  const [tags, setTags] = React__default.useState(followedTags ?? []);
+  const [loading, setLoading] = React__default.useState(followedTags === void 0);
   const qetaApi = useApi(qetaApiRef);
   useEffect(() => {
     if (followedTags === void 0) {

package/dist/hooks/useTagsFollow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTagsFollow.esm.js","sources":["../../src/hooks/useTagsFollow.ts"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\n\nlet followedTags: string[] | undefined = undefined;\n\nexport const useTagsFollow = () => {\n  const [tags, setTags] = React.useState<string[]>(followedTags ?? []);\n  const [loading, setLoading] = React.useState(followedTags === undefined);\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (followedTags === undefined) {\n      qetaApi.getFollowedTags().then(res => {\n        followedTags = res.tags;\n        setTags(res.tags);\n        setLoading(false);\n      });\n    } else {\n      setTags(followedTags);\n    }\n  }, [qetaApi]);\n\n  const followTag = useCallback(\n    (tag: string) => {\n      qetaApi.followTag(tag).then(() => {\n        setTags(prev => [...prev, tag]);\n        followedTags?.push(tag);\n      });\n    },\n    [qetaApi],\n  );\n\n  const unfollowTag = useCallback(\n    (tag: string) => {\n      qetaApi.unfollowTag(tag).then(() => {\n        setTags(prev => prev.filter(t => t !== tag));\n        followedTags = followedTags?.filter(t => t !== tag);\n      });\n    },\n    [qetaApi],\n  );\n\n  const isFollowingTag = useCallback(\n    (tag: string) => tags.includes(tag),\n    [tags],\n  );\n  return {\n    tags,\n    followTag,\n    unfollowTag,\n    isFollowingTag,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;AAIA,IAAI,YAAqC,GAAA,KAAA,CAAA,CAAA;AAElC,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAI,MAAM,QAAmB,CAAA,YAAA,IAAgB,EAAE,CAAA,CAAA;AACnE,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAI,KAAM,CAAA,QAAA,CAAS,iBAAiB,KAAS,CAAA,CAAA,CAAA;AACvE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,MAAQ,OAAA,CAAA,eAAA,EAAkB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACpC,QAAA,YAAA,GAAe,GAAI,CAAA,IAAA,CAAA;AACnB,QAAA,OAAA,CAAQ,IAAI,IAAI,CAAA,CAAA;AAChB,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OACjB,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,OAAA,CAAQ,YAAY,CAAA,CAAA;AAAA,KACtB;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,GAAgB,KAAA;AACf,MAAA,OAAA,CAAQ,SAAU,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,MAAM;AAChC,QAAA,OAAA,CAAQ,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,GAAG,CAAC,CAAA,CAAA;AAC9B,QAAA,YAAA,EAAc,KAAK,GAAG,CAAA,CAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,GAAgB,KAAA;AACf,MAAA,OAAA,CAAQ,WAAY,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,MAAM;AAClC,QAAA,OAAA,CAAQ,UAAQ,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,GAAG,CAAC,CAAA,CAAA;AAC3C,QAAA,YAAA,GAAe,YAAc,EAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,GAAG,CAAA,CAAA;AAAA,OACnD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,CAAC,GAAA,KAAgB,IAAK,CAAA,QAAA,CAAS,GAAG,CAAA;AAAA,IAClC,CAAC,IAAI,CAAA;AAAA,GACP,CAAA;AACA,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useTagsFollow.esm.js","sources":["../../src/hooks/useTagsFollow.ts"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\n\nlet followedTags: string[] | undefined = undefined;\n\nexport const useTagsFollow = () => {\n  const [tags, setTags] = React.useState<string[]>(followedTags ?? []);\n  const [loading, setLoading] = React.useState(followedTags === undefined);\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (followedTags === undefined) {\n      qetaApi.getFollowedTags().then(res => {\n        followedTags = res.tags;\n        setTags(res.tags);\n        setLoading(false);\n      });\n    } else {\n      setTags(followedTags);\n    }\n  }, [qetaApi]);\n\n  const followTag = useCallback(\n    (tag: string) => {\n      qetaApi.followTag(tag).then(() => {\n        setTags(prev => [...prev, tag]);\n        followedTags?.push(tag);\n      });\n    },\n    [qetaApi],\n  );\n\n  const unfollowTag = useCallback(\n    (tag: string) => {\n      qetaApi.unfollowTag(tag).then(() => {\n        setTags(prev => prev.filter(t => t !== tag));\n        followedTags = followedTags?.filter(t => t !== tag);\n      });\n    },\n    [qetaApi],\n  );\n\n  const isFollowingTag = useCallback(\n    (tag: string) => tags.includes(tag),\n    [tags],\n  );\n  return {\n    tags,\n    followTag,\n    unfollowTag,\n    isFollowingTag,\n    loading,\n  };\n};\n"],"names":["React"],"mappings":";;;;AAIA,IAAI,YAAqC,GAAA,KAAA,CAAA,CAAA;AAElC,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAIA,eAAM,QAAmB,CAAA,YAAA,IAAgB,EAAE,CAAA,CAAA;AACnE,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAIA,cAAM,CAAA,QAAA,CAAS,iBAAiB,KAAS,CAAA,CAAA,CAAA;AACvE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,MAAQ,OAAA,CAAA,eAAA,EAAkB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACpC,QAAA,YAAA,GAAe,GAAI,CAAA,IAAA,CAAA;AACnB,QAAA,OAAA,CAAQ,IAAI,IAAI,CAAA,CAAA;AAChB,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OACjB,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,OAAA,CAAQ,YAAY,CAAA,CAAA;AAAA,KACtB;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,GAAgB,KAAA;AACf,MAAA,OAAA,CAAQ,SAAU,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,MAAM;AAChC,QAAA,OAAA,CAAQ,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,GAAG,CAAC,CAAA,CAAA;AAC9B,QAAA,YAAA,EAAc,KAAK,GAAG,CAAA,CAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,GAAgB,KAAA;AACf,MAAA,OAAA,CAAQ,WAAY,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,MAAM;AAClC,QAAA,OAAA,CAAQ,UAAQ,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,GAAG,CAAC,CAAA,CAAA;AAC3C,QAAA,YAAA,GAAe,YAAc,EAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,GAAG,CAAA,CAAA;AAAA,OACnD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,CAAC,GAAA,KAAgB,IAAK,CAAA,QAAA,CAAS,GAAG,CAAA;AAAA,IAClC,CAAC,IAAI,CAAA;AAAA,GACP,CAAA;AACA,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/hooks/useUserFollow.esm.js

@@ -1,11 +1,11 @@
-import React, { useEffect, useCallback } from 'react';
+import React__default, { useEffect, useCallback } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../api.esm.js';
 
 let followedUsers = void 0;
 const useUserFollow = () => {
-  const [users, setUsers] = React.useState(followedUsers ?? []);
-  const [loading, setLoading] = React.useState(followedUsers === void 0);
+  const [users, setUsers] = React__default.useState(followedUsers ?? []);
+  const [loading, setLoading] = React__default.useState(followedUsers === void 0);
   const qetaApi = useApi(qetaApiRef);
   useEffect(() => {
     if (followedUsers === void 0) {

package/dist/hooks/useUserFollow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUserFollow.esm.js","sources":["../../src/hooks/useUserFollow.ts"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\n\nlet followedUsers: string[] | undefined = undefined;\n\nexport const useUserFollow = () => {\n  const [users, setUsers] = React.useState<string[]>(followedUsers ?? []);\n  const [loading, setLoading] = React.useState(followedUsers === undefined);\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (followedUsers === undefined) {\n      qetaApi.getFollowedUsers().then(res => {\n        followedUsers = res.followedUserRefs;\n        setUsers(res.followedUserRefs);\n        setLoading(false);\n      });\n    } else {\n      setUsers(followedUsers);\n    }\n  }, [qetaApi]);\n\n  const followUser = useCallback(\n    (user: string) => {\n      qetaApi.followUser(user).then(() => {\n        setUsers(prev => [...prev, user]);\n        followedUsers?.push(user);\n      });\n    },\n    [qetaApi],\n  );\n\n  const unfollowUser = useCallback(\n    (user: string) => {\n      qetaApi.unfollowUser(user).then(() => {\n        setUsers(prev => prev.filter(t => t !== user));\n        followedUsers = followedUsers?.filter(t => t !== user);\n      });\n    },\n    [qetaApi],\n  );\n\n  const isFollowingUser = useCallback(\n    (user: string) => users.includes(user),\n    [users],\n  );\n  return {\n    users,\n    followUser,\n    unfollowUser,\n    isFollowingUser,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;AAIA,IAAI,aAAsC,GAAA,KAAA,CAAA,CAAA;AAEnC,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,CAAC,OAAO,QAAQ,CAAA,GAAI,MAAM,QAAmB,CAAA,aAAA,IAAiB,EAAE,CAAA,CAAA;AACtE,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAI,KAAM,CAAA,QAAA,CAAS,kBAAkB,KAAS,CAAA,CAAA,CAAA;AACxE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,kBAAkB,KAAW,CAAA,EAAA;AAC/B,MAAQ,OAAA,CAAA,gBAAA,EAAmB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACrC,QAAA,aAAA,GAAgB,GAAI,CAAA,gBAAA,CAAA;AACpB,QAAA,QAAA,CAAS,IAAI,gBAAgB,CAAA,CAAA;AAC7B,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OACjB,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,QAAA,CAAS,aAAa,CAAA,CAAA;AAAA,KACxB;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAA,MAAM,UAAa,GAAA,WAAA;AAAA,IACjB,CAAC,IAAiB,KAAA;AAChB,MAAA,OAAA,CAAQ,UAAW,CAAA,IAAI,CAAE,CAAA,IAAA,CAAK,MAAM;AAClC,QAAA,QAAA,CAAS,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,IAAI,CAAC,CAAA,CAAA;AAChC,QAAA,aAAA,EAAe,KAAK,IAAI,CAAA,CAAA;AAAA,OACzB,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,IAAiB,KAAA;AAChB,MAAA,OAAA,CAAQ,YAAa,CAAA,IAAI,CAAE,CAAA,IAAA,CAAK,MAAM;AACpC,QAAA,QAAA,CAAS,UAAQ,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,IAAI,CAAC,CAAA,CAAA;AAC7C,QAAA,aAAA,GAAgB,aAAe,EAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,IAAI,CAAA,CAAA;AAAA,OACtD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,IAAA,KAAiB,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACrC,CAAC,KAAK,CAAA;AAAA,GACR,CAAA;AACA,EAAO,OAAA;AAAA,IACL,KAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useUserFollow.esm.js","sources":["../../src/hooks/useUserFollow.ts"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\n\nlet followedUsers: string[] | undefined = undefined;\n\nexport const useUserFollow = () => {\n  const [users, setUsers] = React.useState<string[]>(followedUsers ?? []);\n  const [loading, setLoading] = React.useState(followedUsers === undefined);\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (followedUsers === undefined) {\n      qetaApi.getFollowedUsers().then(res => {\n        followedUsers = res.followedUserRefs;\n        setUsers(res.followedUserRefs);\n        setLoading(false);\n      });\n    } else {\n      setUsers(followedUsers);\n    }\n  }, [qetaApi]);\n\n  const followUser = useCallback(\n    (user: string) => {\n      qetaApi.followUser(user).then(() => {\n        setUsers(prev => [...prev, user]);\n        followedUsers?.push(user);\n      });\n    },\n    [qetaApi],\n  );\n\n  const unfollowUser = useCallback(\n    (user: string) => {\n      qetaApi.unfollowUser(user).then(() => {\n        setUsers(prev => prev.filter(t => t !== user));\n        followedUsers = followedUsers?.filter(t => t !== user);\n      });\n    },\n    [qetaApi],\n  );\n\n  const isFollowingUser = useCallback(\n    (user: string) => users.includes(user),\n    [users],\n  );\n  return {\n    users,\n    followUser,\n    unfollowUser,\n    isFollowingUser,\n    loading,\n  };\n};\n"],"names":["React"],"mappings":";;;;AAIA,IAAI,aAAsC,GAAA,KAAA,CAAA,CAAA;AAEnC,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,CAAC,OAAO,QAAQ,CAAA,GAAIA,eAAM,QAAmB,CAAA,aAAA,IAAiB,EAAE,CAAA,CAAA;AACtE,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAIA,cAAM,CAAA,QAAA,CAAS,kBAAkB,KAAS,CAAA,CAAA,CAAA;AACxE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,kBAAkB,KAAW,CAAA,EAAA;AAC/B,MAAQ,OAAA,CAAA,gBAAA,EAAmB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACrC,QAAA,aAAA,GAAgB,GAAI,CAAA,gBAAA,CAAA;AACpB,QAAA,QAAA,CAAS,IAAI,gBAAgB,CAAA,CAAA;AAC7B,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OACjB,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,QAAA,CAAS,aAAa,CAAA,CAAA;AAAA,KACxB;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAA,MAAM,UAAa,GAAA,WAAA;AAAA,IACjB,CAAC,IAAiB,KAAA;AAChB,MAAA,OAAA,CAAQ,UAAW,CAAA,IAAI,CAAE,CAAA,IAAA,CAAK,MAAM;AAClC,QAAA,QAAA,CAAS,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,IAAI,CAAC,CAAA,CAAA;AAChC,QAAA,aAAA,EAAe,KAAK,IAAI,CAAA,CAAA;AAAA,OACzB,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,IAAiB,KAAA;AAChB,MAAA,OAAA,CAAQ,YAAa,CAAA,IAAI,CAAE,CAAA,IAAA,CAAK,MAAM;AACpC,QAAA,QAAA,CAAS,UAAQ,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,IAAI,CAAC,CAAA,CAAA;AAC7C,QAAA,aAAA,GAAgB,aAAe,EAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,IAAI,CAAA,CAAA;AAAA,OACtD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,IAAA,KAAiB,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACrC,CAAC,KAAK,CAAA;AAAA,GACR,CAAA;AACA,EAAO,OAAA;AAAA,IACL,KAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/hooks/useVoting.esm.js

@@ -1,14 +1,14 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { useAnalytics, useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../api.esm.js';
 import { useTranslation } from './useTranslation.esm.js';
 import { useSignal } from '@backstage/plugin-signals-react';
 
 function useVoting(resp) {
-  const [entity, setEntity] = React.useState(
+  const [entity, setEntity] = React__default.useState(
     resp
   );
-  const [ownVote, setOwnVote] = React.useState(entity.ownVote ?? 0);
+  const [ownVote, setOwnVote] = React__default.useState(entity.ownVote ?? 0);
   const [correctAnswer, setCorrectAnswer] = useState(
     "postId" in entity ? entity.correct : false
   );

package/dist/hooks/useVoting.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVoting.esm.js","sources":["../../src/hooks/useVoting.ts"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { useTranslation } from './useTranslation';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport {\n  AnswerResponse,\n  PostResponse,\n  QetaSignal,\n} from '@drodil/backstage-plugin-qeta-common';\n\nexport function useVoting(resp: PostResponse | AnswerResponse) {\n  const [entity, setEntity] = React.useState<PostResponse | AnswerResponse>(\n    resp,\n  );\n  const [ownVote, setOwnVote] = React.useState(entity.ownVote ?? 0);\n  const [correctAnswer, setCorrectAnswer] = useState(\n    'postId' in entity ? entity.correct : false,\n  );\n  const [score, setScore] = useState(entity.score);\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n\n  const isQuestion = 'title' in entity;\n  const own = entity.own ?? false;\n\n  const { lastSignal } = useSignal<QetaSignal>(\n    isQuestion ? `qeta:question_${entity.id}` : `qeta:answer_${entity.id}`,\n  );\n\n  useEffect(() => {\n    if (entity) {\n      setScore(entity.score);\n    }\n  }, [entity]);\n\n  useEffect(() => {\n    if (\n      lastSignal?.type === 'post_stats' ||\n      lastSignal?.type === 'answer_stats'\n    ) {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setScore(lastSignal.score);\n    }\n  }, [lastSignal]);\n\n  const deletePostVote = (id: number) => {\n    qetaApi.deletePostVote(id).then(response => {\n      setOwnVote(0);\n      analytics.captureEvent('vote', 'question', { value: 0 });\n      setEntity(response);\n    });\n  };\n\n  const deleteAnswerVote = (postId: number, id: number) => {\n    qetaApi.deleteAnswerVote(postId, id).then(response => {\n      setOwnVote(0);\n      analytics.captureEvent('vote', 'answer', { value: 0 });\n      setEntity(response);\n    });\n  };\n\n  const voteUp = () => {\n    if (isQuestion) {\n      if (ownVote > 0) {\n        deletePostVote(entity.id);\n        return;\n      }\n      qetaApi.votePostUp(entity.id).then(response => {\n        setOwnVote(1);\n        analytics.captureEvent('vote', 'question', { value: 1 });\n        setEntity(response);\n      });\n    } else if ('postId' in entity) {\n      if (ownVote > 0) {\n        deleteAnswerVote(entity.postId, entity.id);\n        return;\n      }\n      qetaApi.voteAnswerUp(entity.postId, entity.id).then(response => {\n        setOwnVote(1);\n        analytics.captureEvent('vote', 'answer', { value: 1 });\n        setEntity(response);\n      });\n    }\n  };\n\n  const voteDown = () => {\n    if (isQuestion) {\n      if (ownVote < 0) {\n        deletePostVote(entity.id);\n        return;\n      }\n      qetaApi.votePostDown(entity.id).then(response => {\n        setOwnVote(-1);\n        analytics.captureEvent('vote', 'question', { value: -1 });\n        setEntity(response);\n      });\n    } else if ('postId' in entity) {\n      if (ownVote < 0) {\n        deleteAnswerVote(entity.postId, entity.id);\n        return;\n      }\n      qetaApi.voteAnswerDown(entity.postId, entity.id).then(response => {\n        setOwnVote(-1);\n        analytics.captureEvent('vote', 'answer', { value: -1 });\n        setEntity(response);\n      });\n    }\n  };\n\n  let correctTooltip: string = correctAnswer\n    ? t('voteButtons.answer.markIncorrect')\n    : t('voteButtons.answer.markCorrect');\n  if (!entity?.own) {\n    correctTooltip = correctAnswer ? t('voteButtons.answer.marked') : '';\n  }\n\n  let voteUpTooltip: string = isQuestion\n    ? t('voteButtons.question.good')\n    : t('voteButtons.answer.good');\n  if (own) {\n    voteUpTooltip = isQuestion\n      ? t('voteButtons.question.own')\n      : t('voteButtons.answer.own');\n  }\n\n  let voteDownTooltip: string = isQuestion\n    ? t('voteButtons.question.bad')\n    : t('voteButtons.answer.bad');\n  if (own) {\n    voteDownTooltip = voteUpTooltip;\n  }\n\n  const toggleCorrectAnswer = () => {\n    if (!('postId' in entity)) {\n      return;\n    }\n    if (correctAnswer) {\n      qetaApi.markAnswerIncorrect(entity.postId, entity.id).then(response => {\n        if (response) {\n          setCorrectAnswer(false);\n        }\n      });\n    } else {\n      qetaApi.markAnswerCorrect(entity.postId, entity.id).then(response => {\n        if (response) {\n          setCorrectAnswer(true);\n        }\n      });\n    }\n  };\n\n  return {\n    entity,\n    ownVote,\n    correctAnswer,\n    score,\n    voteUp,\n    voteDown,\n    toggleCorrectAnswer,\n    voteUpTooltip,\n    voteDownTooltip,\n    correctTooltip,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useVoting.esm.js","sources":["../../src/hooks/useVoting.ts"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { useTranslation } from './useTranslation';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport {\n  AnswerResponse,\n  PostResponse,\n  QetaSignal,\n} from '@drodil/backstage-plugin-qeta-common';\n\nexport function useVoting(resp: PostResponse | AnswerResponse) {\n  const [entity, setEntity] = React.useState<PostResponse | AnswerResponse>(\n    resp,\n  );\n  const [ownVote, setOwnVote] = React.useState(entity.ownVote ?? 0);\n  const [correctAnswer, setCorrectAnswer] = useState(\n    'postId' in entity ? entity.correct : false,\n  );\n  const [score, setScore] = useState(entity.score);\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n\n  const isQuestion = 'title' in entity;\n  const own = entity.own ?? false;\n\n  const { lastSignal } = useSignal<QetaSignal>(\n    isQuestion ? `qeta:question_${entity.id}` : `qeta:answer_${entity.id}`,\n  );\n\n  useEffect(() => {\n    if (entity) {\n      setScore(entity.score);\n    }\n  }, [entity]);\n\n  useEffect(() => {\n    if (\n      lastSignal?.type === 'post_stats' ||\n      lastSignal?.type === 'answer_stats'\n    ) {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setScore(lastSignal.score);\n    }\n  }, [lastSignal]);\n\n  const deletePostVote = (id: number) => {\n    qetaApi.deletePostVote(id).then(response => {\n      setOwnVote(0);\n      analytics.captureEvent('vote', 'question', { value: 0 });\n      setEntity(response);\n    });\n  };\n\n  const deleteAnswerVote = (postId: number, id: number) => {\n    qetaApi.deleteAnswerVote(postId, id).then(response => {\n      setOwnVote(0);\n      analytics.captureEvent('vote', 'answer', { value: 0 });\n      setEntity(response);\n    });\n  };\n\n  const voteUp = () => {\n    if (isQuestion) {\n      if (ownVote > 0) {\n        deletePostVote(entity.id);\n        return;\n      }\n      qetaApi.votePostUp(entity.id).then(response => {\n        setOwnVote(1);\n        analytics.captureEvent('vote', 'question', { value: 1 });\n        setEntity(response);\n      });\n    } else if ('postId' in entity) {\n      if (ownVote > 0) {\n        deleteAnswerVote(entity.postId, entity.id);\n        return;\n      }\n      qetaApi.voteAnswerUp(entity.postId, entity.id).then(response => {\n        setOwnVote(1);\n        analytics.captureEvent('vote', 'answer', { value: 1 });\n        setEntity(response);\n      });\n    }\n  };\n\n  const voteDown = () => {\n    if (isQuestion) {\n      if (ownVote < 0) {\n        deletePostVote(entity.id);\n        return;\n      }\n      qetaApi.votePostDown(entity.id).then(response => {\n        setOwnVote(-1);\n        analytics.captureEvent('vote', 'question', { value: -1 });\n        setEntity(response);\n      });\n    } else if ('postId' in entity) {\n      if (ownVote < 0) {\n        deleteAnswerVote(entity.postId, entity.id);\n        return;\n      }\n      qetaApi.voteAnswerDown(entity.postId, entity.id).then(response => {\n        setOwnVote(-1);\n        analytics.captureEvent('vote', 'answer', { value: -1 });\n        setEntity(response);\n      });\n    }\n  };\n\n  let correctTooltip: string = correctAnswer\n    ? t('voteButtons.answer.markIncorrect')\n    : t('voteButtons.answer.markCorrect');\n  if (!entity?.own) {\n    correctTooltip = correctAnswer ? t('voteButtons.answer.marked') : '';\n  }\n\n  let voteUpTooltip: string = isQuestion\n    ? t('voteButtons.question.good')\n    : t('voteButtons.answer.good');\n  if (own) {\n    voteUpTooltip = isQuestion\n      ? t('voteButtons.question.own')\n      : t('voteButtons.answer.own');\n  }\n\n  let voteDownTooltip: string = isQuestion\n    ? t('voteButtons.question.bad')\n    : t('voteButtons.answer.bad');\n  if (own) {\n    voteDownTooltip = voteUpTooltip;\n  }\n\n  const toggleCorrectAnswer = () => {\n    if (!('postId' in entity)) {\n      return;\n    }\n    if (correctAnswer) {\n      qetaApi.markAnswerIncorrect(entity.postId, entity.id).then(response => {\n        if (response) {\n          setCorrectAnswer(false);\n        }\n      });\n    } else {\n      qetaApi.markAnswerCorrect(entity.postId, entity.id).then(response => {\n        if (response) {\n          setCorrectAnswer(true);\n        }\n      });\n    }\n  };\n\n  return {\n    entity,\n    ownVote,\n    correctAnswer,\n    score,\n    voteUp,\n    voteDown,\n    toggleCorrectAnswer,\n    voteUpTooltip,\n    voteDownTooltip,\n    correctTooltip,\n  };\n}\n"],"names":["React"],"mappings":"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"}

package/dist/index.d.ts

@@ -5,12 +5,12 @@ import { QetaApi, PostType, PostResponse, Template, PostsResponse, AnswersRespon
 import React from 'react';
 import { Entity } from '@backstage/catalog-model';
 import { LinkProps } from '@backstage/core-components';
-import { SvgIconProps } from '@material-ui/core';
+import { SvgIconProps } from '@mui/material/SvgIcon';
 import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/alpha';
-import * as _material_ui_styles from '@material-ui/styles';
+import * as _mui_styles_withStyles from '@mui/styles/withStyles';
 import * as react_use_lib_useAsyncFn from 'react-use/lib/useAsyncFn';
-import { Overrides } from '@material-ui/core/styles/overrides';
-import { StyleRules } from '@material-ui/core/styles/withStyles';
+import { ComponentsOverrides } from '@mui/material/styles';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
 
 declare const qetaRouteRef: _backstage_core_plugin_api.RouteRef<undefined>;
 declare const askRouteRef: _backstage_core_plugin_api.SubRouteRef<undefined>;
@@ -126,7 +126,7 @@ declare const PostList: (props: {
     showNoQuestionsBtn?: boolean;
     entityPage?: boolean;
     type?: PostType;
-}) => React.JSX.Element | null;
+}) => React.JSX.Element;
 
 interface PostListItemProps {
     post: PostResponse;
@@ -329,7 +329,7 @@ type QetaLeftMenuClassKey = 'leftMenu' | 'inPopup' | 'outsidePopup' | 'selectedM
 declare const LeftMenu: (props: {
     onKeyDown?: (event: React.KeyboardEvent) => void;
     autoFocusItem?: boolean;
-    onClick?: (event: React.MouseEvent<EventTarget>) => void;
+    onClick?: (event: MouseEvent | TouchEvent | React.MouseEvent<EventTarget>) => void;
     inPopup?: boolean;
 }) => React.JSX.Element;
 
@@ -390,7 +390,7 @@ declare const useTranslation: () => {
         readonly "favorite.add": "Mark this post as favorite";
         readonly "favorite.remove": "Remove this post from favorites";
         readonly "statistics.errorLoading": "Could not load statistics";
-        readonly "statistics.ranking": "Ranking Q&A 🏆";
+        readonly "statistics.ranking": "User ranking 🏆";
         readonly "statistics.notAvailable": "Statistics are unavailable";
         readonly "statistics.mostQuestions.title": "Most questions";
         readonly "statistics.mostQuestions.description": "People who have posted most questions";
@@ -404,17 +404,17 @@ declare const useTranslation: () => {
         readonly "statistics.topVotedCorrectAnswers.description": "People who have the highest rated correct answers";
         readonly "answer.questionTitle": "Q: {{question}}";
         readonly "answer.answeredTime": "answered";
-        readonly "link.answer": "Copy link to this answer to clipboard";
         readonly "link.post": "Copy link to this post to clipboard";
+        readonly "link.answer": "Copy link to this answer to clipboard";
         readonly "link.aria": "Copy link to clipboard";
         readonly pluginName: "Q&A";
         readonly "answerList.noAnswers": "No answers";
         readonly "answerList.errorLoading": "Could not load answers";
         readonly "answerList.limitSelect": "Answers per page";
+        readonly "common.post": "post";
         readonly "common.question": "question";
         readonly "common.article": "article";
         readonly "common.score": "{{score}} score";
-        readonly "common.post": "post";
         readonly "common.comments": "Comments";
         readonly "common.anonymousAuthor": "Anonymous";
         readonly "common.answers_zero": "No answers";
@@ -441,7 +441,7 @@ declare const useTranslation: () => {
         readonly "answerContainer.title.answersBy": "Answers by";
         readonly "answerContainer.title.answersAbout": "Answers about";
         readonly "answerContainer.title.answersTagged": "Answers tagged with {{tags}}";
-        readonly "answerContainer.search.label": "Search for answers";
+        readonly "answerContainer.search.label": "Search answer";
         readonly "answerContainer.search.placeholder": "Search...";
         readonly "anonymousCheckbox.tooltip": "By enabling this, other users won't be able to see you as an author";
         readonly "anonymousCheckbox.answerAnonymously": "Answer anonymously";
@@ -486,18 +486,18 @@ declare const useTranslation: () => {
         readonly "addToCollectionButton.manage": "Add or remove this post from collections";
         readonly "addToCollectionButton.close": "Close";
         readonly "writeArticleButton.title": "Write an article";
-        readonly "createCollectionButton.title": "Create collection";
+        readonly "createCollectionButton.title": "Create a collection";
         readonly "commentList.deleteLink": "delete";
-        readonly "commentSection.input.placeholder": "Your comment";
         readonly "commentSection.post": "Post";
+        readonly "commentSection.input.placeholder": "Your comment";
         readonly "commentSection.addComment": "Add a comment";
         readonly "editTagModal.title": "Edit tag {{tag}}";
         readonly "editTagModal.errorPosting": "Failed to edit";
         readonly "editTagModal.description": "Tag description";
         readonly "editTagModal.saveButton": "Save";
         readonly "editTagModal.cancelButton": "Cancel";
-        readonly "deleteModal.title.question": "Are you sure you want to delete this post?";
         readonly "deleteModal.title.answer": "Are you sure you want to delete this answer?";
+        readonly "deleteModal.title.question": "Are you sure you want to delete this post?";
         readonly "deleteModal.title.collection": "Are you sure you want to delete this collection?";
         readonly "deleteModal.cancelButton": "Cancel";
         readonly "deleteModal.errorDeleting": "Failed to delete";
@@ -568,7 +568,7 @@ declare const useTranslation: () => {
         readonly "templateSelectList.genericQuestionDescription": "Create a generic question";
         readonly "pagination.defaultTooltip": "Number of items";
         readonly "collectionsPage.title": "Collections";
-        readonly "collectionsPage.search.label": "Search for collection";
+        readonly "collectionsPage.search.label": "Search collection";
         readonly "collectionsPage.search.placeholder": "Search...";
         readonly "collectionPage.description": "Description";
         readonly "collectionPage.info": "You can add questions and articles to the collection from question and article pages";
@@ -590,15 +590,15 @@ declare const useTranslation: () => {
         readonly "authorBox.postedAtTime": "Posted";
         readonly "authorBox.updatedAtTime": "Updated";
         readonly "authorBox.updatedBy": "by";
-        readonly "voteButtons.question.own": "You cannot vote your own post";
-        readonly "voteButtons.question.good": "This post is good";
-        readonly "voteButtons.question.bad": "This post is not good";
         readonly "voteButtons.answer.own": "You cannot vote your own answer";
         readonly "voteButtons.answer.markCorrect": "Mark this answer correct";
         readonly "voteButtons.answer.markIncorrect": "Mark this answer incorrect";
         readonly "voteButtons.answer.marked": "This answer has been marked as correct";
         readonly "voteButtons.answer.good": "This answer is good";
         readonly "voteButtons.answer.bad": "This answer is not good";
+        readonly "voteButtons.question.own": "You cannot vote your own post";
+        readonly "voteButtons.question.good": "This post is good";
+        readonly "voteButtons.question.bad": "This post is not good";
         readonly "datePicker.range.default": "Select";
         readonly "datePicker.range.label": "Date range";
         readonly "datePicker.range.last7days": "Last 7 days";
@@ -646,7 +646,7 @@ declare const useTranslation: () => {
         readonly "postsContainer.title.about": "{{itemType}}s about";
         readonly "postsContainer.title.by": "{{itemType}}s by";
         readonly "postsContainer.title.tagged": "{{itemType}} tagged with {{tags}}";
-        readonly "postsContainer.search.label": "Search for {{itemType}}";
+        readonly "postsContainer.search.label": "Search {{itemType}}";
         readonly "postsContainer.search.placeholder": "Search...";
         readonly "postsContainer.createButton": "Go ahead and create one!";
         readonly "postsContainer.noItems": "No {{itemType}}s";
@@ -663,15 +663,15 @@ declare const useTranslation: () => {
         readonly "tagPage.errorLoading": "Could not load tags";
         readonly "tagPage.defaultTitle": "Tags";
         readonly "tagPage.tags_zero": "No tags";
-        readonly "tagPage.tags_one": "Showing {{count}} tag";
-        readonly "tagPage.tags_other": "Showing {{count}} tags";
+        readonly "tagPage.tags_one": "{{count}} tag";
+        readonly "tagPage.tags_other": "{{count}} tags";
         readonly "entitiesPage.search.label": "Search entity";
         readonly "entitiesPage.search.placeholder": "Search...";
         readonly "entitiesPage.errorLoading": "Could not load entities";
         readonly "entitiesPage.defaultTitle": "Entities";
         readonly "entitiesPage.entities_zero": "No entities";
-        readonly "entitiesPage.entities_one": "Showing {{count}} entity";
-        readonly "entitiesPage.entities_other": "Showing {{count}} entities";
+        readonly "entitiesPage.entities_one": "{{count}} entity";
+        readonly "entitiesPage.entities_other": "{{count}} entities";
         readonly "aiAnswerCard.answer": "Answer from {{name}}";
         readonly "aiAnswerCard.summary": "Summary by {{name}}";
         readonly "aiAnswerCard.hide": "Hide";
@@ -684,8 +684,8 @@ declare const useTranslation: () => {
         readonly "usersPage.errorLoading": "Could not load users";
         readonly "usersPage.defaultTitle": "users";
         readonly "usersPage.users_zero": "No users";
-        readonly "usersPage.users_one": "Showing {{count}} users";
-        readonly "usersPage.users_other": "Showing {{count}} users";
+        readonly "usersPage.users_one": "{{count}} user";
+        readonly "usersPage.users_other": "{{count}} users";
         readonly "userPage.questions": "Questions";
         readonly "userPage.statistics": "Statistics";
         readonly "userPage.collections": "Collections";
@@ -734,7 +734,7 @@ declare const useUserFollow: () => {
     loading: boolean;
 };
 
-declare const useStyles: (props?: any) => _material_ui_styles.ClassNameMap<"marginLeft" | "marginRight" | "deleteModal" | "filterPanel" | "questionDivider" | "questionCard" | "questionCardVote" | "questionCardContent" | "questionListItem" | "questionListItemStats" | "questionListItemContent" | "questionListItemAuthor" | "questionListItemAvatar" | "answerCardContent" | "questionListPagination" | "questionsPerPageInput" | "questionsPerPage" | "postHighlightListContainer" | "postHighlightList" | "questionCardMetadata" | "questionCardActions" | "noPadding" | "highlight" | "@keyframes highlight" | "dateFilter">;
+declare const useStyles: (props?: any) => _mui_styles_withStyles.ClassNameMap<"marginLeft" | "marginRight" | "deleteModal" | "filterPanel" | "questionDivider" | "questionCard" | "questionCardVote" | "questionCardContent" | "questionListItem" | "questionListItemStats" | "questionListItemContent" | "questionListItemAuthor" | "questionListItemAvatar" | "answerCardContent" | "questionListPagination" | "questionsPerPageInput" | "questionsPerPage" | "postHighlightListContainer" | "postHighlightList" | "questionCardMetadata" | "questionCardActions" | "noPadding" | "highlight" | "@keyframes highlight" | "dateFilter">;
 
 declare function useIdentityApi<T>(f: (api: IdentityApi) => Promise<T>, deps?: any[]): react_use_lib_useAsyncFn.AsyncState<T>;
 
@@ -751,10 +751,10 @@ declare const useIsModerator: () => {
 };
 
 declare const useAI: () => {
-    isAIEnabled: boolean | undefined;
-    isArticleSummaryEnabled: boolean | undefined;
-    isExistingQuestionsEnabled: boolean | undefined;
-    isNewQuestionsEnabled: boolean | undefined;
+    isAIEnabled: boolean;
+    isArticleSummaryEnabled: boolean;
+    isExistingQuestionsEnabled: boolean;
+    isNewQuestionsEnabled: boolean;
     answerExistingQuestion: (questionId: number, options?: AIQuery) => Promise<_drodil_backstage_plugin_qeta_common.AIResponse | null>;
     answerDraftQuestion: (draft: {
         title: string;
@@ -785,8 +785,8 @@ type QetaComponentsNameToClassKey = {
     QetaForm: QetaFormClassKey;
     QetaAIAnswerCard: QetaAIAnswerCardClassKey;
 };
-type QetaOverrides = Overrides & {
-    [Name in keyof QetaComponentsNameToClassKey]?: Partial<StyleRules<QetaComponentsNameToClassKey[Name]>>;
+type QetaOverrides = ComponentsOverrides & {
+    [Name in keyof QetaComponentsNameToClassKey]?: Partial<OverridesStyleRules<QetaComponentsNameToClassKey[Name]>>;
 };
 
 export { AIAnswerCard, AddToCollectionButton, AnswerCard, AnswerForm, AnswerList, AnswerListItem, AnswersContainer, ArticleContent, AskQuestionButton, AuthorLink, CollectionCard, CollectionFollowButton, CollectionForm, CollectionsGrid, CreateCollectionButton, DeleteModal, EntitiesGrid, EntityFollowButton, FilterPanel, FollowedCollectionsList, FollowedEntitiesList, FollowedTagsList, ImpactCard, LeftMenu, LeftMenuButton, MarkdownRenderer, PostForm, PostHighlightList, PostList, PostListItem, PostsCard, PostsContainer, PostsGrid, type QetaLeftMenuClassKey, type QetaOverrides, QuestionCard, QuestionsTable, RelativeTimeWithTooltip, SelectTemplateList, StatsChart, SummaryStatsGrid, TagFollowButton, TagsGrid, TemplateList, TopRankingUsers, TrophyIcon, UpdatedByLink, UserFollowButton, UserLink, UsersGrid, WriteArticleButton, articleRouteRef, articlesRouteRef, askRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, collectionsRouteRef, editArticleRouteRef, editQuestionRouteRef, entitiesRouteRef, entityRouteRef, favoriteQuestionsRouteRef, moderatorRouteRef, qetaApiRef, qetaRouteRef, questionRouteRef, questionsRouteRef, statisticsRouteRef, tagRouteRef, tagsRouteRef, useAI, useCollectionsFollow, useEntityFollow, useIdentityApi, useIsModerator, useQetaApi, useStyles, useTagsFollow, useTranslation, useUserFollow, userRouteRef, usersRouteRef, writeRouteRef };

package/dist/translation.esm.js

@@ -49,7 +49,7 @@ const qetaTranslationRef = createTranslationRef({
         answersTagged: `Answers tagged with {{tags}}`
       },
       search: {
-        label: "Search for answers",
+        label: "Search answer",
         placeholder: "Search..."
       }
     },
@@ -145,7 +145,7 @@ const qetaTranslationRef = createTranslationRef({
       title: "Write an article"
     },
     createCollectionButton: {
-      title: "Create collection"
+      title: "Create a collection"
     },
     commentList: {
       deleteLink: "delete"
@@ -290,7 +290,7 @@ const qetaTranslationRef = createTranslationRef({
     collectionsPage: {
       title: "Collections",
       search: {
-        label: "Search for collection",
+        label: "Search collection",
         placeholder: "Search..."
       }
     },
@@ -435,7 +435,7 @@ const qetaTranslationRef = createTranslationRef({
         favorite: "Your favorite {{itemType}}s"
       },
       search: {
-        label: "Search for {{itemType}}",
+        label: "Search {{itemType}}",
         placeholder: "Search..."
       },
       noItems: "No {{itemType}}s",
@@ -456,7 +456,7 @@ const qetaTranslationRef = createTranslationRef({
     statistics: {
       errorLoading: "Could not load statistics",
       notAvailable: "Statistics are unavailable",
-      ranking: "Ranking Q&A \u{1F3C6}",
+      ranking: "User ranking \u{1F3C6}",
       mostQuestions: {
         title: "Most questions",
         description: "People who have posted most questions"
@@ -486,8 +486,8 @@ const qetaTranslationRef = createTranslationRef({
         placeholder: "Search..."
       },
       tags_zero: "No tags",
-      tags_one: "Showing {{count}} tag",
-      tags_other: "Showing {{count}} tags"
+      tags_one: "{{count}} tag",
+      tags_other: "{{count}} tags"
     },
     entitiesPage: {
       errorLoading: "Could not load entities",
@@ -497,8 +497,8 @@ const qetaTranslationRef = createTranslationRef({
         placeholder: "Search..."
       },
       entities_zero: "No entities",
-      entities_one: "Showing {{count}} entity",
-      entities_other: "Showing {{count}} entities"
+      entities_one: "{{count}} entity",
+      entities_other: "{{count}} entities"
     },
     aiAnswerCard: {
       regenerate: "Regenerate this answer",
@@ -517,8 +517,8 @@ const qetaTranslationRef = createTranslationRef({
         placeholder: "Search..."
       },
       users_zero: "No users",
-      users_one: "Showing {{count}} users",
-      users_other: "Showing {{count}} users"
+      users_one: "{{count}} user",
+      users_other: "{{count}} users"
     },
     userPage: {
       profileTab: "Profile",