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

package/dist/components/FollowedLists/FollowedTagsList.esm.js

@@ -15,7 +15,7 @@ import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
-import { makeStyles, ListItem, Box, Tooltip, ListItemText } from '@material-ui/core';
+import { makeStyles, ListItem, Box, ListItemText } from '@material-ui/core';
 import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
@@ -23,6 +23,22 @@ import '../QetaContext/QetaContext.esm.js';
 import { RightListContainer, RightList } from '../Utility/RightList.esm.js';
 import LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';
 import { tagRouteRef } from '../../routes.esm.js';
+import { TagTooltip } from '../Tooltips/TagTooltip.esm.js';
+import '@material-ui/lab';
+import '@material-ui/icons/VisibilityOff';
+import '@material-ui/icons/Visibility';
+import '@material-ui/icons/HelpOutline';
+import '@material-ui/icons/DescriptionOutlined';
+import '@material-ui/icons/PeopleAltOutlined';
+import '../../hooks/useTooltipStyles.esm.js';
+import '@material-ui/icons/LibraryBooksOutlined';
+import '@material-ui/icons/QuestionAnswerOutlined';
+import '@material-ui/icons/Stars';
+import '@material-ui/icons/CheckCircleOutline';
+import 'react-relative-time';
+import '@material-ui/icons/ThumbUpOutlined';
+import '@material-ui/icons/VisibilityOutlined';
+import '@material-ui/icons/ChatBubbleOutline';
 
 const useStyles = makeStyles((theme) => ({
   listItem: {
@@ -68,24 +84,34 @@ const FollowedTagsList = () => {
   }
   return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedTags"), limit: 5, randomize: true, children: tags.tags.map((tag) => {
     const href = tagRoute({ tag });
-    return /* @__PURE__ */ jsxs(
-      ListItem,
+    return /* @__PURE__ */ jsx(
+      TagTooltip,
       {
-        dense: true,
-        button: true,
-        className: classes.listItem,
-        component: Link,
-        to: href,
-        children: [
-          /* @__PURE__ */ jsx(Box, { className: classes.iconBox, children: /* @__PURE__ */ jsx(LocalOfferOutlined, { fontSize: "small" }) }),
-          /* @__PURE__ */ jsx(Tooltip, { title: tag, arrow: true, children: /* @__PURE__ */ jsx(
-            ListItemText,
-            {
-              primary: `${tag}`,
-              classes: { primary: classes.listItemText }
-            }
-          ) })
-        ]
+        tag,
+        interactive: false,
+        enterDelay: 400,
+        enterNextDelay: 400,
+        placement: "left",
+        children: /* @__PURE__ */ jsxs(
+          ListItem,
+          {
+            dense: true,
+            button: true,
+            className: classes.listItem,
+            component: Link,
+            to: href,
+            children: [
+              /* @__PURE__ */ jsx(Box, { className: classes.iconBox, children: /* @__PURE__ */ jsx(LocalOfferOutlined, { fontSize: "small" }) }),
+              /* @__PURE__ */ jsx(
+                ListItemText,
+                {
+                  primary: `${tag}`,
+                  classes: { primary: classes.listItemText }
+                }
+              )
+            ]
+          }
+        )
       },
       tag
     );

package/dist/components/FollowedLists/FollowedTagsList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import { useTagsFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n  Box,\n  ListItem,\n  ListItemText,\n  makeStyles,\n  Tooltip,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport { Link } from 'react-router-dom';\nimport { tagRouteRef } from '../../routes';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  listItem: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: '0 4px',\n    minHeight: 28,\n    cursor: 'pointer',\n    transition: 'background 0.2s',\n    textDecoration: 'none',\n    color: 'inherit',\n    '&:hover': {\n      background: theme.palette.action.hover,\n    },\n  },\n  listItemText: {\n    color: theme.palette.text.primary,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    flex: 1,\n  },\n  iconBox: {\n    minWidth: 28,\n    maxWidth: 28,\n    height: 24,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 4,\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n}));\n\nexport const FollowedTagsList = () => {\n  const tags = useTagsFollow();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n  const tagRoute = useRouteRef(tagRouteRef);\n\n  if (tags.tags.length === 0 || tags.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedTags')} limit={5} randomize>\n        {tags.tags.map(tag => {\n          const href = tagRoute({ tag: tag });\n          return (\n            <ListItem\n              key={tag}\n              dense\n              button\n              className={classes.listItem}\n              component={Link}\n              to={href}\n            >\n              <Box className={classes.iconBox}>\n                <LocalOfferOutlined fontSize=\"small\" />\n              </Box>\n              <Tooltip title={tag} arrow>\n                <ListItemText\n                  primary={`${tag}`}\n                  classes={{ primary: classes.listItemText }}\n                />\n              </Tooltip>\n            </ListItem>\n          );\n        })}\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import { useTagsFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { Box, ListItem, ListItemText, makeStyles } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport { Link } from 'react-router-dom';\nimport { tagRouteRef } from '../../routes';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { TagTooltip } from '../Tooltips';\n\nconst useStyles = makeStyles(theme => ({\n  listItem: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: '0 4px',\n    minHeight: 28,\n    cursor: 'pointer',\n    transition: 'background 0.2s',\n    textDecoration: 'none',\n    color: 'inherit',\n    '&:hover': {\n      background: theme.palette.action.hover,\n    },\n  },\n  listItemText: {\n    color: theme.palette.text.primary,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    flex: 1,\n  },\n  iconBox: {\n    minWidth: 28,\n    maxWidth: 28,\n    height: 24,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 4,\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n}));\n\nexport const FollowedTagsList = () => {\n  const tags = useTagsFollow();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n  const tagRoute = useRouteRef(tagRouteRef);\n\n  if (tags.tags.length === 0 || tags.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedTags')} limit={5} randomize>\n        {tags.tags.map(tag => {\n          const href = tagRoute({ tag: tag });\n          return (\n            <TagTooltip\n              key={tag}\n              tag={tag}\n              interactive={false}\n              enterDelay={400}\n              enterNextDelay={400}\n              placement=\"left\"\n            >\n              <ListItem\n                dense\n                button\n                className={classes.listItem}\n                component={Link}\n                to={href}\n              >\n                <Box className={classes.iconBox}>\n                  <LocalOfferOutlined fontSize=\"small\" />\n                </Box>\n                <ListItemText\n                  primary={`${tag}`}\n                  classes={{ primary: classes.listItemText }}\n                />\n              </ListItem>\n            </TagTooltip>\n          );\n        })}\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/FollowedLists/FollowedUsersList.esm.js

@@ -13,7 +13,7 @@ import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
-import { makeStyles, ListItem, Avatar, Tooltip, ListItemText } from '@material-ui/core';
+import { makeStyles, ListItem, Avatar, ListItemText } from '@material-ui/core';
 import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
@@ -21,6 +21,25 @@ import '../QetaContext/QetaContext.esm.js';
 import 'dataloader';
 import { RightListContainer, RightList } from '../Utility/RightList.esm.js';
 import { userRouteRef } from '../../routes.esm.js';
+import '../MarkdownRenderer/MarkdownRenderer.esm.js';
+import '@material-ui/lab';
+import '@material-ui/icons/VisibilityOff';
+import '@material-ui/icons/Visibility';
+import '@material-ui/icons/LoyaltyOutlined';
+import '@material-ui/icons/HelpOutline';
+import '@material-ui/icons/DescriptionOutlined';
+import '@material-ui/icons/PeopleAltOutlined';
+import '../../hooks/useTooltipStyles.esm.js';
+import '@backstage/catalog-model';
+import '@backstage/plugin-catalog-react';
+import '@material-ui/icons/LibraryBooksOutlined';
+import { UserTooltip } from '../Tooltips/UserTooltip.esm.js';
+import 'react-relative-time';
+import '@material-ui/icons/ThumbUpOutlined';
+import '@material-ui/icons/VisibilityOutlined';
+import '@material-ui/icons/QuestionAnswerOutlined';
+import '@material-ui/icons/ChatBubbleOutline';
+import '@material-ui/icons/CheckCircleOutline';
 
 const useStyles = makeStyles((theme) => ({
   listItem: {
@@ -56,32 +75,42 @@ const FollowedUserItem = ({ entityRef }) => {
   const userRoute = useRouteRef(userRouteRef);
   const { name, initials, user } = useUserInfo(entityRef);
   const href = `${userRoute()}/${entityRef}`;
-  return /* @__PURE__ */ jsxs(
-    ListItem,
+  return /* @__PURE__ */ jsx(
+    UserTooltip,
     {
-      dense: true,
-      button: true,
-      className: classes.listItem,
-      component: Link,
-      to: href,
-      children: [
-        /* @__PURE__ */ jsx(
-          Avatar,
-          {
-            src: user?.spec?.profile?.picture,
-            alt: name,
-            className: classes.avatar,
-            children: initials
-          }
-        ),
-        /* @__PURE__ */ jsx(Tooltip, { title: name ?? entityRef, arrow: true, children: /* @__PURE__ */ jsx(
-          ListItemText,
-          {
-            primary: name ?? entityRef,
-            classes: { primary: classes.listItemText }
-          }
-        ) })
-      ]
+      entityRef,
+      interactive: false,
+      enterDelay: 400,
+      enterNextDelay: 400,
+      placement: "left",
+      children: /* @__PURE__ */ jsxs(
+        ListItem,
+        {
+          dense: true,
+          button: true,
+          className: classes.listItem,
+          component: Link,
+          to: href,
+          children: [
+            /* @__PURE__ */ jsx(
+              Avatar,
+              {
+                src: user?.spec?.profile?.picture,
+                alt: name,
+                className: classes.avatar,
+                children: initials
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ListItemText,
+              {
+                primary: name ?? entityRef,
+                classes: { primary: classes.listItemText }
+              }
+            )
+          ]
+        }
+      )
     }
   );
 };

package/dist/components/FollowedLists/FollowedUsersList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowedUsersList.esm.js","sources":["../../../src/components/FollowedLists/FollowedUsersList.tsx"],"sourcesContent":["import { useUserFollow } from '../../hooks';\nimport { useUserInfo } from '../../hooks/useEntityAuthor';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n  Avatar,\n  ListItem,\n  ListItemText,\n  makeStyles,\n  Tooltip,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Link } from 'react-router-dom';\nimport { userRouteRef } from '../../routes';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  listItem: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: '0 4px',\n    minHeight: 28,\n    cursor: 'pointer',\n    transition: 'background 0.2s',\n    textDecoration: 'none',\n    color: 'inherit',\n    '&:hover': {\n      background: theme.palette.action.hover,\n    },\n  },\n  listItemText: {\n    color: theme.palette.text.primary,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    flex: 1,\n  },\n  avatar: {\n    width: 24,\n    height: 24,\n    fontSize: '0.75rem',\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(0.5),\n  },\n}));\n\nconst FollowedUserItem = ({ entityRef }: { entityRef: string }) => {\n  const classes = useStyles();\n  const userRoute = useRouteRef(userRouteRef);\n  const { name, initials, user } = useUserInfo(entityRef);\n  const href = `${userRoute()}/${entityRef}`;\n\n  return (\n    <ListItem\n      dense\n      button\n      className={classes.listItem}\n      component={Link}\n      to={href}\n    >\n      <Avatar\n        src={user?.spec?.profile?.picture}\n        alt={name}\n        className={classes.avatar}\n      >\n        {initials}\n      </Avatar>\n      <Tooltip title={name ?? entityRef} arrow>\n        <ListItemText\n          primary={name ?? entityRef}\n          classes={{ primary: classes.listItemText }}\n        />\n      </Tooltip>\n    </ListItem>\n  );\n};\n\nexport const FollowedUsersList = () => {\n  const users = useUserFollow();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (users.users.length === 0 || users.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedUsers')} limit={5} randomize>\n        {users.users.map(user => (\n          <FollowedUserItem key={user} entityRef={user} />\n        ))}\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FollowedUsersList.esm.js","sources":["../../../src/components/FollowedLists/FollowedUsersList.tsx"],"sourcesContent":["import { useUserFollow } from '../../hooks';\nimport { useUserInfo } from '../../hooks/useEntityAuthor';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { Avatar, ListItem, ListItemText, makeStyles } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Link } from 'react-router-dom';\nimport { userRouteRef } from '../../routes';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { UserTooltip } from '../Tooltips';\n\nconst useStyles = makeStyles(theme => ({\n  listItem: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: '0 4px',\n    minHeight: 28,\n    cursor: 'pointer',\n    transition: 'background 0.2s',\n    textDecoration: 'none',\n    color: 'inherit',\n    '&:hover': {\n      background: theme.palette.action.hover,\n    },\n  },\n  listItemText: {\n    color: theme.palette.text.primary,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    flex: 1,\n  },\n  avatar: {\n    width: 24,\n    height: 24,\n    fontSize: '0.75rem',\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(0.5),\n  },\n}));\n\nconst FollowedUserItem = ({ entityRef }: { entityRef: string }) => {\n  const classes = useStyles();\n  const userRoute = useRouteRef(userRouteRef);\n  const { name, initials, user } = useUserInfo(entityRef);\n  const href = `${userRoute()}/${entityRef}`;\n\n  return (\n    <UserTooltip\n      entityRef={entityRef}\n      interactive={false}\n      enterDelay={400}\n      enterNextDelay={400}\n      placement=\"left\"\n    >\n      <ListItem\n        dense\n        button\n        className={classes.listItem}\n        component={Link}\n        to={href}\n      >\n        <Avatar\n          src={user?.spec?.profile?.picture}\n          alt={name}\n          className={classes.avatar}\n        >\n          {initials}\n        </Avatar>\n        <ListItemText\n          primary={name ?? entityRef}\n          classes={{ primary: classes.listItemText }}\n        />\n      </ListItem>\n    </UserTooltip>\n  );\n};\n\nexport const FollowedUsersList = () => {\n  const users = useUserFollow();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (users.users.length === 0 || users.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedUsers')} limit={5} randomize>\n        {users.users.map(user => (\n          <FollowedUserItem key={user} entityRef={user} />\n        ))}\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/HomePageCards/CommunityActivityCard.esm.js

@@ -0,0 +1,164 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import '@backstage/plugin-signals-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import '../../hooks/useListItemStyles.esm.js';
+import '@backstage/catalog-model';
+import 'dataloader';
+import '@backstage/plugin-catalog-react';
+import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
+import { makeStyles, Card, CardHeader, Select, MenuItem, CardContent, Grid, Box, Typography } from '@material-ui/core';
+import 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
+import '../QetaContext/QetaContext.esm.js';
+import { Skeleton } from '@material-ui/lab';
+import PostAddIcon from '@material-ui/icons/PostAdd';
+import QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';
+import Visibility from '@material-ui/icons/Visibility';
+import CommentIcon from '@material-ui/icons/Comment';
+import ThumbUp from '@material-ui/icons/ThumbUp';
+import PeopleIcon from '@material-ui/icons/People';
+import GroupWorkIcon from '@material-ui/icons/GroupWork';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    height: "100%"
+  },
+  statBox: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    padding: theme.spacing(1.5),
+    borderRadius: theme.shape.borderRadius,
+    background: theme.palette.type === "dark" ? "rgba(255, 255, 255, 0.05)" : "rgba(0, 0, 0, 0.02)"
+  },
+  statIcon: {
+    marginBottom: theme.spacing(0.5),
+    color: theme.palette.primary.main,
+    opacity: 0.8
+  },
+  statValue: {
+    fontWeight: "bold",
+    fontSize: "1.3rem",
+    color: theme.palette.primary.main,
+    lineHeight: 1.2
+  },
+  statLabel: {
+    color: theme.palette.text.secondary,
+    fontSize: "0.75rem",
+    marginTop: theme.spacing(0.25)
+  },
+  header: {
+    paddingBottom: 0
+  },
+  select: {
+    fontSize: "0.8rem"
+  }
+}));
+const CommunityActivityCard = () => {
+  const classes = useStyles();
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const [period, setPeriod] = useState("7d");
+  const { value: stats, loading } = useQetaApi(
+    (api) => api.getCommunityActivity(period),
+    [period]
+  );
+  const renderContent = () => {
+    if (loading) {
+      return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: Array.from(new Array(6)).map((_, i) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 4, children: /* @__PURE__ */ jsxs(Box, { className: classes.statBox, children: [
+        /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            variant: "circle",
+            width: 24,
+            height: 24,
+            className: classes.statIcon
+          }
+        ),
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "60%", height: 32 }),
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "40%" })
+      ] }) }, i)) });
+    }
+    if (!stats) {
+      return null;
+    }
+    const statItems = [
+      {
+        icon: PostAddIcon,
+        value: stats.posts,
+        label: t("communityActivity.newPosts")
+      },
+      {
+        icon: QuestionAnswerIcon,
+        value: stats.answers,
+        label: t("communityActivity.newAnswers")
+      },
+      {
+        icon: Visibility,
+        value: stats.views,
+        label: t("communityActivity.views")
+      },
+      {
+        icon: CommentIcon,
+        value: stats.comments,
+        label: t("communityActivity.newComments")
+      },
+      {
+        icon: ThumbUp,
+        value: stats.votes,
+        label: t("communityActivity.newVotes")
+      },
+      {
+        icon: PeopleIcon,
+        value: stats.activeUsers,
+        label: t("communityActivity.activeUsers")
+      }
+    ];
+    return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: statItems.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 4, children: /* @__PURE__ */ jsxs(Box, { className: classes.statBox, children: [
+      /* @__PURE__ */ jsx(item.icon, { className: classes.statIcon }),
+      /* @__PURE__ */ jsx(Typography, { className: classes.statValue, children: item.value }),
+      /* @__PURE__ */ jsx(Typography, { className: classes.statLabel, children: item.label })
+    ] }) }, index)) });
+  };
+  return /* @__PURE__ */ jsxs(Card, { className: classes.root, variant: "outlined", children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        title: t("communityActivity.title"),
+        className: classes.header,
+        avatar: /* @__PURE__ */ jsx(GroupWorkIcon, {}),
+        titleTypographyProps: { variant: "h5" },
+        action: /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: period,
+            onChange: (e) => setPeriod(e.target.value),
+            className: classes.select,
+            disableUnderline: true,
+            children: [
+              /* @__PURE__ */ jsx(MenuItem, { value: "1d", children: t("communityActivity.period.1d") }),
+              /* @__PURE__ */ jsx(MenuItem, { value: "3d", children: t("communityActivity.period.3d") }),
+              /* @__PURE__ */ jsx(MenuItem, { value: "7d", children: t("communityActivity.period.7d") }),
+              /* @__PURE__ */ jsx(MenuItem, { value: "14d", children: t("communityActivity.period.14d") }),
+              /* @__PURE__ */ jsx(MenuItem, { value: "30d", children: t("communityActivity.period.30d") }),
+              /* @__PURE__ */ jsx(MenuItem, { value: "90d", children: t("communityActivity.period.90d") }),
+              /* @__PURE__ */ jsx(MenuItem, { value: "1y", children: t("communityActivity.period.1y") })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(CardContent, { children: renderContent() })
+  ] });
+};
+
+export { CommunityActivityCard };
+//# sourceMappingURL=CommunityActivityCard.esm.js.map

package/dist/components/HomePageCards/CommunityActivityCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunityActivityCard.esm.js","sources":["../../../src/components/HomePageCards/CommunityActivityCard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { qetaTranslationRef } from '../../translation';\nimport { useQetaApi } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  Box,\n  Card,\n  CardContent,\n  CardHeader,\n  Grid,\n  makeStyles,\n  MenuItem,\n  Select,\n  Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport PostAddIcon from '@material-ui/icons/PostAdd';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\nimport CommentIcon from '@material-ui/icons/Comment';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport PeopleIcon from '@material-ui/icons/People';\nimport GroupWorkIcon from '@material-ui/icons/GroupWork';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    height: '100%',\n  },\n  statBox: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    padding: theme.spacing(1.5),\n    borderRadius: theme.shape.borderRadius,\n    background:\n      theme.palette.type === 'dark'\n        ? 'rgba(255, 255, 255, 0.05)'\n        : 'rgba(0, 0, 0, 0.02)',\n  },\n  statIcon: {\n    marginBottom: theme.spacing(0.5),\n    color: theme.palette.primary.main,\n    opacity: 0.8,\n  },\n  statValue: {\n    fontWeight: 'bold',\n    fontSize: '1.3rem',\n    color: theme.palette.primary.main,\n    lineHeight: 1.2,\n  },\n  statLabel: {\n    color: theme.palette.text.secondary,\n    fontSize: '0.75rem',\n    marginTop: theme.spacing(0.25),\n  },\n  header: {\n    paddingBottom: 0,\n  },\n  select: {\n    fontSize: '0.8rem',\n  },\n}));\n\nexport const CommunityActivityCard = () => {\n  const classes = useStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [period, setPeriod] = useState('7d');\n\n  const { value: stats, loading } = useQetaApi(\n    api => api.getCommunityActivity(period),\n    [period],\n  );\n\n  const renderContent = () => {\n    if (loading) {\n      return (\n        <Grid container spacing={2}>\n          {Array.from(new Array(6)).map((_, i) => (\n            <Grid item xs={6} md={4} key={i}>\n              <Box className={classes.statBox}>\n                <Skeleton\n                  variant=\"circle\"\n                  width={24}\n                  height={24}\n                  className={classes.statIcon}\n                />\n                <Skeleton variant=\"text\" width=\"60%\" height={32} />\n                <Skeleton variant=\"text\" width=\"40%\" />\n              </Box>\n            </Grid>\n          ))}\n        </Grid>\n      );\n    }\n\n    if (!stats) {\n      return null;\n    }\n\n    const statItems = [\n      {\n        icon: PostAddIcon,\n        value: stats.posts,\n        label: t('communityActivity.newPosts'),\n      },\n      {\n        icon: QuestionAnswerIcon,\n        value: stats.answers,\n        label: t('communityActivity.newAnswers'),\n      },\n      {\n        icon: VisibilityIcon,\n        value: stats.views,\n        label: t('communityActivity.views'),\n      },\n      {\n        icon: CommentIcon,\n        value: stats.comments,\n        label: t('communityActivity.newComments'),\n      },\n      {\n        icon: ThumbUpIcon,\n        value: stats.votes,\n        label: t('communityActivity.newVotes'),\n      },\n      {\n        icon: PeopleIcon,\n        value: stats.activeUsers,\n        label: t('communityActivity.activeUsers'),\n      },\n    ];\n\n    return (\n      <Grid container spacing={2}>\n        {statItems.map((item, index) => (\n          <Grid item xs={6} md={4} key={index}>\n            <Box className={classes.statBox}>\n              <item.icon className={classes.statIcon} />\n              <Typography className={classes.statValue}>\n                {item.value}\n              </Typography>\n              <Typography className={classes.statLabel}>\n                {item.label}\n              </Typography>\n            </Box>\n          </Grid>\n        ))}\n      </Grid>\n    );\n  };\n\n  return (\n    <Card className={classes.root} variant=\"outlined\">\n      <CardHeader\n        title={t('communityActivity.title')}\n        className={classes.header}\n        avatar={<GroupWorkIcon />}\n        titleTypographyProps={{ variant: 'h5' }}\n        action={\n          <Select\n            value={period}\n            onChange={e => setPeriod(e.target.value as string)}\n            className={classes.select}\n            disableUnderline\n          >\n            <MenuItem value=\"1d\">{t('communityActivity.period.1d')}</MenuItem>\n            <MenuItem value=\"3d\">{t('communityActivity.period.3d')}</MenuItem>\n            <MenuItem value=\"7d\">{t('communityActivity.period.7d')}</MenuItem>\n            <MenuItem value=\"14d\">{t('communityActivity.period.14d')}</MenuItem>\n            <MenuItem value=\"30d\">{t('communityActivity.period.30d')}</MenuItem>\n            <MenuItem value=\"90d\">{t('communityActivity.period.90d')}</MenuItem>\n            <MenuItem value=\"1y\">{t('communityActivity.period.1y')}</MenuItem>\n          </Select>\n        }\n      />\n      <CardContent>{renderContent()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["VisibilityIcon","ThumbUpIcon"],"mappings":"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"}