@drodil/backstage-plugin-qeta-react 3.57.0 → 3.58.1

package/dist/components/Utility/RightList.esm.js

@@ -12,6 +12,9 @@ const useStyles = makeStyles((theme) => ({
     marginBottom: "1em"
   },
   subheader: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(0.5),
     color: theme.palette.text.hint,
     padding: "0px 0px 0.5rem 0.5rem",
     whiteSpace: "nowrap",
@@ -35,7 +38,14 @@ const useStyles = makeStyles((theme) => ({
 }));
 const RightListContainer = (props) => {
   const styles = useStyles();
-  return /* @__PURE__ */ jsx(Box, { display: { md: "none", lg: "block" }, className: styles.container, children: props.children });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      display: { md: "none", lg: "block" },
+      className: `${styles.container} ${props.className ?? ""}`,
+      children: props.children
+    }
+  );
 };
 const RightList = (props) => {
   const styles = useStyles();
@@ -63,10 +73,10 @@ const RightList = (props) => {
           component: "div",
           id: "nested-list-subheader",
           color: "primary",
-          className: styles.subheader,
+          className: `${styles.subheader} ${props.titleClassName ?? ""}`,
           children: [
-            props.title,
-            props.icon
+            props.icon,
+            props.title
           ]
         }
       ),

package/dist/components/Utility/RightList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightList.esm.js","sources":["../../../src/components/Utility/RightList.tsx"],"sourcesContent":["import { ReactNode, useState, Children, useMemo } from 'react';\nimport {\n  Box,\n  Button,\n  List,\n  ListSubheader,\n  makeStyles,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\nimport ExpandLess from '@material-ui/icons/ExpandLess';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    width: '100%',\n    marginBottom: '1em',\n  },\n  subheader: {\n    color: theme.palette.text.hint,\n    padding: '0px 0px 0.5rem 0.5rem',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    lineHeight: 1.5,\n  },\n  list: {\n    '& li': {\n      paddingLeft: theme.spacing(1),\n      paddingRight: theme.spacing(1),\n    },\n  },\n  showMoreButton: {\n    marginLeft: theme.spacing(1),\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    fontSize: '0.8rem',\n  },\n}));\n\nexport const RightListContainer = (props: { children: ReactNode }) => {\n  const styles = useStyles();\n  return (\n    <Box display={{ md: 'none', lg: 'block' }} className={styles.container}>\n      {props.children}\n    </Box>\n  );\n};\n\nexport const RightList = (props: {\n  children: ReactNode;\n  title?: string;\n  icon?: ReactNode;\n  limit?: number;\n  randomize?: boolean;\n}) => {\n  const styles = useStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [expanded, setExpanded] = useState(false);\n  const arrayChildren = useMemo(() => {\n    const children = Children.toArray(props.children);\n    if (props.randomize && props.limit && children.length > props.limit) {\n      return children.sort(() => 0.5 - Math.random());\n    }\n    return children;\n  }, [props.children, props.randomize, props.limit]);\n  const showButton = props.limit && arrayChildren.length > props.limit;\n  const displayChildren =\n    showButton && !expanded\n      ? arrayChildren.slice(0, props.limit)\n      : arrayChildren;\n\n  return (\n    <List\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      className={styles.list}\n      subheader={\n        <ListSubheader\n          disableSticky\n          component=\"div\"\n          id=\"nested-list-subheader\"\n          color=\"primary\"\n          className={styles.subheader}\n        >\n          {props.title}\n          {props.icon}\n        </ListSubheader>\n      }\n    >\n      {displayChildren}\n      {showButton && (\n        <Button\n          onClick={() => setExpanded(!expanded)}\n          color=\"primary\"\n          size=\"small\"\n          className={styles.showMoreButton}\n          endIcon={expanded ? <ExpandLess /> : <ExpandMore />}\n        >\n          {expanded ? t('common.showLess') : t('common.showMore')}\n        </Button>\n      )}\n    </List>\n  );\n};\n"],"names":["ExpandLess","ExpandMore"],"mappings":"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"}
+{"version":3,"file":"RightList.esm.js","sources":["../../../src/components/Utility/RightList.tsx"],"sourcesContent":["import { ReactNode, useState, Children, useMemo } from 'react';\nimport {\n  Box,\n  Button,\n  List,\n  ListSubheader,\n  makeStyles,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\nimport ExpandLess from '@material-ui/icons/ExpandLess';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    width: '100%',\n    marginBottom: '1em',\n  },\n  subheader: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.hint,\n    padding: '0px 0px 0.5rem 0.5rem',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    lineHeight: 1.5,\n  },\n  list: {\n    '& li': {\n      paddingLeft: theme.spacing(1),\n      paddingRight: theme.spacing(1),\n    },\n  },\n  showMoreButton: {\n    marginLeft: theme.spacing(1),\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    fontSize: '0.8rem',\n  },\n}));\n\nexport const RightListContainer = (props: {\n  children: ReactNode;\n  className?: string;\n}) => {\n  const styles = useStyles();\n  return (\n    <Box\n      display={{ md: 'none', lg: 'block' }}\n      className={`${styles.container} ${props.className ?? ''}`}\n    >\n      {props.children}\n    </Box>\n  );\n};\n\nexport const RightList = (props: {\n  children: ReactNode;\n  title?: string;\n  icon?: ReactNode;\n  limit?: number;\n  randomize?: boolean;\n  titleClassName?: string;\n}) => {\n  const styles = useStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [expanded, setExpanded] = useState(false);\n  const arrayChildren = useMemo(() => {\n    const children = Children.toArray(props.children);\n    if (props.randomize && props.limit && children.length > props.limit) {\n      return children.sort(() => 0.5 - Math.random());\n    }\n    return children;\n  }, [props.children, props.randomize, props.limit]);\n  const showButton = props.limit && arrayChildren.length > props.limit;\n  const displayChildren =\n    showButton && !expanded\n      ? arrayChildren.slice(0, props.limit)\n      : arrayChildren;\n\n  return (\n    <List\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      className={styles.list}\n      subheader={\n        <ListSubheader\n          disableSticky\n          component=\"div\"\n          id=\"nested-list-subheader\"\n          color=\"primary\"\n          className={`${styles.subheader} ${props.titleClassName ?? ''}`}\n        >\n          {props.icon}\n          {props.title}\n        </ListSubheader>\n      }\n    >\n      {displayChildren}\n      {showButton && (\n        <Button\n          onClick={() => setExpanded(!expanded)}\n          color=\"primary\"\n          size=\"small\"\n          className={styles.showMoreButton}\n          endIcon={expanded ? <ExpandLess /> : <ExpandMore />}\n        >\n          {expanded ? t('common.showLess') : t('common.showMore')}\n        </Button>\n      )}\n    </List>\n  );\n};\n"],"names":["ExpandLess","ExpandMore"],"mappings":"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"}

package/dist/hooks/useEntityAuthor.esm.js

@@ -113,5 +113,5 @@ const useEntityAuthor = (entity) => {
   return useUserInfo(author, anonymous);
 };
 
-export { useEntityAuthor, useUserInfo };
+export { getEntityAuthorLoader, useEntityAuthor, useUserInfo };
 //# sourceMappingURL=useEntityAuthor.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEntityAuthor.esm.js","sources":["../../src/hooks/useEntityAuthor.ts"],"sourcesContent":["import {\n  parseEntityRef,\n  stringifyEntityRef,\n  UserEntity,\n} from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport DataLoader from 'dataloader';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  catalogApiRef,\n  useEntityPresentation,\n} from '@backstage/plugin-catalog-react';\nimport { useEffect, useState } from 'react';\nimport {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n  UserResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../translation';\n\nconst userCache: Map<string, UserEntity> = new Map();\nlet userLoader: DataLoader<string, UserEntity | null> | undefined;\n\nconst getEntityAuthorLoader = (catalogApi: CatalogApi) => {\n  if (userLoader) {\n    return userLoader;\n  }\n  userLoader = new DataLoader<string, UserEntity | null>(\n    async (entityRefs: readonly string[]) => {\n      const { items } = await catalogApi.getEntitiesByRefs({\n        fields: [\n          'kind',\n          'metadata.name',\n          'metadata.namespace',\n          'spec.profile.displayName',\n          'spec.profile.picture',\n        ],\n        entityRefs: entityRefs as string[],\n      });\n\n      entityRefs.forEach((entityRef, index) => {\n        if (items[index]) {\n          userCache.set(entityRef, items[index] as UserEntity);\n        }\n      });\n      return items as (UserEntity | null)[];\n    },\n    {\n      name: 'EntityAuthorLoader',\n      cacheMap: new Map(),\n      maxBatchSize: 100,\n      batchScheduleFn: callback => {\n        setTimeout(callback, 50);\n      },\n    },\n  );\n  return userLoader;\n};\n\nexport const useUserInfo = (entityRef: string, anonymous?: boolean) => {\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [name, setName] = useState<string>('');\n  const [isCurrentUser, setIsCurrentUser] = useState<boolean>(false);\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [initials, setInitials] = useState<string | null>(null);\n  const [currentUser, setCurrentUser] = useState<string | null>(null);\n  const ref = entityRef\n    ? stringifyEntityRef(parseEntityRef(entityRef, { defaultKind: 'user' }))\n    : 'user:default/guest';\n\n  const {\n    primaryTitle: userName,\n    secondaryTitle,\n    Icon,\n  } = useEntityPresentation(ref, { defaultKind: 'user' });\n\n  useEffect(() => {\n    if (anonymous || !entityRef) {\n      return;\n    }\n\n    if (userCache.get(ref)) {\n      setUser(userCache.get(ref) as UserEntity);\n      return;\n    }\n\n    getEntityAuthorLoader(catalogApi)\n      .load(ref)\n      .then(data => {\n        if (data) {\n          setUser(data);\n        } else {\n          setUser(null);\n        }\n      })\n      .catch(() => {\n        setUser(null);\n      });\n  }, [catalogApi, ref, anonymous, entityRef]);\n\n  useEffect(() => {\n    identityApi.getBackstageIdentity().then(res => {\n      setCurrentUser(res.userEntityRef ?? 'user:default/guest');\n    });\n  }, [identityApi]);\n\n  useEffect(() => {\n    let displayName = userName;\n    if (currentUser) {\n      const currentUserRef = parseEntityRef(currentUser, {\n        defaultKind: 'user',\n      });\n      const userRef = parseEntityRef(ref, { defaultKind: 'user' });\n      if (\n        currentUserRef.name === userRef.name &&\n        currentUserRef.namespace === userRef.namespace\n      ) {\n        setIsCurrentUser(true);\n        displayName = `${t('userLink.you')}${\n          anonymous\n            ? ` (${t('userLink.anonymous').toLocaleLowerCase('en-US')})`\n            : ''\n        }`;\n      } else if (anonymous) {\n        displayName = t('userLink.anonymous');\n      }\n    } else if (anonymous) {\n      displayName = t('userLink.anonymous');\n    }\n    setName(displayName);\n  }, [ref, anonymous, currentUser, userName, t]);\n\n  useEffect(() => {\n    const init = (name ?? '')\n      .replace(/[^a-zA-Z]/g, '')\n      .split(' ')\n      .map(p => p[0])\n      .join('')\n      .substring(0, 2)\n      .toUpperCase();\n    setInitials(init);\n  }, [name]);\n\n  return { name, initials, user, secondaryTitle, Icon, isCurrentUser };\n};\n\nexport const useEntityAuthor = (\n  entity: PostResponse | AnswerResponse | CollectionResponse | UserResponse,\n) => {\n  const anonymous = 'anonymous' in entity ? entity.anonymous ?? false : false;\n  const author =\n    // eslint-disable-next-line no-nested-ternary\n    'author' in entity\n      ? entity.author\n      : 'userRef' in entity\n      ? entity.userRef\n      : entity.owner;\n  return useUserInfo(author, anonymous);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useEntityAuthor.esm.js","sources":["../../src/hooks/useEntityAuthor.ts"],"sourcesContent":["import {\n  parseEntityRef,\n  stringifyEntityRef,\n  UserEntity,\n} from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport DataLoader from 'dataloader';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  catalogApiRef,\n  useEntityPresentation,\n} from '@backstage/plugin-catalog-react';\nimport { useEffect, useState } from 'react';\nimport {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n  UserResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../translation';\n\nconst userCache: Map<string, UserEntity> = new Map();\nlet userLoader: DataLoader<string, UserEntity | null> | undefined;\n\nexport const getEntityAuthorLoader = (catalogApi: CatalogApi) => {\n  if (userLoader) {\n    return userLoader;\n  }\n  userLoader = new DataLoader<string, UserEntity | null>(\n    async (entityRefs: readonly string[]) => {\n      const { items } = await catalogApi.getEntitiesByRefs({\n        fields: [\n          'kind',\n          'metadata.name',\n          'metadata.namespace',\n          'spec.profile.displayName',\n          'spec.profile.picture',\n        ],\n        entityRefs: entityRefs as string[],\n      });\n\n      entityRefs.forEach((entityRef, index) => {\n        if (items[index]) {\n          userCache.set(entityRef, items[index] as UserEntity);\n        }\n      });\n      return items as (UserEntity | null)[];\n    },\n    {\n      name: 'EntityAuthorLoader',\n      cacheMap: new Map(),\n      maxBatchSize: 100,\n      batchScheduleFn: callback => {\n        setTimeout(callback, 50);\n      },\n    },\n  );\n  return userLoader;\n};\n\nexport const useUserInfo = (entityRef: string, anonymous?: boolean) => {\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [name, setName] = useState<string>('');\n  const [isCurrentUser, setIsCurrentUser] = useState<boolean>(false);\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [initials, setInitials] = useState<string | null>(null);\n  const [currentUser, setCurrentUser] = useState<string | null>(null);\n  const ref = entityRef\n    ? stringifyEntityRef(parseEntityRef(entityRef, { defaultKind: 'user' }))\n    : 'user:default/guest';\n\n  const {\n    primaryTitle: userName,\n    secondaryTitle,\n    Icon,\n  } = useEntityPresentation(ref, { defaultKind: 'user' });\n\n  useEffect(() => {\n    if (anonymous || !entityRef) {\n      return;\n    }\n\n    if (userCache.get(ref)) {\n      setUser(userCache.get(ref) as UserEntity);\n      return;\n    }\n\n    getEntityAuthorLoader(catalogApi)\n      .load(ref)\n      .then(data => {\n        if (data) {\n          setUser(data);\n        } else {\n          setUser(null);\n        }\n      })\n      .catch(() => {\n        setUser(null);\n      });\n  }, [catalogApi, ref, anonymous, entityRef]);\n\n  useEffect(() => {\n    identityApi.getBackstageIdentity().then(res => {\n      setCurrentUser(res.userEntityRef ?? 'user:default/guest');\n    });\n  }, [identityApi]);\n\n  useEffect(() => {\n    let displayName = userName;\n    if (currentUser) {\n      const currentUserRef = parseEntityRef(currentUser, {\n        defaultKind: 'user',\n      });\n      const userRef = parseEntityRef(ref, { defaultKind: 'user' });\n      if (\n        currentUserRef.name === userRef.name &&\n        currentUserRef.namespace === userRef.namespace\n      ) {\n        setIsCurrentUser(true);\n        displayName = `${t('userLink.you')}${\n          anonymous\n            ? ` (${t('userLink.anonymous').toLocaleLowerCase('en-US')})`\n            : ''\n        }`;\n      } else if (anonymous) {\n        displayName = t('userLink.anonymous');\n      }\n    } else if (anonymous) {\n      displayName = t('userLink.anonymous');\n    }\n    setName(displayName);\n  }, [ref, anonymous, currentUser, userName, t]);\n\n  useEffect(() => {\n    const init = (name ?? '')\n      .replace(/[^a-zA-Z]/g, '')\n      .split(' ')\n      .map(p => p[0])\n      .join('')\n      .substring(0, 2)\n      .toUpperCase();\n    setInitials(init);\n  }, [name]);\n\n  return { name, initials, user, secondaryTitle, Icon, isCurrentUser };\n};\n\nexport const useEntityAuthor = (\n  entity: PostResponse | AnswerResponse | CollectionResponse | UserResponse,\n) => {\n  const anonymous = 'anonymous' in entity ? entity.anonymous ?? false : false;\n  const author =\n    // eslint-disable-next-line no-nested-ternary\n    'author' in entity\n      ? entity.author\n      : 'userRef' in entity\n      ? entity.userRef\n      : entity.owner;\n  return useUserInfo(author, anonymous);\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/useUserFollow.esm.js

@@ -1,10 +1,16 @@
-import { useCallback } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../api.esm.js';
 import { useFollow } from './useFollow.esm.js';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import { getEntityAuthorLoader } from './useEntityAuthor.esm.js';
 
 const useUserFollow = () => {
   const qetaApi = useApi(qetaApiRef);
+  const catalogApi = useApi(catalogApiRef);
+  const [userEntities, setUserEntities] = useState(
+    /* @__PURE__ */ new Map()
+  );
   const { items, follow, unfollow, isFollowing, loading } = useFollow(
     "users",
     {
@@ -23,8 +29,23 @@ const useUserFollow = () => {
       isEqual: (a, b) => a === b
     }
   );
+  useEffect(() => {
+    if (items) {
+      const loader = getEntityAuthorLoader(catalogApi);
+      Promise.all(items.map((item) => loader.load(item))).then((users) => {
+        const newMap = /* @__PURE__ */ new Map();
+        users.forEach((user, index) => {
+          if (user) {
+            newMap.set(items[index], user);
+          }
+        });
+        setUserEntities(newMap);
+      });
+    }
+  }, [items, catalogApi]);
   return {
     users: items,
+    userEntities,
     followUser: follow,
     unfollowUser: unfollow,
     isFollowingUser: isFollowing,

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

@@ -1 +1 @@
-{"version":3,"file":"useUserFollow.esm.js","sources":["../../src/hooks/useUserFollow.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { useFollow } from './useFollow';\n\nexport const useUserFollow = () => {\n  const qetaApi = useApi(qetaApiRef);\n\n  const { items, follow, unfollow, isFollowing, loading } = useFollow<string>(\n    'users',\n    {\n      fetchFollowed: useCallback(\n        () => qetaApi.getFollowedUsers().then(res => res.followedUserRefs),\n        [qetaApi],\n      ),\n      followItem: useCallback(\n        (user: string) => qetaApi.followUser(user),\n        [qetaApi],\n      ),\n      unfollowItem: useCallback(\n        (user: string) => qetaApi.unfollowUser(user),\n        [qetaApi],\n      ),\n      isEqual: (a, b) => a === b,\n    },\n  );\n\n  return {\n    users: items,\n    followUser: follow,\n    unfollowUser: unfollow,\n    isFollowingUser: isFollowing,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,MAAM,EAAE,KAAO,EAAA,MAAA,EAAQ,QAAU,EAAA,WAAA,EAAa,SAAY,GAAA,SAAA;AAAA,IACxD,OAAA;AAAA,IACA;AAAA,MACE,aAAe,EAAA,WAAA;AAAA,QACb,MAAM,OAAQ,CAAA,gBAAA,GAAmB,IAAK,CAAA,CAAA,GAAA,KAAO,IAAI,gBAAgB,CAAA;AAAA,QACjE,CAAC,OAAO;AAAA,OACV;AAAA,MACA,UAAY,EAAA,WAAA;AAAA,QACV,CAAC,IAAA,KAAiB,OAAQ,CAAA,UAAA,CAAW,IAAI,CAAA;AAAA,QACzC,CAAC,OAAO;AAAA,OACV;AAAA,MACA,YAAc,EAAA,WAAA;AAAA,QACZ,CAAC,IAAA,KAAiB,OAAQ,CAAA,YAAA,CAAa,IAAI,CAAA;AAAA,QAC3C,CAAC,OAAO;AAAA,OACV;AAAA,MACA,OAAS,EAAA,CAAC,CAAG,EAAA,CAAA,KAAM,CAAM,KAAA;AAAA;AAC3B,GACF;AAEA,EAAO,OAAA;AAAA,IACL,KAAO,EAAA,KAAA;AAAA,IACP,UAAY,EAAA,MAAA;AAAA,IACZ,YAAc,EAAA,QAAA;AAAA,IACd,eAAiB,EAAA,WAAA;AAAA,IACjB;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useUserFollow.esm.js","sources":["../../src/hooks/useUserFollow.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { useFollow } from './useFollow';\nimport { UserEntity } from '@backstage/catalog-model';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { getEntityAuthorLoader } from './useEntityAuthor';\n\nexport const useUserFollow = () => {\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const [userEntities, setUserEntities] = useState<Map<string, UserEntity>>(\n    new Map(),\n  );\n\n  const { items, follow, unfollow, isFollowing, loading } = useFollow<string>(\n    'users',\n    {\n      fetchFollowed: useCallback(\n        () => qetaApi.getFollowedUsers().then(res => res.followedUserRefs),\n        [qetaApi],\n      ),\n      followItem: useCallback(\n        (user: string) => qetaApi.followUser(user),\n        [qetaApi],\n      ),\n      unfollowItem: useCallback(\n        (user: string) => qetaApi.unfollowUser(user),\n        [qetaApi],\n      ),\n      isEqual: (a, b) => a === b,\n    },\n  );\n\n  useEffect(() => {\n    if (items) {\n      const loader = getEntityAuthorLoader(catalogApi);\n      Promise.all(items.map(item => loader.load(item))).then(users => {\n        const newMap = new Map<string, UserEntity>();\n        users.forEach((user, index) => {\n          if (user) {\n            newMap.set(items[index], user);\n          }\n        });\n        setUserEntities(newMap);\n      });\n    }\n  }, [items, catalogApi]);\n\n  return {\n    users: items,\n    userEntities,\n    followUser: follow,\n    unfollowUser: unfollow,\n    isFollowingUser: isFollowing,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAM,MAAA,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA;AAAA,wBAClC,GAAI;AAAA,GACV;AAEA,EAAA,MAAM,EAAE,KAAO,EAAA,MAAA,EAAQ,QAAU,EAAA,WAAA,EAAa,SAAY,GAAA,SAAA;AAAA,IACxD,OAAA;AAAA,IACA;AAAA,MACE,aAAe,EAAA,WAAA;AAAA,QACb,MAAM,OAAQ,CAAA,gBAAA,GAAmB,IAAK,CAAA,CAAA,GAAA,KAAO,IAAI,gBAAgB,CAAA;AAAA,QACjE,CAAC,OAAO;AAAA,OACV;AAAA,MACA,UAAY,EAAA,WAAA;AAAA,QACV,CAAC,IAAA,KAAiB,OAAQ,CAAA,UAAA,CAAW,IAAI,CAAA;AAAA,QACzC,CAAC,OAAO;AAAA,OACV;AAAA,MACA,YAAc,EAAA,WAAA;AAAA,QACZ,CAAC,IAAA,KAAiB,OAAQ,CAAA,YAAA,CAAa,IAAI,CAAA;AAAA,QAC3C,CAAC,OAAO;AAAA,OACV;AAAA,MACA,OAAS,EAAA,CAAC,CAAG,EAAA,CAAA,KAAM,CAAM,KAAA;AAAA;AAC3B,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,KAAO,EAAA;AACT,MAAM,MAAA,MAAA,GAAS,sBAAsB,UAAU,CAAA;AAC/C,MAAQ,OAAA,CAAA,GAAA,CAAI,KAAM,CAAA,GAAA,CAAI,CAAQ,IAAA,KAAA,MAAA,CAAO,IAAK,CAAA,IAAI,CAAC,CAAC,CAAE,CAAA,IAAA,CAAK,CAAS,KAAA,KAAA;AAC9D,QAAM,MAAA,MAAA,uBAAa,GAAwB,EAAA;AAC3C,QAAM,KAAA,CAAA,OAAA,CAAQ,CAAC,IAAA,EAAM,KAAU,KAAA;AAC7B,UAAA,IAAI,IAAM,EAAA;AACR,YAAA,MAAA,CAAO,GAAI,CAAA,KAAA,CAAM,KAAK,CAAA,EAAG,IAAI,CAAA;AAAA;AAC/B,SACD,CAAA;AACD,QAAA,eAAA,CAAgB,MAAM,CAAA;AAAA,OACvB,CAAA;AAAA;AACH,GACC,EAAA,CAAC,KAAO,EAAA,UAAU,CAAC,CAAA;AAEtB,EAAO,OAAA;AAAA,IACL,KAAO,EAAA,KAAA;AAAA,IACP,YAAA;AAAA,IACA,UAAY,EAAA,MAAA;AAAA,IACZ,YAAc,EAAA,QAAA;AAAA,IACd,eAAiB,EAAA,WAAA;AAAA,IACjB;AAAA,GACF;AACF;;;;"}

package/dist/index.d.ts

@@ -11,6 +11,8 @@ import { LinkProps } from '@backstage/core-components';
 import { SvgIconProps } from '@material-ui/core';
 import { PluggableList } from 'unified';
 import * as _material_ui_styles from '@material-ui/styles';
+import { CatalogApi } from '@backstage/catalog-client';
+import DataLoader from 'dataloader';
 import * as react_use_lib_useAsyncFn from 'react-use/lib/useAsyncFn';
 import * as react_router_dom from 'react-router-dom';
 import { Overrides } from '@material-ui/core/styles/overrides';
@@ -51,7 +53,7 @@ interface TimelineProps {
     loadMore?: boolean;
     limit?: number;
 }
-declare const Timeline: (props: TimelineProps) => react_jsx_runtime.JSX.Element;
+declare const Timeline: (props: TimelineProps) => react_jsx_runtime.JSX.Element | null;
 
 declare const TimelineItemCard: ({ item }: {
     item: TimelineItem;
@@ -272,6 +274,10 @@ interface RankingButtonsProps {
 }
 declare const RankingButtons: (props: RankingButtonsProps) => react_jsx_runtime.JSX.Element | null;
 
+declare const FollowPostButton: (props: {
+    post: Post;
+}) => react_jsx_runtime.JSX.Element;
+
 declare const PostHighlightListContent: (props: {
     loading?: boolean;
     error?: any;
@@ -280,7 +286,10 @@ declare const PostHighlightListContent: (props: {
     icon?: ReactNode;
     noPostsLabel?: string;
     disableLoading?: boolean;
-}) => react_jsx_runtime.JSX.Element;
+    containerClassName?: string;
+    titleClassName?: string;
+    hideIfEmpty?: boolean;
+}) => react_jsx_runtime.JSX.Element | null;
 declare const PostHighlightList: (props: {
     type: string;
     title: string;
@@ -288,6 +297,7 @@ declare const PostHighlightList: (props: {
     icon?: ReactNode;
     options?: PostsQuery;
     postType?: PostType;
+    hideIfEmpty?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const PostHighlightListContainer: ({ options, }: {
@@ -336,13 +346,17 @@ declare const QuestionCard: (props: {
     question: PostResponse;
 }) => react_jsx_runtime.JSX.Element;
 
+declare const ImpactCard: () => react_jsx_runtime.JSX.Element;
+
 declare const PostsCard: (props: {
     title: string;
     options?: PostsQuery;
     postType?: PostType;
 }) => react_jsx_runtime.JSX.Element | null;
 
-declare const ImpactCard: () => react_jsx_runtime.JSX.Element;
+declare const FollowedItemsCard: () => react_jsx_runtime.JSX.Element;
+
+declare const CommunityActivityCard: () => react_jsx_runtime.JSX.Element;
 
 declare const FollowedEntitiesList: () => react_jsx_runtime.JSX.Element | null;
 
@@ -397,7 +411,7 @@ declare const QuestionsTable: (props: {
 type QetaStatsChartClassKey = 'tooltipLabel' | 'tooltipWrapper' | 'xAxis' | 'lineChart' | 'barChart';
 declare const StatsChart: (props: {
     data: Stat[];
-    summary?: Record<string, number>;
+    summary?: Record<string, number | Date | string>;
     loading?: boolean;
     error?: string;
 }) => react_jsx_runtime.JSX.Element;
@@ -676,6 +690,7 @@ declare const useEntityFollow: () => {
     loading: boolean;
 };
 
+declare const getEntityAuthorLoader: (catalogApi: CatalogApi) => DataLoader<string, UserEntity | null, string>;
 declare const useUserInfo: (entityRef: string, anonymous?: boolean) => {
     name: string;
     initials: string | null;
@@ -695,6 +710,7 @@ declare const useEntityAuthor: (entity: PostResponse | AnswerResponse | Collecti
 
 declare const useUserFollow: () => {
     users: string[];
+    userEntities: Map<string, UserEntity>;
     followUser: (item: string) => void;
     unfollowUser: (item: string) => void;
     isFollowingUser: (item: string) => boolean;
@@ -857,6 +873,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "common.deleted": "Deleted";
     readonly "common.score": "{{score}} score";
     readonly "common.error": "Error";
+    readonly "common.posts": "Posts";
     readonly "common.answers": "answers";
     readonly "common.links": "links";
     readonly "common.questions": "questions";
@@ -1029,6 +1046,8 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "writeArticleButton.title": "Write an article";
     readonly "createLinkButton.title": "Link";
     readonly "createCollectionButton.title": "Create a collection";
+    readonly "followPostButton.follow": "By following this post, you will receive notifications when it is updated";
+    readonly "followPostButton.unfollow": "By unfollowing this post, you will no longer receive notifications when it is updated";
     readonly "commentList.save": "Save";
     readonly "commentList.editLink": "edit";
     readonly "commentList.deleteLink": "delete";
@@ -1176,7 +1195,27 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "suggestionsCard.needsReview3": "Content review needed: \"{{title}}\"";
     readonly "suggestionsCard.needsReview4": "Can you verify \"{{title}}\" is still valid?";
     readonly "suggestionsCard.needsReview5": "\"{{title}}\" is due for a review";
+    readonly "communityActivity.title": "Community Activity";
+    readonly "communityActivity.views": "Views";
+    readonly "communityActivity.newPosts": "New Posts";
+    readonly "communityActivity.newAnswers": "New Answers";
+    readonly "communityActivity.newComments": "New Comments";
+    readonly "communityActivity.newVotes": "New Votes";
+    readonly "communityActivity.activeUsers": "Active Users";
+    readonly "communityActivity.period.1d": "Last 24h";
+    readonly "communityActivity.period.3d": "Last 3 days";
+    readonly "communityActivity.period.7d": "Last 7 days";
+    readonly "communityActivity.period.14d": "Last 14 days";
+    readonly "communityActivity.period.30d": "Last 30 days";
+    readonly "communityActivity.period.90d": "Last 90 days";
+    readonly "communityActivity.period.1y": "Last year";
+    readonly "homePage.tags": "Tags";
+    readonly "homePage.entities": "Entities";
     readonly "homePage.title": "Home";
+    readonly "homePage.users": "Users";
+    readonly "homePage.collections": "Collections";
+    readonly "homePage.followedItems": "Following";
+    readonly "homePage.noFollowedItems": "You are not following anything yet";
     readonly "impactCard.reputation": "Reputation";
     readonly "impactCard.title": "Your impact";
     readonly "impactCard.error": "Failed to load impact data";
@@ -1185,7 +1224,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "impactCard.questions": "Questions";
     readonly "impactCard.articles": "Articles";
     readonly "impactCard.votes": "Votes";
-    readonly "impactCard.views": "views";
+    readonly "impactCard.views": "views on your posts";
     readonly "impactCard.followers": "Followers";
     readonly "impactCard.contributions": "Your contributions helped {{lastWeek}} people this week";
     readonly "impactCard.totalContributions": "Contributions";
@@ -1203,7 +1242,13 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "rightMenu.followedUsers": "Followed users";
     readonly "rightMenu.similarQuestions": "Similar questions";
     readonly "rightMenu.similarPosts": "Similar posts";
+    readonly "rightMenu.linkedPosts": "Linked posts";
+    readonly "rightMenu.recentlyViewed": "Recently viewed";
     readonly "highlights.loadError": "Failed to load questions";
+    readonly "highlights.hot.title": "Hot Posts";
+    readonly "highlights.hot.noQuestionsLabel": "No hot posts";
+    readonly "highlights.recent.title": "Recently Viewed";
+    readonly "highlights.recent.noQuestionsLabel": "No recently viewed posts";
     readonly "highlights.own.title": "Your latest questions";
     readonly "highlights.own.noQuestionsLabel": "No questions";
     readonly "highlights.hotQuestions.title": "Hot questions";
@@ -1216,6 +1261,8 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "highlights.unanswered.noQuestionsLabel": "No unanswered questions";
     readonly "highlights.incorrect.title": "Questions without correct answer";
     readonly "highlights.incorrect.noQuestionsLabel": "No questions without correct answers";
+    readonly "highlights.followed.title": "Followed posts";
+    readonly "highlights.followed.noQuestionsLabel": "No followed posts";
     readonly "questionsPage.title": "All questions";
     readonly "articlesPage.title": "All articles";
     readonly "linksPage.title": "All links";
@@ -1425,6 +1472,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "stats.votes": "Votes";
     readonly "stats.views": "Views";
     readonly "stats.followers": "Followers";
+    readonly "stats.activeUsers": "Active users";
     readonly "stats.answerScore": "Answer score";
     readonly "stats.postScore": "Post score";
     readonly "stats.correctAnswers": "Correct answers";
@@ -1438,6 +1486,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "stats.totalUsers": "Total users";
     readonly "stats.totalTags": "Total tags";
     readonly "stats.totalFollowers": "Total followers";
+    readonly "stats.lastSeen": "Last seen";
     readonly "collectionButton.follow": "Follow";
     readonly "collectionButton.tooltip": "By following a collection, you will get notified when ever a new post is added to the collection";
     readonly "collectionButton.unfollow": "Unfollow";
@@ -1510,4 +1559,4 @@ type QetaOverrides = Overrides & {
     [Name in keyof QetaComponentsNameToClassKey]?: Partial<StyleRules<QetaComponentsNameToClassKey[Name]>>;
 };
 
-export { AIAnswerCard, AddToCollectionButton, AnswerCard, AnswerForm, AnswerListItem, AnswersContainer, AnswersGridItem, ArticleContent, AskQuestionButton, AuthorLink, BadgeChip, ButtonContainer, CollectionFollowButton, CollectionForm, CollectionsContainer, ContentHeader, ContentHeaderButton, ContentHeaderCard, type ContentHeaderCardProps, type ContentHeaderProps, CreateCollectionButton, CreateLinkButton, CreateTagModal, DeleteModal, DeletedBanner, DraftBanner, EditTagModal, EntitiesContainer, EntitiesGridItem, EntityFollowButton, EntityListItem, FaviconItem, type FilterChange, FilterPanel, FollowedCollectionsList, FollowedEntitiesList, FollowedTagsList, FollowedUsersList, type GridType, ImpactCard, LeftMenu, LeftMenuButton, LinkCard, MarkdownRenderer, ObsoleteBanner, ObsoleteModal, OpenLinkButton, PostForm, PostHighlightList, PostHighlightListContainer, PostHighlightListContent, PostListItem, PostsCard, PostsContainer, type PostsContainerProps, PostsGridItem, PostsTable, QetaContext, type QetaContextProps, type QetaEntitiesProps, type QetaOverrides, QetaProvider, QuestionCard, type QuestionFormValues, QuestionsTable, RankingButtons, RelativeTimeWithTooltip, SelectTemplateList, StatsChart, StatusChip, SuggestionsCard, type TagAndEntitiesFormValues, TagFollowButton, TagGridItem, TagListItem, TagsContainer, type TemplateFormValues, TemplateList, Timeline, TimelineItemCard, TopRankingUsers, TrophyIcon, UpdatedByLink, UserBadges, UserFollowButton, UserLink, UserListItem, type UserSettings, type UserSettingsHook, UsersContainer, UsersGridItem, ValidReviewModal, ViewToggle, type ViewType, WriteArticleButton, articleRouteRef, articlesRouteRef, askRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, collectionsRouteRef, createLinkRouteRef, editArticleRouteRef, editLinkRouteRef, editQuestionRouteRef, entitiesRouteRef, entityRouteRef, favoriteQuestionsRouteRef, linkRouteRef, linksRouteRef, moderatorRouteRef, qetaApiRef, qetaRouteRef, qetaTranslationRef, qetaTranslations, questionRouteRef, questionsRouteRef, reviewRouteRef, settingsRouteRef, statisticsRouteRef, tagRouteRef, tagsRouteRef, useAI, useCanReview, useCollectionsFollow, useEntityAuthor, useEntityFollow, useFavicon, useFollow, useGridPageSize, useIdentityApi, useIsModerator, useListItemStyles, useQetaApi, useQetaContext, useQetaEntities, useTagsFollow, useUserFollow, useUserInfo, useUserSettings, useVoting, userRouteRef, usersRouteRef, writeRouteRef };
+export { AIAnswerCard, AddToCollectionButton, AnswerCard, AnswerForm, AnswerListItem, AnswersContainer, AnswersGridItem, ArticleContent, AskQuestionButton, AuthorLink, BadgeChip, ButtonContainer, CollectionFollowButton, CollectionForm, CollectionsContainer, CommunityActivityCard, ContentHeader, ContentHeaderButton, ContentHeaderCard, type ContentHeaderCardProps, type ContentHeaderProps, CreateCollectionButton, CreateLinkButton, CreateTagModal, DeleteModal, DeletedBanner, DraftBanner, EditTagModal, EntitiesContainer, EntitiesGridItem, EntityFollowButton, EntityListItem, FaviconItem, type FilterChange, FilterPanel, FollowPostButton, FollowedCollectionsList, FollowedEntitiesList, FollowedItemsCard, FollowedTagsList, FollowedUsersList, type GridType, ImpactCard, LeftMenu, LeftMenuButton, LinkCard, MarkdownRenderer, ObsoleteBanner, ObsoleteModal, OpenLinkButton, PostForm, PostHighlightList, PostHighlightListContainer, PostHighlightListContent, PostListItem, PostsCard, PostsContainer, type PostsContainerProps, PostsGridItem, PostsTable, QetaContext, type QetaContextProps, type QetaEntitiesProps, type QetaOverrides, QetaProvider, QuestionCard, type QuestionFormValues, QuestionsTable, RankingButtons, RelativeTimeWithTooltip, SelectTemplateList, StatsChart, StatusChip, SuggestionsCard, type TagAndEntitiesFormValues, TagFollowButton, TagGridItem, TagListItem, TagsContainer, type TemplateFormValues, TemplateList, Timeline, TimelineItemCard, TopRankingUsers, TrophyIcon, UpdatedByLink, UserBadges, UserFollowButton, UserLink, UserListItem, type UserSettings, type UserSettingsHook, UsersContainer, UsersGridItem, ValidReviewModal, ViewToggle, type ViewType, WriteArticleButton, articleRouteRef, articlesRouteRef, askRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, collectionsRouteRef, createLinkRouteRef, editArticleRouteRef, editLinkRouteRef, editQuestionRouteRef, entitiesRouteRef, entityRouteRef, favoriteQuestionsRouteRef, getEntityAuthorLoader, linkRouteRef, linksRouteRef, moderatorRouteRef, qetaApiRef, qetaRouteRef, qetaTranslationRef, qetaTranslations, questionRouteRef, questionsRouteRef, reviewRouteRef, settingsRouteRef, statisticsRouteRef, tagRouteRef, tagsRouteRef, useAI, useCanReview, useCollectionsFollow, useEntityAuthor, useEntityFollow, useFavicon, useFollow, useGridPageSize, useIdentityApi, useIsModerator, useListItemStyles, useQetaApi, useQetaContext, useQetaEntities, useTagsFollow, useUserFollow, useUserInfo, useUserSettings, useVoting, userRouteRef, usersRouteRef, writeRouteRef };

package/dist/index.esm.js

@@ -23,6 +23,7 @@ export { CollectionFollowButton } from './components/Buttons/CollectionFollowBut
 export { ButtonContainer } from './components/Buttons/ButtonContainer.esm.js';
 export { ContentHeaderButton } from './components/Buttons/ContentHeaderButton.esm.js';
 export { RankingButtons } from './components/Buttons/RankingButtons.esm.js';
+export { FollowPostButton } from './components/Buttons/FollowPostButton.esm.js';
 export { PostHighlightList, PostHighlightListContent } from './components/PostHighlightList/PostHighlightList.esm.js';
 export { PostHighlightListContainer } from './components/PostHighlightList/PostHighlightListContainer.esm.js';
 export { MarkdownRenderer } from './components/MarkdownRenderer/MarkdownRenderer.esm.js';
@@ -31,8 +32,10 @@ export { ObsoleteModal } from './components/Modals/ObsoleteModal.esm.js';
 export { ValidReviewModal } from './components/Modals/ValidReviewModal.esm.js';
 export { AnswerCard } from './components/AnswerCard/AnswerCard.esm.js';
 export { QuestionCard } from './components/QuestionCard/QuestionCard.esm.js';
-export { PostsCard } from './components/HomePageCards/PostsCard.esm.js';
 export { ImpactCard } from './components/HomePageCards/ImpactCard.esm.js';
+export { PostsCard } from './components/HomePageCards/PostsCard.esm.js';
+export { FollowedItemsCard } from './components/HomePageCards/FollowedItemsCard.esm.js';
+export { CommunityActivityCard } from './components/HomePageCards/CommunityActivityCard.esm.js';
 export { FollowedEntitiesList } from './components/FollowedLists/FollowedEntitiesList.esm.js';
 export { FollowedTagsList } from './components/FollowedLists/FollowedTagsList.esm.js';
 export { FollowedCollectionsList } from './components/FollowedLists/FollowedCollectionsList.esm.js';
@@ -85,7 +88,7 @@ export { useListItemStyles } from './hooks/useListItemStyles.esm.js';
 export { useFollow } from './hooks/useFollow.esm.js';
 export { useTagsFollow } from './hooks/useTagsFollow.esm.js';
 export { useEntityFollow } from './hooks/useEntityFollow.esm.js';
-export { useEntityAuthor, useUserInfo } from './hooks/useEntityAuthor.esm.js';
+export { getEntityAuthorLoader, useEntityAuthor, useUserInfo } from './hooks/useEntityAuthor.esm.js';
 export { useUserFollow } from './hooks/useUserFollow.esm.js';
 export { useIdentityApi } from './hooks/useIdentityApi.esm.js';
 export { useCollectionsFollow } from './hooks/useCollectionsFollow.esm.js';

package/dist/index.esm.js.map

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

package/dist/translation.esm.js

@@ -28,6 +28,7 @@ const qetaTranslationRef = createTranslationRef({
     },
     common: {
       post: "post",
+      posts: "Posts",
       experts: "Experts",
       error: "Error",
       tagExpert: "This user is an expert in this area",
@@ -293,6 +294,10 @@ const qetaTranslationRef = createTranslationRef({
     createCollectionButton: {
       title: "Create a collection"
     },
+    followPostButton: {
+      follow: "By following this post, you will receive notifications when it is updated",
+      unfollow: "By unfollowing this post, you will no longer receive notifications when it is updated"
+    },
     commentList: {
       save: "Save",
       editLink: "edit",
@@ -484,12 +489,36 @@ const qetaTranslationRef = createTranslationRef({
       needsReview4: 'Can you verify "{{title}}" is still valid?',
       needsReview5: '"{{title}}" is due for a review'
     },
+    communityActivity: {
+      title: "Community Activity",
+      newPosts: "New Posts",
+      newAnswers: "New Answers",
+      newComments: "New Comments",
+      newVotes: "New Votes",
+      activeUsers: "Active Users",
+      views: "Views",
+      period: {
+        "1d": "Last 24h",
+        "3d": "Last 3 days",
+        "7d": "Last 7 days",
+        "14d": "Last 14 days",
+        "30d": "Last 30 days",
+        "90d": "Last 90 days",
+        "1y": "Last year"
+      }
+    },
     homePage: {
-      title: "Home"
+      title: "Home",
+      followedItems: "Following",
+      noFollowedItems: "You are not following anything yet",
+      tags: "Tags",
+      entities: "Entities",
+      users: "Users",
+      collections: "Collections"
     },
     impactCard: {
       title: "Your impact",
-      views: "views",
+      views: "views on your posts",
       error: "Failed to load impact data",
       contributions: "Your contributions helped {{lastWeek}} people this week",
       totalContributions: "Contributions",
@@ -516,11 +545,21 @@ const qetaTranslationRef = createTranslationRef({
       followedUsers: "Followed users",
       similarQuestions: "Similar questions",
       similarPosts: "Similar posts",
+      linkedPosts: "Linked posts",
+      recentlyViewed: "Recently viewed",
       expand: "Expand sidebar",
       collapse: "Collapse sidebar"
     },
     highlights: {
       loadError: "Failed to load questions",
+      hot: {
+        title: "Hot Posts",
+        noQuestionsLabel: "No hot posts"
+      },
+      recent: {
+        title: "Recently Viewed",
+        noQuestionsLabel: "No recently viewed posts"
+      },
       own: {
         title: "Your latest questions",
         noQuestionsLabel: "No questions"
@@ -544,6 +583,10 @@ const qetaTranslationRef = createTranslationRef({
       incorrect: {
         title: "Questions without correct answer",
         noQuestionsLabel: "No questions without correct answers"
+      },
+      followed: {
+        title: "Followed posts",
+        noQuestionsLabel: "No followed posts"
       }
     },
     questionsPage: {
@@ -917,6 +960,7 @@ const qetaTranslationRef = createTranslationRef({
       totalComments: "Total comments",
       totalVotes: "Total votes",
       totalUsers: "Total users",
+      activeUsers: "Active users",
       totalTags: "Total tags",
       totalArticles: "Total articles",
       totalLinks: "Total links",
@@ -924,7 +968,8 @@ const qetaTranslationRef = createTranslationRef({
       reputation: "Reputation",
       answerScore: "Answer score",
       postScore: "Post score",
-      correctAnswers: "Correct answers"
+      correctAnswers: "Correct answers",
+      lastSeen: "Last seen"
     },
     collectionButton: {
       follow: "Follow",