@drodil/backstage-plugin-qeta-react 3.56.1 → 3.58.0

package/dist/components/Tooltips/UserTooltip.esm.js

@@ -0,0 +1,259 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useApi } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api.esm.js';
+import 'react-use';
+import { useState, useEffect } from 'react';
+import '@backstage/plugin-signals-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../../hooks/useListItemStyles.esm.js';
+import { useUserInfo } from '../../hooks/useEntityAuthor.esm.js';
+import { useUserFollow } from '../../hooks/useUserFollow.esm.js';
+import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
+import { Tooltip, Grid, Box, Avatar, Typography, Button } from '@material-ui/core';
+import 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
+import '../QetaContext/QetaContext.esm.js';
+import 'dataloader';
+import VisibilityOff from '@material-ui/icons/VisibilityOff';
+import Visibility from '@material-ui/icons/Visibility';
+import HelpOutline from '@material-ui/icons/HelpOutline';
+import QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';
+import DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';
+import Stars from '@material-ui/icons/Stars';
+import CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';
+import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
+import { Skeleton } from '@material-ui/lab';
+
+const cache = /* @__PURE__ */ new Map();
+const requestCache = /* @__PURE__ */ new Map();
+const TTL = 5 * 60 * 1e3;
+const UserTooltipContent = ({
+  entityRef,
+  anonymous,
+  interactive
+}) => {
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const qetaApi = useApi(qetaApiRef);
+  const { name, initials, user, secondaryTitle } = useUserInfo(
+    entityRef,
+    anonymous ?? entityRef === "anonymous"
+  );
+  const [stats, setStats] = useState();
+  useEffect(() => {
+    const cached = cache.get(entityRef);
+    if (cached && Date.now() - cached.timestamp < TTL) {
+      setStats(cached.data);
+      return;
+    }
+    if (requestCache.has(entityRef)) {
+      requestCache.get(entityRef).then((res) => {
+        if (res) setStats(res);
+      });
+      return;
+    }
+    const promise = qetaApi.getUserStats(entityRef).then((res) => {
+      if (res && res.summary) {
+        cache.set(entityRef, { data: res.summary, timestamp: Date.now() });
+        return res.summary;
+      }
+      return void 0;
+    });
+    requestCache.set(entityRef, promise);
+    promise.then((res) => {
+      if (res) setStats(res);
+      requestCache.delete(entityRef);
+    });
+  }, [qetaApi, entityRef]);
+  const { value: currentUser } = useIdentityApi(
+    (api) => api.getBackstageIdentity(),
+    []
+  );
+  const users = useUserFollow();
+  if (!stats) {
+    return /* @__PURE__ */ jsx(Grid, { container: true, style: { padding: "0.5em", maxWidth: 300 }, spacing: 1, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Box, { style: { display: "inline-block", marginRight: "1em" }, children: /* @__PURE__ */ jsx(Skeleton, { variant: "circle", width: 40, height: 40 }) }),
+      /* @__PURE__ */ jsxs(Box, { style: { overflow: "hidden", flex: 1 }, children: [
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 100, height: 24 }),
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 150, height: 20 })
+      ] })
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em", maxWidth: 300 }, spacing: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Box, { style: { display: "inline-block", marginRight: "1em" }, children: /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          src: user?.spec?.profile?.picture,
+          alt: name,
+          variant: "rounded",
+          style: { width: "48px", height: "48px" },
+          children: initials
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(Box, { style: { overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "subtitle1",
+            style: {
+              textOverflow: "ellipsis",
+              overflow: "hidden",
+              whiteSpace: "nowrap",
+              fontWeight: 600
+            },
+            children: name
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: secondaryTitle })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { display: "flex", flexWrap: "wrap", style: { gap: "0.5em" }, children: [
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          HelpOutline,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.totalQuestions,
+          " ",
+          t("common.questions")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          QuestionAnswerOutlined,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.totalAnswers,
+          " ",
+          t("common.answers", {})
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          DescriptionOutlined,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.totalArticles,
+          " ",
+          t("common.articles")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          Stars,
+          {
+            style: {
+              fontSize: "0.875rem",
+              marginRight: "0.25em",
+              color: "#ffc107"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.reputation,
+          " ",
+          t("impactCard.reputation")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          Visibility,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.totalViews,
+          " ",
+          t("common.views")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          CheckCircleOutline,
+          {
+            style: {
+              fontSize: "0.875rem",
+              marginRight: "0.25em",
+              color: "#4caf50"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.correctAnswers,
+          " ",
+          t("impactCard.correctAnswers")
+        ] })
+      ] })
+    ] }) }),
+    interactive && !users.loading && currentUser?.userEntityRef !== entityRef && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        color: users.isFollowingUser(entityRef) ? "secondary" : "primary",
+        fullWidth: true,
+        onClick: () => {
+          if (users.isFollowingUser(entityRef)) {
+            users.unfollowUser(entityRef);
+          } else {
+            users.followUser(entityRef);
+          }
+        },
+        startIcon: users.isFollowingUser(entityRef) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
+        children: users.isFollowingUser(entityRef) ? t("userButton.unfollow") : t("userButton.follow")
+      }
+    ) })
+  ] });
+};
+const UserTooltip = (props) => {
+  const {
+    entityRef,
+    anonymous,
+    interactive = true,
+    children,
+    className,
+    ...tooltipProps
+  } = props;
+  const classes = useTooltipStyles();
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: /* @__PURE__ */ jsx(
+        UserTooltipContent,
+        {
+          entityRef,
+          anonymous,
+          interactive
+        }
+      ),
+      interactive,
+      arrow: true,
+      classes: {
+        tooltip: classes.tooltip,
+        arrow: classes.tooltipArrow,
+        ...props.classes
+      },
+      className,
+      ...tooltipProps,
+      children
+    }
+  );
+};
+
+export { UserTooltip };
+//# sourceMappingURL=UserTooltip.esm.js.map

package/dist/components/Tooltips/UserTooltip.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserTooltip.esm.js","sources":["../../../src/components/Tooltips/UserTooltip.tsx"],"sourcesContent":["import { useIdentityApi, useUserFollow, useUserInfo } from '../../hooks';\nimport {\n  Avatar,\n  Box,\n  Button,\n  Grid,\n  Tooltip,\n  TooltipProps,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';\nimport DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';\nimport Stars from '@material-ui/icons/Stars';\nimport CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useEffect, useState } from 'react';\nimport { UserStat } from '@drodil/backstage-plugin-qeta-common';\nimport { qetaApiRef } from '../../api';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Skeleton } from '@material-ui/lab';\n\nconst cache: Map<string, { data: UserStat; timestamp: number }> = new Map();\nconst requestCache: Map<string, Promise<UserStat | undefined>> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst UserTooltipContent = ({\n  entityRef,\n  anonymous,\n  interactive,\n}: {\n  entityRef: string;\n  anonymous?: boolean;\n  interactive: boolean;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const qetaApi = useApi(qetaApiRef);\n\n  const { name, initials, user, secondaryTitle } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n  const [stats, setStats] = useState<UserStat | undefined>();\n\n  useEffect(() => {\n    const cached = cache.get(entityRef);\n    if (cached && Date.now() - cached.timestamp < TTL) {\n      setStats(cached.data);\n      return;\n    }\n\n    if (requestCache.has(entityRef)) {\n      requestCache.get(entityRef)!.then(res => {\n        if (res) setStats(res);\n      });\n      return;\n    }\n\n    const promise = qetaApi.getUserStats(entityRef).then(res => {\n      if (res && res.summary) {\n        cache.set(entityRef, { data: res.summary, timestamp: Date.now() });\n        return res.summary;\n      }\n      return undefined;\n    });\n\n    requestCache.set(entityRef, promise);\n    promise.then(res => {\n      if (res) setStats(res);\n      requestCache.delete(entityRef);\n    });\n  }, [qetaApi, entityRef]);\n\n  const { value: currentUser } = useIdentityApi(\n    api => api.getBackstageIdentity(),\n    [],\n  );\n  const users = useUserFollow();\n\n  if (!stats) {\n    return (\n      <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n        <Grid item xs={12}>\n          <Box style={{ display: 'flex', alignItems: 'center' }}>\n            <Box style={{ display: 'inline-block', marginRight: '1em' }}>\n              <Skeleton variant=\"circle\" width={40} height={40} />\n            </Box>\n            <Box style={{ overflow: 'hidden', flex: 1 }}>\n              <Skeleton variant=\"text\" width={100} height={24} />\n              <Skeleton variant=\"text\" width={150} height={20} />\n            </Box>\n          </Box>\n        </Grid>\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          <Box style={{ display: 'inline-block', marginRight: '1em' }}>\n            <Avatar\n              src={user?.spec?.profile?.picture}\n              alt={name}\n              variant=\"rounded\"\n              style={{ width: '48px', height: '48px' }}\n            >\n              {initials}\n            </Avatar>\n          </Box>\n          <Box style={{ overflow: 'hidden' }}>\n            <Typography\n              variant=\"subtitle1\"\n              style={{\n                textOverflow: 'ellipsis',\n                overflow: 'hidden',\n                whiteSpace: 'nowrap',\n                fontWeight: 600,\n              }}\n            >\n              {name}\n            </Typography>\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              {secondaryTitle}\n            </Typography>\n          </Box>\n        </Box>\n      </Grid>\n      <Grid item xs={12}>\n        <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '0.5em' }}>\n          <Box display=\"flex\" alignItems=\"center\">\n            <HelpOutline\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {stats.totalQuestions} {t('common.questions')}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <QuestionAnswerOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {stats.totalAnswers} {t('common.answers', {})}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <DescriptionOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {stats.totalArticles} {t('common.articles')}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <Stars\n              style={{\n                fontSize: '0.875rem',\n                marginRight: '0.25em',\n                color: '#ffc107',\n              }}\n            />\n            <Typography variant=\"caption\">\n              {stats.reputation} {t('impactCard.reputation')}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <Visibility\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {stats.totalViews} {t('common.views')}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <CheckCircleOutline\n              style={{\n                fontSize: '0.875rem',\n                marginRight: '0.25em',\n                color: '#4caf50',\n              }}\n            />\n            <Typography variant=\"caption\">\n              {stats.correctAnswers} {t('impactCard.correctAnswers')}\n            </Typography>\n          </Box>\n        </Box>\n      </Grid>\n      {interactive &&\n        !users.loading &&\n        currentUser?.userEntityRef !== entityRef && (\n          <Grid item xs={12}>\n            <Button\n              size=\"small\"\n              variant=\"outlined\"\n              color={users.isFollowingUser(entityRef) ? 'secondary' : 'primary'}\n              fullWidth\n              onClick={() => {\n                if (users.isFollowingUser(entityRef)) {\n                  users.unfollowUser(entityRef);\n                } else {\n                  users.followUser(entityRef);\n                }\n              }}\n              startIcon={\n                users.isFollowingUser(entityRef) ? (\n                  <VisibilityOff />\n                ) : (\n                  <Visibility />\n                )\n              }\n            >\n              {users.isFollowingUser(entityRef)\n                ? t('userButton.unfollow')\n                : t('userButton.follow')}\n            </Button>\n          </Grid>\n        )}\n    </Grid>\n  );\n};\n\nexport const UserTooltip = (\n  props: {\n    entityRef: string;\n    anonymous?: boolean;\n    interactive?: boolean;\n  } & Omit<TooltipProps, 'title'>,\n) => {\n  const {\n    entityRef,\n    anonymous,\n    interactive = true,\n    children,\n    className,\n    ...tooltipProps\n  } = props;\n  const classes = useTooltipStyles();\n\n  return (\n    <Tooltip\n      title={\n        <UserTooltipContent\n          entityRef={entityRef}\n          anonymous={anonymous}\n          interactive={interactive}\n        />\n      }\n      interactive={interactive}\n      arrow\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n        ...props.classes,\n      }}\n      className={className}\n      {...tooltipProps}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/UsersContainer/UserListItem.esm.js

@@ -9,6 +9,7 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import { useListItemStyles } from '../../hooks/useListItemStyles.esm.js';
 import { useEntityAuthor } from '../../hooks/useEntityAuthor.esm.js';
+import '@backstage/plugin-catalog-react';
 import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';

package/dist/components/UsersContainer/UserListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserListItem.esm.js","sources":["../../../src/components/UsersContainer/UserListItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n  Avatar,\n  Box,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { UserFollowButton } from '../Buttons/UserFollowButton';\nimport Visibility from '@material-ui/icons/Visibility';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    marginLeft: theme.spacing(2),\n  },\n  title: {\n    fontWeight: 600,\n  },\n  statsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    alignItems: 'center',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none',\n    },\n  },\n  statItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n  actions: {\n    marginLeft: theme.spacing(2),\n  },\n}));\n\nexport const UserListItem = (props: { user: UserResponse }) => {\n  const { user } = props;\n  const classes = useStyles();\n  const listItemClasses = useListItemStyles();\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    name,\n    initials,\n    user: userEntity,\n    secondaryTitle,\n  } = useEntityAuthor(user);\n  const {\n    value: currentUser,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const href = `${userRoute()}/${user.userRef}`;\n\n  return (\n    <Link to={href} className={listItemClasses.root}>\n      <Avatar\n        src={userEntity?.spec?.profile?.picture}\n        alt={name}\n        variant=\"rounded\"\n      >\n        {initials}\n      </Avatar>\n      <Box className={classes.content}>\n        <Tooltip title={secondaryTitle ?? ''} arrow placement=\"top-start\">\n          <Typography className={classes.title} noWrap>\n            {name}\n          </Typography>\n        </Tooltip>\n      </Box>\n\n      <Box className={classes.statsWrapper}>\n        <Tooltip title={t('impactCard.reputation')} arrow>\n          <div className={classes.statItem}>\n            <EmojiEvents fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.reputation}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.questions')} arrow>\n          <div className={classes.statItem}>\n            <QuestionAnswerIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalQuestions}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.answers')} arrow>\n          <div className={classes.statItem}>\n            <CheckCircleIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalAnswers}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.articles')} arrow>\n          <div className={classes.statItem}>\n            <DescriptionIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalArticles}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.links')} arrow>\n          <div className={classes.statItem}>\n            <LinkIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalLinks}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.votes')} arrow>\n          <div className={classes.statItem}>\n            <ThumbUpIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalVotes}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.views')} arrow>\n          <div className={classes.statItem}>\n            <Visibility fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalViews}</Typography>\n          </div>\n        </Tooltip>\n      </Box>\n\n      {!loadingUser &&\n      !userError &&\n      currentUser?.userEntityRef !== user.userRef ? (\n        <Box\n          className={classes.actions}\n          onClick={e => {\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <UserFollowButton userRef={user.userRef} />\n        </Box>\n      ) : null}\n    </Link>\n  );\n};\n"],"names":["CheckCircleIcon","ThumbUpIcon"],"mappings":"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"}
+{"version":3,"file":"UserListItem.esm.js","sources":["../../../src/components/UsersContainer/UserListItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n  Avatar,\n  Box,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { UserFollowButton } from '../Buttons/UserFollowButton';\nimport Visibility from '@material-ui/icons/Visibility';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    marginLeft: theme.spacing(2),\n  },\n  title: {\n    fontWeight: 600,\n  },\n  statsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    alignItems: 'center',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none',\n    },\n  },\n  statItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n  actions: {\n    marginLeft: theme.spacing(2),\n  },\n}));\n\nexport const UserListItem = (props: { user: UserResponse }) => {\n  const { user } = props;\n  const classes = useStyles();\n  const listItemClasses = useListItemStyles();\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    name,\n    initials,\n    user: userEntity,\n    secondaryTitle,\n  } = useEntityAuthor(user);\n  const {\n    value: currentUser,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const href = `${userRoute()}/${user.userRef}`;\n\n  return (\n    <Link to={href} className={listItemClasses.root}>\n      <Avatar\n        src={userEntity?.spec?.profile?.picture}\n        alt={name}\n        variant=\"rounded\"\n      >\n        {initials}\n      </Avatar>\n      <Box className={classes.content}>\n        <Tooltip title={secondaryTitle ?? ''} arrow placement=\"top-start\">\n          <Typography className={classes.title} noWrap>\n            {name}\n          </Typography>\n        </Tooltip>\n      </Box>\n\n      <Box className={classes.statsWrapper}>\n        <Tooltip title={t('impactCard.reputation')} arrow>\n          <div className={classes.statItem}>\n            <EmojiEvents fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.reputation}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.questions')} arrow>\n          <div className={classes.statItem}>\n            <QuestionAnswerIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalQuestions}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.answers')} arrow>\n          <div className={classes.statItem}>\n            <CheckCircleIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalAnswers}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.articles')} arrow>\n          <div className={classes.statItem}>\n            <DescriptionIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalArticles}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.links')} arrow>\n          <div className={classes.statItem}>\n            <LinkIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalLinks}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.votes')} arrow>\n          <div className={classes.statItem}>\n            <ThumbUpIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalVotes}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.views')} arrow>\n          <div className={classes.statItem}>\n            <Visibility fontSize=\"small\" />\n            <Typography variant=\"body2\">{user.totalViews}</Typography>\n          </div>\n        </Tooltip>\n      </Box>\n\n      {!loadingUser &&\n      !userError &&\n      currentUser?.userEntityRef !== user.userRef ? (\n        <Box\n          className={classes.actions}\n          onClick={e => {\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <UserFollowButton userRef={user.userRef} />\n        </Box>\n      ) : null}\n    </Link>\n  );\n};\n"],"names":["CheckCircleIcon","ThumbUpIcon"],"mappings":"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"}

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

@@ -51,16 +51,14 @@ const useUserInfo = (entityRef, anonymous) => {
   const [user, setUser] = useState(null);
   const [initials, setInitials] = useState(null);
   const [currentUser, setCurrentUser] = useState(null);
-  const ref = stringifyEntityRef(
-    parseEntityRef(entityRef, { defaultKind: "user" })
-  );
+  const ref = entityRef ? stringifyEntityRef(parseEntityRef(entityRef, { defaultKind: "user" })) : "user:default/guest";
   const {
     primaryTitle: userName,
     secondaryTitle,
     Icon
   } = useEntityPresentation(ref, { defaultKind: "user" });
   useEffect(() => {
-    if (anonymous) {
+    if (anonymous || !entityRef) {
       return;
     }
     if (userCache.get(ref)) {
@@ -76,7 +74,7 @@ const useUserInfo = (entityRef, anonymous) => {
     }).catch(() => {
       setUser(null);
     });
-  }, [catalogApi, ref, anonymous]);
+  }, [catalogApi, ref, anonymous, entityRef]);
   useEffect(() => {
     identityApi.getBackstageIdentity().then((res) => {
       setCurrentUser(res.userEntityRef ?? "user:default/guest");
@@ -115,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.ts';\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 = stringifyEntityRef(\n    parseEntityRef(entityRef, { defaultKind: 'user' }),\n  );\n\n  const {\n    primaryTitle: userName,\n    secondaryTitle,\n    Icon,\n  } = useEntityPresentation(ref, { defaultKind: 'user' });\n\n  useEffect(() => {\n    if (anonymous) {\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]);\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;;;;"}