@drodil/backstage-plugin-qeta-react 3.49.1 → 3.51.0

package/dist/components/LeftMenu/LeftMenu.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  IconButton,\n  List,\n  ListItemIcon,\n  makeStyles,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\n// Icons\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined'; // For Entities?\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined'; // Check if exists, else PlaylistPlay\nimport PeopleOutline from '@material-ui/icons/PeopleOutline';\nimport PersonOutline from '@material-ui/icons/PersonOutline';\nimport EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined'; // Check, else plain\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\n\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '../../routes';\nimport { useIdentityApi, useIsModerator } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      leftMenu: {\n        top: '0',\n        width: '220px', // Standard width\n        paddingTop: 0,\n        paddingBottom: theme.spacing(2),\n        transition: 'width 0.2s ease-in-out',\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100%',\n      },\n      leftMenuCompact: {\n        width: '72px',\n        overflowX: 'hidden',\n        '& $sectionHeader': {\n          display: 'none',\n        },\n        '& $divider': {\n          display: 'none',\n        },\n      },\n      inPopup: {\n        marginRight: 0,\n        padding: theme.spacing(1),\n        width: 'auto',\n      },\n      outsidePopup: {\n        position: 'sticky',\n        top: theme.spacing(2),\n        float: 'right',\n        maxHeight: 'calc(100vh - 100px)',\n        overflowY: 'auto',\n      },\n      menuItem: {\n        margin: (props: any) => (props.compact ? 0 : theme.spacing(0, 2)),\n        justifyContent: (props: any) =>\n          props.compact ? 'center' : 'flex-start',\n        padding: (props: any) =>\n          props.compact ? theme.spacing(1, 0) : theme.spacing(1, 1),\n        borderRadius: (props: any) =>\n          props.compact ? 0 : theme.shape.borderRadius,\n        transition: 'all 0.2s ease-in-out',\n        color: theme.palette.text.primary,\n        display: 'flex',\n        alignItems: 'center',\n        minHeight: 48,\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n      },\n      selectedMenuItem: {\n        color: theme.palette.primary.main,\n        backgroundColor: 'transparent',\n        fontWeight: 600,\n        position: 'relative',\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          height: '60%',\n          width: '4px',\n          backgroundColor: theme.palette.primary.main,\n          borderRadius: '0 4px 4px 0',\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n        '& svg': {\n          color: theme.palette.primary.main,\n        },\n      },\n      menuIcon: {\n        minWidth: '32px',\n        color: 'inherit',\n        display: 'flex',\n        justifyContent: 'center',\n      },\n      sectionHeader: {\n        padding: theme.spacing(0.5, 3, 0.5, 3),\n        marginTop: theme.spacing(2),\n        color: theme.palette.text.secondary,\n        fontWeight: 600,\n        textTransform: 'uppercase',\n        fontSize: '14px',\n        letterSpacing: '0.5px',\n        whiteSpace: 'nowrap',\n      },\n      divider: {\n        margin: theme.spacing(1, 2.5),\n        backgroundColor: theme.palette.divider,\n      },\n      toggleButton: {\n        marginLeft: 'auto',\n        marginRight: theme.spacing(1),\n        marginBottom: theme.spacing(1),\n      },\n      label: {\n        marginLeft: theme.spacing(1.5),\n        whiteSpace: 'nowrap',\n        opacity: 1,\n        transition: 'opacity 0.2s',\n      },\n      labelHidden: {\n        opacity: 0,\n        width: 0,\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (event: MouseEvent<EventTarget>) => void;\n  inPopup?: boolean;\n  compact?: boolean;\n  onToggle?: () => void;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const styles = useStyles(props);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const app = useApp();\n  const { compact = false, onToggle } = props;\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? CategoryOutlined;\n\n  const CustomMenuItem = ({\n    route,\n    hasSubRoutes,\n    children,\n    label,\n  }: {\n    route: string;\n    hasSubRoutes?: boolean;\n    children: ReactNode;\n    label: string;\n  }) => {\n    const isSelected =\n      route === location.pathname ||\n      (hasSubRoutes && location.pathname?.startsWith(route));\n\n    return (\n      <Tooltip title={compact ? label : ''} placement=\"right\">\n        <MenuItem\n          onClick={e => {\n            if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {\n              return;\n            }\n            e.preventDefault();\n            navigate(route);\n            if (props.onClick) {\n              props.onClick(e);\n            }\n          }}\n          className={`${styles.menuItem} ${\n            isSelected ? styles.selectedMenuItem : ''\n          }`}\n          href={route}\n          component=\"a\"\n        >\n          {children}\n          <Typography\n            variant=\"body2\"\n            className={compact ? styles.labelHidden : styles.label}\n            style={{ fontWeight: isSelected ? 600 : 400 }}\n          >\n            {label}\n          </Typography>\n        </MenuItem>\n      </Tooltip>\n    );\n  };\n\n  const isPopup = props.inPopup;\n  const isCompact = compact && !isPopup;\n\n  return (\n    <List\n      id=\"left-menu\"\n      className={`${styles.leftMenu} ${\n        isPopup\n          ? styles.inPopup\n          : `${styles.outsidePopup} ${isCompact ? styles.leftMenuCompact : ''}`\n      }`}\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      disablePadding\n    >\n      {!isPopup && (\n        <Box display=\"flex\" justifyContent={isCompact ? 'center' : 'flex-end'}>\n          <Tooltip\n            title={isCompact ? t('leftMenu.expand') : t('leftMenu.collapse')}\n            placement=\"right\"\n          >\n            <IconButton\n              onClick={onToggle}\n              size=\"small\"\n              className={isCompact ? '' : styles.toggleButton}\n              style={{ marginBottom: 0 }}\n            >\n              {isCompact ? <ChevronRightIcon /> : <MenuOpenIcon />}\n            </IconButton>\n          </Tooltip>\n        </Box>\n      )}\n\n      <CustomMenuItem route={rootRoute()} label={t('leftMenu.home')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <HomeOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.content')}\n        </Typography>\n      </li>\n      <Divider className={styles.divider} component=\"li\" />\n\n      <CustomMenuItem\n        route={questionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.questions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <HelpOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={articlesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.articles')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LibraryBooksOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={linksRoute()}\n        hasSubRoutes\n        label={t('leftMenu.links')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LinkIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={favoritesRoute()}\n        label={t('leftMenu.favoriteQuestions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <StarBorder fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={entitiesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.entities')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EntityIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={tagsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.tags')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LocalOfferOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.community')}\n        </Typography>\n      </li>\n      <Divider className={styles.divider} component=\"li\" />\n\n      <CustomMenuItem\n        route={collectionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.collections')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <PlaylistPlayOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem route={usersRoute()} label={t('leftMenu.users')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <PeopleOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {user && !loadingUser && !userError && (\n        <CustomMenuItem\n          route={`${userRoute()}/${user.userEntityRef}`}\n          label={t('leftMenu.profile')}\n        >\n          <ListItemIcon className={styles.menuIcon}>\n            <PersonOutline fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n\n      <CustomMenuItem\n        route={statisticsRoute()}\n        label={t('leftMenu.statistics')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EmojiEventsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {isModerator && (\n        <>\n          <li style={{ listStyle: 'none' }}>\n            <Typography className={styles.sectionHeader}>\n              {t('leftMenu.manage')}\n            </Typography>\n          </li>\n          <Divider className={styles.divider} component=\"li\" />\n\n          <CustomMenuItem\n            route={moderatorRoute()}\n            label={t('leftMenu.moderate')}\n          >\n            <ListItemIcon className={styles.menuIcon}>\n              <SettingsOutlined fontSize=\"small\" />\n            </ListItemIcon>\n          </CustomMenuItem>\n        </>\n      )}\n    </List>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  IconButton,\n  List,\n  ListItemIcon,\n  makeStyles,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\n// Icons\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined'; // For Entities?\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined'; // Check if exists, else PlaylistPlay\nimport PeopleOutline from '@material-ui/icons/PeopleOutline';\nimport PersonOutline from '@material-ui/icons/PersonOutline';\nimport EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined'; // Check, else plain\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport RateReviewOutlined from '@material-ui/icons/RateReviewOutlined';\n\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n  reviewRouteRef,\n} from '../../routes';\nimport { useIdentityApi, useIsModerator, useCanReview } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      leftMenu: {\n        top: '0',\n        width: '220px', // Standard width\n        paddingTop: 0,\n        paddingBottom: theme.spacing(2),\n        transition: 'width 0.2s ease-in-out',\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100%',\n      },\n      leftMenuCompact: {\n        width: '72px',\n        overflowX: 'hidden',\n        '& $sectionHeader': {\n          display: 'none',\n        },\n        '& $divider': {\n          display: 'none',\n        },\n      },\n      inPopup: {\n        marginRight: 0,\n        padding: theme.spacing(1),\n        width: 'auto',\n      },\n      outsidePopup: {\n        position: 'sticky',\n        top: theme.spacing(2),\n        float: 'right',\n        maxHeight: 'calc(100vh - 100px)',\n        overflowY: 'auto',\n      },\n      menuItem: {\n        margin: (props: any) => (props.compact ? 0 : theme.spacing(0, 2)),\n        justifyContent: (props: any) =>\n          props.compact ? 'center' : 'flex-start',\n        padding: (props: any) =>\n          props.compact ? theme.spacing(1, 0) : theme.spacing(1, 1),\n        borderRadius: (props: any) =>\n          props.compact ? 0 : theme.shape.borderRadius,\n        transition: 'all 0.2s ease-in-out',\n        color: theme.palette.text.primary,\n        display: 'flex',\n        alignItems: 'center',\n        minHeight: 48,\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n      },\n      selectedMenuItem: {\n        color: theme.palette.primary.main,\n        backgroundColor: 'transparent',\n        fontWeight: 600,\n        position: 'relative',\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          height: '60%',\n          width: '4px',\n          backgroundColor: theme.palette.primary.main,\n          borderRadius: '0 4px 4px 0',\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n        '& svg': {\n          color: theme.palette.primary.main,\n        },\n      },\n      menuIcon: {\n        minWidth: '32px',\n        color: 'inherit',\n        display: 'flex',\n        justifyContent: 'center',\n      },\n      sectionHeader: {\n        padding: theme.spacing(0.5, 3, 0.5, 3),\n        marginTop: theme.spacing(2),\n        color: theme.palette.text.secondary,\n        fontWeight: 600,\n        textTransform: 'uppercase',\n        fontSize: '14px',\n        letterSpacing: '0.5px',\n        whiteSpace: 'nowrap',\n      },\n      divider: {\n        margin: theme.spacing(1, 2.5),\n        backgroundColor: theme.palette.divider,\n      },\n      toggleButton: {\n        marginLeft: 'auto',\n        marginRight: theme.spacing(1),\n        marginBottom: theme.spacing(1),\n      },\n      label: {\n        marginLeft: theme.spacing(1.5),\n        whiteSpace: 'nowrap',\n        opacity: 1,\n        transition: 'opacity 0.2s',\n      },\n      labelHidden: {\n        opacity: 0,\n        width: 0,\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (event: MouseEvent<EventTarget>) => void;\n  inPopup?: boolean;\n  compact?: boolean;\n  onToggle?: () => void;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const reviewRoute = useRouteRef(reviewRouteRef);\n  const styles = useStyles(props);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const { canReview } = useCanReview();\n  const app = useApp();\n  const { compact = false, onToggle } = props;\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? CategoryOutlined;\n\n  const CustomMenuItem = ({\n    route,\n    hasSubRoutes,\n    children,\n    label,\n  }: {\n    route: string;\n    hasSubRoutes?: boolean;\n    children: ReactNode;\n    label: string;\n  }) => {\n    const isSelected =\n      route === location.pathname ||\n      (hasSubRoutes && location.pathname?.startsWith(route));\n\n    return (\n      <Tooltip title={compact ? label : ''} placement=\"right\">\n        <MenuItem\n          onClick={e => {\n            if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {\n              return;\n            }\n            e.preventDefault();\n            navigate(route);\n            if (props.onClick) {\n              props.onClick(e);\n            }\n          }}\n          className={`${styles.menuItem} ${\n            isSelected ? styles.selectedMenuItem : ''\n          }`}\n          href={route}\n          component=\"a\"\n        >\n          {children}\n          <Typography\n            variant=\"body2\"\n            className={compact ? styles.labelHidden : styles.label}\n            style={{ fontWeight: isSelected ? 600 : 400 }}\n          >\n            {label}\n          </Typography>\n        </MenuItem>\n      </Tooltip>\n    );\n  };\n\n  const isPopup = props.inPopup;\n  const isCompact = compact && !isPopup;\n\n  return (\n    <List\n      id=\"left-menu\"\n      className={`${styles.leftMenu} ${\n        isPopup\n          ? styles.inPopup\n          : `${styles.outsidePopup} ${isCompact ? styles.leftMenuCompact : ''}`\n      }`}\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      disablePadding\n    >\n      {!isPopup && (\n        <Box display=\"flex\" justifyContent={isCompact ? 'center' : 'flex-end'}>\n          <Tooltip\n            title={isCompact ? t('leftMenu.expand') : t('leftMenu.collapse')}\n            placement=\"right\"\n          >\n            <IconButton\n              onClick={onToggle}\n              size=\"small\"\n              className={isCompact ? '' : styles.toggleButton}\n              style={{ marginBottom: 0 }}\n            >\n              {isCompact ? <ChevronRightIcon /> : <MenuOpenIcon />}\n            </IconButton>\n          </Tooltip>\n        </Box>\n      )}\n\n      <CustomMenuItem route={rootRoute()} label={t('leftMenu.home')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <HomeOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.content')}\n        </Typography>\n      </li>\n      <Divider className={styles.divider} component=\"li\" />\n\n      <CustomMenuItem\n        route={questionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.questions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <HelpOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={articlesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.articles')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LibraryBooksOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={linksRoute()}\n        hasSubRoutes\n        label={t('leftMenu.links')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LinkIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={favoritesRoute()}\n        label={t('leftMenu.favoriteQuestions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <StarBorder fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={entitiesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.entities')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EntityIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={tagsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.tags')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LocalOfferOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.community')}\n        </Typography>\n      </li>\n      <Divider className={styles.divider} component=\"li\" />\n\n      <CustomMenuItem\n        route={collectionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.collections')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <PlaylistPlayOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem route={usersRoute()} label={t('leftMenu.users')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <PeopleOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {user && !loadingUser && !userError && (\n        <CustomMenuItem\n          route={`${userRoute()}/${user.userEntityRef}`}\n          label={t('leftMenu.profile')}\n        >\n          <ListItemIcon className={styles.menuIcon}>\n            <PersonOutline fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n\n      <CustomMenuItem\n        route={statisticsRoute()}\n        label={t('leftMenu.statistics')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EmojiEventsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {(isModerator || canReview) && (\n        <>\n          <li style={{ listStyle: 'none' }}>\n            <Typography className={styles.sectionHeader}>\n              {t('leftMenu.manage')}\n            </Typography>\n          </li>\n          <Divider className={styles.divider} component=\"li\" />\n          <CustomMenuItem route={reviewRoute()} label={t('leftMenu.review')}>\n            <ListItemIcon className={styles.menuIcon}>\n              <RateReviewOutlined fontSize=\"small\" />\n            </ListItemIcon>\n          </CustomMenuItem>\n          <CustomMenuItem\n            route={moderatorRoute()}\n            label={t('leftMenu.moderate')}\n          >\n            <ListItemIcon className={styles.menuIcon}>\n              <SettingsOutlined fontSize=\"small\" />\n            </ListItemIcon>\n          </CustomMenuItem>\n        </>\n      )}\n    </List>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/LinkCard/LinkCard.esm.js

@@ -1,27 +1,34 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
+import { DeleteModal } from '../Modals/DeleteModal.esm.js';
+import { makeStyles, Card, CardContent, Box, Grid, Button } from '@material-ui/core';
+import '@material-ui/lab';
+import '@material-ui/icons/Block';
+import { useApi, useRouteRef, alertApiRef } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../Utility/ModalContent.esm.js';
+import '@material-ui/icons/Check';
 import DeleteIcon from '@material-ui/icons/Delete';
 import EditIcon from '@material-ui/icons/Edit';
 import RestoreIcon from '@material-ui/icons/Restore';
 import { FavoriteButton } from '../Buttons/FavoriteButton.esm.js';
 import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
 import { CommentSection } from '../CommentSection/CommentSection.esm.js';
-import { useApi, useRouteRef, alertApiRef } from '@backstage/core-plugin-api';
 import { LinkButton } from '../Buttons/LinkButton.esm.js';
 import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
 import { editLinkRouteRef } from '../../routes.esm.js';
 import { useNavigate } from 'react-router-dom';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
-import { makeStyles, Card, CardContent, Box, Grid, Button } from '@material-ui/core';
-import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { AuthorBoxes } from '../AuthorBox/AuthorBoxes.esm.js';
 import { OpenLinkButton } from '../Buttons/OpenLinkButton.esm.js';
 
@@ -161,43 +168,41 @@ const LinkCard = (props) => {
                       /* @__PURE__ */ jsxs(Box, { flex: "1 1 0%", minWidth: 0, children: [
                         /* @__PURE__ */ jsx(TagsAndEntities, { entity: linkEntity }),
                         /* @__PURE__ */ jsxs(Box, { className: styles.buttons, children: [
-                          (link.canEdit || link.canDelete) && /* @__PURE__ */ jsxs(Fragment, { children: [
-                            link.canEdit && /* @__PURE__ */ jsx(
+                          link.canEdit && link.status !== "obsolete" && /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              variant: "outlined",
+                              size: "small",
+                              startIcon: /* @__PURE__ */ jsx(EditIcon, {}),
+                              onClick: () => navigate(
+                                editLinkRoute({
+                                  id: link.id.toString(10)
+                                })
+                              ),
+                              className: "qetaQuestionCardEditBtn",
+                              children: t("linkPage.editButton")
+                            }
+                          ),
+                          link.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(
                               Button,
                               {
                                 variant: "outlined",
                                 size: "small",
-                                startIcon: /* @__PURE__ */ jsx(EditIcon, {}),
-                                onClick: () => navigate(
-                                  editLinkRoute({
-                                    id: link.id.toString(10)
-                                  })
-                                ),
-                                className: "qetaQuestionCardEditBtn",
-                                children: t("linkPage.editButton")
+                                color: "secondary",
+                                onClick: handleDeleteModalOpen,
+                                startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
+                                children: t("deleteModal.deleteButton")
                               }
                             ),
-                            link.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
-                              /* @__PURE__ */ jsx(
-                                Button,
-                                {
-                                  variant: "outlined",
-                                  size: "small",
-                                  color: "secondary",
-                                  onClick: handleDeleteModalOpen,
-                                  startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
-                                  children: t("deleteModal.deleteButton")
-                                }
-                              ),
-                              /* @__PURE__ */ jsx(
-                                DeleteModal,
-                                {
-                                  open: deleteModalOpen,
-                                  onClose: handleDeleteModalClose,
-                                  entity: linkEntity
-                                }
-                              )
-                            ] })
+                            /* @__PURE__ */ jsx(
+                              DeleteModal,
+                              {
+                                open: deleteModalOpen,
+                                onClose: handleDeleteModalClose,
+                                entity: linkEntity
+                              }
+                            )
                           ] }),
                           isModerator && linkEntity.status === "deleted" && /* @__PURE__ */ jsx(
                             Button,
@@ -222,7 +227,7 @@ const LinkCard = (props) => {
         }
       )
     ] }) }),
-    link.status === "active" && /* @__PURE__ */ jsx(CommentSection, { post: linkEntity, onCommentAction })
+    (link.status === "active" || link.status === "obsolete") && /* @__PURE__ */ jsx(CommentSection, { post: linkEntity, onCommentAction })
   ] });
 };
 

package/dist/components/LinkCard/LinkCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkCard.esm.js","sources":["../../../src/components/LinkCard/LinkCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editLinkRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n} from '@material-ui/core';\nimport { useIsModerator } from '../../hooks';\nimport { AuthorBoxes } from '../AuthorBox/AuthorBoxes.tsx';\nimport { OpenLinkButton } from '../Buttons/OpenLinkButton.tsx';\nimport { qetaApiRef } from '../../api.ts';\n\nexport type LinkCardClassKeys =\n  | 'root'\n  | 'contentContainer'\n  | 'markdownContainer'\n  | 'buttons'\n  | 'metadata';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    contentContainer: {\n      marginLeft: '0.5em',\n      width: 'calc(100% - 70px)',\n    },\n    markdownContainer: {\n      paddingBottom: '0.5em',\n    },\n    buttons: {\n      marginTop: '1em',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n    metadata: {\n      marginTop: theme.spacing(3),\n    },\n  }),\n  { name: 'QetaLinkCard' },\n);\n\nexport const LinkCard = (props: { link: PostResponse }) => {\n  const { link } = props;\n  const navigate = useNavigate();\n  const qetaApi = useApi(qetaApiRef);\n  const editLinkRoute = useRouteRef(editLinkRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const [linkEntity, setLinkEntity] = useState(link);\n  const { isModerator } = useIsModerator();\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const onCommentAction = (l: PostResponse, _?: AnswerResponse) => {\n    setLinkEntity(l);\n  };\n  const alertApi = useApi(alertApiRef);\n  const styles = useStyles();\n\n  const restoreLink = async () => {\n    qetaApi\n      .restorePost(link.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(l => {\n        if (l) {\n          setLinkEntity(l);\n        }\n      });\n  };\n\n  return (\n    <>\n      <Card variant=\"outlined\" className={styles.root}>\n        <CardContent>\n          <Box\n            display=\"flex\"\n            justifyContent=\"flex-end\"\n            alignItems=\"flex-start\"\n            mb={1}\n          >\n            <Box display=\"flex\" alignItems=\"center\" flexGrow={1}>\n              <a\n                href={linkEntity.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                style={{\n                  fontWeight: 400,\n                  fontSize: '1.2rem',\n                  marginRight: 16,\n                  wordBreak: 'break-all',\n                  textDecoration: 'underline',\n                  cursor: 'pointer',\n                }}\n                onClick={event => {\n                  event.stopPropagation();\n                  qetaApi.clickLink(linkEntity.id);\n                }}\n              >\n                {linkEntity.url}\n              </a>\n            </Box>\n            <LinkButton entity={linkEntity} />\n            <FavoriteButton entity={linkEntity} />\n            <OpenLinkButton entity={linkEntity} />\n          </Box>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid\n              item\n              className={styles.contentContainer}\n              style={{ flexGrow: '1' }}\n            >\n              {linkEntity.headerImage && (\n                <Grid\n                  item\n                  justifyContent=\"center\"\n                  style={{ textAlign: 'center' }}\n                >\n                  <img\n                    src={linkEntity.headerImage}\n                    alt={linkEntity.title}\n                    onError={e => (e.currentTarget.style.display = 'none')}\n                    style={{\n                      maxWidth: '90%',\n                      maxHeight: '300px',\n                      margin: '1rem',\n                    }}\n                  />\n                </Grid>\n              )}\n              <Grid item className={styles.markdownContainer}>\n                <MarkdownRenderer content={linkEntity.content} />\n              </Grid>\n              <Box\n                display=\"flex\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                className={styles.metadata}\n                style={{ width: '100%' }}\n              >\n                <Box flex=\"1 1 0%\" minWidth={0}>\n                  <TagsAndEntities entity={linkEntity} />\n                  <Box className={styles.buttons}>\n                    {(link.canEdit || link.canDelete) && (\n                      <>\n                        {link.canEdit && (\n                          <Button\n                            variant=\"outlined\"\n                            size=\"small\"\n                            startIcon={<EditIcon />}\n                            onClick={() =>\n                              navigate(\n                                editLinkRoute({\n                                  id: link.id.toString(10),\n                                }),\n                              )\n                            }\n                            className=\"qetaQuestionCardEditBtn\"\n                          >\n                            {t('linkPage.editButton')}\n                          </Button>\n                        )}\n                        {link.canDelete && (\n                          <>\n                            <Button\n                              variant=\"outlined\"\n                              size=\"small\"\n                              color=\"secondary\"\n                              onClick={handleDeleteModalOpen}\n                              startIcon={<DeleteIcon />}\n                            >\n                              {t('deleteModal.deleteButton')}\n                            </Button>\n                            <DeleteModal\n                              open={deleteModalOpen}\n                              onClose={handleDeleteModalClose}\n                              entity={linkEntity}\n                            />\n                          </>\n                        )}\n                      </>\n                    )}\n                    {isModerator && linkEntity.status === 'deleted' && (\n                      <Button\n                        variant=\"contained\"\n                        size=\"small\"\n                        startIcon={<RestoreIcon />}\n                        onClick={() => restoreLink()}\n                        className=\"qetaLinkCardRestoreBtn\"\n                      >\n                        {t('linkPage.restoreButton')}\n                      </Button>\n                    )}\n                  </Box>\n                </Box>\n                <AuthorBoxes entity={linkEntity} />\n              </Box>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      {link.status === 'active' && (\n        <CommentSection post={linkEntity} onCommentAction={onCommentAction} />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LinkCard.esm.js","sources":["../../../src/components/LinkCard/LinkCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport { DeleteModal } from '../Modals';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editLinkRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n} from '@material-ui/core';\nimport { useIsModerator } from '../../hooks';\nimport { AuthorBoxes } from '../AuthorBox/AuthorBoxes.tsx';\nimport { OpenLinkButton } from '../Buttons/OpenLinkButton.tsx';\nimport { qetaApiRef } from '../../api.ts';\n\nexport type LinkCardClassKeys =\n  | 'root'\n  | 'contentContainer'\n  | 'markdownContainer'\n  | 'buttons'\n  | 'metadata';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    contentContainer: {\n      marginLeft: '0.5em',\n      width: 'calc(100% - 70px)',\n    },\n    markdownContainer: {\n      paddingBottom: '0.5em',\n    },\n    buttons: {\n      marginTop: '1em',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n    metadata: {\n      marginTop: theme.spacing(3),\n    },\n  }),\n  { name: 'QetaLinkCard' },\n);\n\nexport const LinkCard = (props: { link: PostResponse }) => {\n  const { link } = props;\n  const navigate = useNavigate();\n  const qetaApi = useApi(qetaApiRef);\n  const editLinkRoute = useRouteRef(editLinkRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const [linkEntity, setLinkEntity] = useState(link);\n  const { isModerator } = useIsModerator();\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const onCommentAction = (l: PostResponse, _?: AnswerResponse) => {\n    setLinkEntity(l);\n  };\n  const alertApi = useApi(alertApiRef);\n  const styles = useStyles();\n\n  const restoreLink = async () => {\n    qetaApi\n      .restorePost(link.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(l => {\n        if (l) {\n          setLinkEntity(l);\n        }\n      });\n  };\n\n  return (\n    <>\n      <Card variant=\"outlined\" className={styles.root}>\n        <CardContent>\n          <Box\n            display=\"flex\"\n            justifyContent=\"flex-end\"\n            alignItems=\"flex-start\"\n            mb={1}\n          >\n            <Box display=\"flex\" alignItems=\"center\" flexGrow={1}>\n              <a\n                href={linkEntity.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                style={{\n                  fontWeight: 400,\n                  fontSize: '1.2rem',\n                  marginRight: 16,\n                  wordBreak: 'break-all',\n                  textDecoration: 'underline',\n                  cursor: 'pointer',\n                }}\n                onClick={event => {\n                  event.stopPropagation();\n                  qetaApi.clickLink(linkEntity.id);\n                }}\n              >\n                {linkEntity.url}\n              </a>\n            </Box>\n            <LinkButton entity={linkEntity} />\n            <FavoriteButton entity={linkEntity} />\n            <OpenLinkButton entity={linkEntity} />\n          </Box>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid\n              item\n              className={styles.contentContainer}\n              style={{ flexGrow: '1' }}\n            >\n              {linkEntity.headerImage && (\n                <Grid\n                  item\n                  justifyContent=\"center\"\n                  style={{ textAlign: 'center' }}\n                >\n                  <img\n                    src={linkEntity.headerImage}\n                    alt={linkEntity.title}\n                    onError={e => (e.currentTarget.style.display = 'none')}\n                    style={{\n                      maxWidth: '90%',\n                      maxHeight: '300px',\n                      margin: '1rem',\n                    }}\n                  />\n                </Grid>\n              )}\n              <Grid item className={styles.markdownContainer}>\n                <MarkdownRenderer content={linkEntity.content} />\n              </Grid>\n              <Box\n                display=\"flex\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                className={styles.metadata}\n                style={{ width: '100%' }}\n              >\n                <Box flex=\"1 1 0%\" minWidth={0}>\n                  <TagsAndEntities entity={linkEntity} />\n                  <Box className={styles.buttons}>\n                    {link.canEdit && link.status !== 'obsolete' && (\n                      <Button\n                        variant=\"outlined\"\n                        size=\"small\"\n                        startIcon={<EditIcon />}\n                        onClick={() =>\n                          navigate(\n                            editLinkRoute({\n                              id: link.id.toString(10),\n                            }),\n                          )\n                        }\n                        className=\"qetaQuestionCardEditBtn\"\n                      >\n                        {t('linkPage.editButton')}\n                      </Button>\n                    )}\n                    {link.canDelete && (\n                      <>\n                        <Button\n                          variant=\"outlined\"\n                          size=\"small\"\n                          color=\"secondary\"\n                          onClick={handleDeleteModalOpen}\n                          startIcon={<DeleteIcon />}\n                        >\n                          {t('deleteModal.deleteButton')}\n                        </Button>\n                        <DeleteModal\n                          open={deleteModalOpen}\n                          onClose={handleDeleteModalClose}\n                          entity={linkEntity}\n                        />\n                      </>\n                    )}\n                    {isModerator && linkEntity.status === 'deleted' && (\n                      <Button\n                        variant=\"contained\"\n                        size=\"small\"\n                        startIcon={<RestoreIcon />}\n                        onClick={() => restoreLink()}\n                        className=\"qetaLinkCardRestoreBtn\"\n                      >\n                        {t('linkPage.restoreButton')}\n                      </Button>\n                    )}\n                  </Box>\n                </Box>\n                <AuthorBoxes entity={linkEntity} />\n              </Box>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      {(link.status === 'active' || link.status === 'obsolete') && (\n        <CommentSection post={linkEntity} onCommentAction={onCommentAction} />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Links/Links.esm.js

@@ -15,13 +15,29 @@ import { Tooltip } from '@material-ui/core';
 import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
 
 const UserLink = (props) => {
-  const { entityRef, linkProps, anonymous } = props;
+  const { entityRef, linkProps, anonymous, noLink } = props;
   const userRoute = useRouteRef(userRouteRef);
   const { name } = useUserInfo(
     entityRef,
     anonymous ?? entityRef === "anonymous"
   );
   const classes = useTooltipStyles();
+  if (noLink) {
+    return /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        arrow: true,
+        title: /* @__PURE__ */ jsx(UserTooltip, { entityRef, anonymous }),
+        enterDelay: 400,
+        interactive: true,
+        classes: {
+          tooltip: classes.tooltip,
+          arrow: classes.tooltipArrow
+        },
+        children: /* @__PURE__ */ jsx("span", { children: name })
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
     Tooltip,
     {

package/dist/components/Links/Links.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../TagsAndEntities/UserChip';\nimport { Tooltip } from '@material-ui/core';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n  linkProps?: LinkProps;\n}) => {\n  const { entityRef, linkProps, anonymous } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { name } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n  const classes = useTooltipStyles();\n  return (\n    <Tooltip\n      arrow\n      title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n      enterDelay={400}\n      interactive\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n      }}\n    >\n      <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n        {name}\n      </Link>\n    </Tooltip>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return (\n    <UserLink\n      entityRef={entity.author}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return (\n    <UserLink\n      entityRef={entity.updatedBy}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASa,MAAA,QAAA,GAAW,CAAC,KAInB,KAAA;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA;AAC5C,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAM,MAAA,EAAE,MAAS,GAAA,WAAA;AAAA,IACf,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AACA,EAAA,MAAM,UAAU,gBAAiB,EAAA;AACjC,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,MAChE,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA,IAAA;AAAA,MACX,OAAS,EAAA;AAAA,QACP,SAAS,OAAQ,CAAA,OAAA;AAAA,QACjB,OAAO,OAAQ,CAAA;AAAA,OACjB;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAC1C,QACH,EAAA,IAAA,EAAA;AAAA;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}
+{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../TagsAndEntities/UserChip';\nimport { Tooltip } from '@material-ui/core';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n  linkProps?: LinkProps;\n  noLink?: boolean;\n}) => {\n  const { entityRef, linkProps, anonymous, noLink } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { name } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n  const classes = useTooltipStyles();\n\n  if (noLink) {\n    return (\n      <Tooltip\n        arrow\n        title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n        enterDelay={400}\n        interactive\n        classes={{\n          tooltip: classes.tooltip,\n          arrow: classes.tooltipArrow,\n        }}\n      >\n        <span>{name}</span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Tooltip\n      arrow\n      title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n      enterDelay={400}\n      interactive\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n      }}\n    >\n      <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n        {name}\n      </Link>\n    </Tooltip>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return (\n    <UserLink\n      entityRef={entity.author}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return (\n    <UserLink\n      entityRef={entity.updatedBy}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASa,MAAA,QAAA,GAAW,CAAC,KAKnB,KAAA;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAW,GAAA,KAAA;AACpD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAM,MAAA,EAAE,MAAS,GAAA,WAAA;AAAA,IACf,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AACA,EAAA,MAAM,UAAU,gBAAiB,EAAA;AAEjC,EAAA,IAAI,MAAQ,EAAA;AACV,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAK,EAAA,IAAA;AAAA,QACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,QAChE,UAAY,EAAA,GAAA;AAAA,QACZ,WAAW,EAAA,IAAA;AAAA,QACX,OAAS,EAAA;AAAA,UACP,SAAS,OAAQ,CAAA,OAAA;AAAA,UACjB,OAAO,OAAQ,CAAA;AAAA,SACjB;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAK,EAAA,IAAA,EAAA;AAAA;AAAA,KACd;AAAA;AAIJ,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,MAChE,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA,IAAA;AAAA,MACX,OAAS,EAAA;AAAA,QACP,SAAS,OAAQ,CAAA,OAAA;AAAA,QACjB,OAAO,OAAQ,CAAA;AAAA,OACjB;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAC1C,QACH,EAAA,IAAA,EAAA;AAAA;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}

package/dist/components/{DeleteModal → Modals}/DeleteModal.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { selectByPostType } from '@drodil/backstage-plugin-qeta-common';
+import { isPost, isCollection, isTag, selectByPostType } from '@drodil/backstage-plugin-qeta-common';
 import { Modal, Backdrop, Typography, TextField, Button } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
 import DeleteIcon from '@material-ui/icons/Delete';
@@ -25,24 +25,24 @@ const DeleteModal = (props) => {
   const [error, setError] = useState(false);
   const [reason, setReason] = useState(void 0);
   const { t } = useTranslationRef(qetaTranslationRef);
-  const isQuestion = "title" in entity;
-  const isCollection = "owner" in entity;
-  const isTag = "tag" in entity;
+  const isPostEntity = isPost(entity);
+  const isCollectionEntity = isCollection(entity);
+  const isTagEntity = isTag(entity);
   const getTitle = () => {
-    if (isCollection) {
+    if (isCollectionEntity) {
       return t("deleteModal.title.collection");
     }
-    if (isTag) {
+    if (isTagEntity) {
       return t("deleteModal.title.tag");
     }
-    if (isQuestion) {
+    if (isPostEntity) {
       return t("deleteModal.title.question");
     }
     return t("deleteModal.title.answer");
   };
   const title = getTitle();
   const handleDelete = () => {
-    if (isCollection) {
+    if (isCollectionEntity) {
       qetaApi.deleteCollection(entity.id, reason).catch((_) => setError(true)).then((ret) => {
         if (ret) {
           onClose();
@@ -57,7 +57,7 @@ const DeleteModal = (props) => {
           setError(true);
         }
       });
-    } else if (isTag) {
+    } else if (isTagEntity) {
       qetaApi.deleteTag(entity.id, reason).catch((_) => setError(true)).then((ret) => {
         if (ret) {
           onClose();
@@ -72,7 +72,7 @@ const DeleteModal = (props) => {
           setError(true);
         }
       });
-    } else if (isQuestion) {
+    } else if (isPostEntity) {
       qetaApi.deletePost(entity.id, reason).catch((_) => setError(true)).then((ret) => {
         if (ret) {
           onClose();

package/dist/components/Modals/DeleteModal.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/Modals/DeleteModal.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n  selectByPostType,\n  TagResponse,\n  isPost,\n  isCollection,\n  isTag,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Delete from '@material-ui/icons/Delete';\nimport { useState } from 'react';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  linksRouteRef,\n  questionsRouteRef,\n  tagsRouteRef,\n} from '../../routes.ts';\n\nexport const DeleteModal = (props: {\n  entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse;\n  open: boolean;\n  onClose: () => void;\n  question?: PostResponse;\n  onDelete?: (\n    entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse,\n  ) => void;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const navigate = useNavigate();\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const { entity, open, question, onClose, onDelete } = props;\n  const [error, setError] = useState(false);\n  const [reason, setReason] = useState<undefined | string>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const isPostEntity = isPost(entity);\n  const isCollectionEntity = isCollection(entity);\n  const isTagEntity = isTag(entity);\n\n  const getTitle = () => {\n    if (isCollectionEntity) {\n      return t('deleteModal.title.collection');\n    }\n    if (isTagEntity) {\n      return t('deleteModal.title.tag');\n    }\n    if (isPostEntity) {\n      return t('deleteModal.title.question');\n    }\n    return t('deleteModal.title.answer');\n  };\n\n  // eslint-disable-next-line no-nested-ternary\n  const title = getTitle();\n\n  const handleDelete = () => {\n    if (isCollectionEntity) {\n      qetaApi\n        .deleteCollection(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.collectionDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(collectionsRoute());\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isTagEntity) {\n      qetaApi\n        .deleteTag(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.tagDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(tagsRoute());\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isPostEntity) {\n      qetaApi\n        .deletePost(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: selectByPostType(\n                (entity as PostResponse).type,\n                t('deleteModal.questionDeleted'),\n                t('deleteModal.articleDeleted'),\n                t('deleteModal.linkDeleted'),\n              ),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(\n              selectByPostType(\n                (entity as PostResponse).type,\n                questionsRoute(),\n                articlesRoute(),\n                linksRoute(),\n              ),\n            );\n          } else {\n            setError(true);\n          }\n        });\n    } else if (question) {\n      qetaApi\n        .deleteAnswer(question.id, entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.answerDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n          } else {\n            setError(true);\n          }\n        });\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaDeleteModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('deleteModal.errorDeleting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaDeleteModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {title}\n        </Typography>\n        <TextField\n          variant=\"outlined\"\n          multiline\n          style={{ marginTop: 16 }}\n          minRows={4}\n          label={t('deleteModal.reason')}\n          id=\"reason\"\n          fullWidth\n          value={reason}\n          InputLabelProps={{ shrink: true }}\n          onChange={e => {\n            setReason(e.target.value);\n          }}\n        />\n        <Button\n          onClick={handleDelete}\n          className=\"qetaDeleteModalDeleteBtn\"\n          startIcon={<Delete />}\n          color=\"secondary\"\n        >\n          {t('deleteModal.deleteButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaDeleteModalCancelBtn\">\n          {t('deleteModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":["Delete"],"mappings":"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"}

package/dist/components/Modals/ObsoleteModal.esm.js

@@ -0,0 +1,94 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Modal, Backdrop, Typography, TextField, Button } from '@material-ui/core';
+import { Alert } from '@material-ui/lab';
+import BlockIcon from '@material-ui/icons/Block';
+import { useState } from 'react';
+import { useApi, alertApiRef } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import { ModalContent } from '../Utility/ModalContent.esm.js';
+
+const ObsoleteModal = (props) => {
+  const qetaApi = useApi(qetaApiRef);
+  const alertApi = useApi(alertApiRef);
+  const { post, open, onClose, onConfirm } = props;
+  const [error, setError] = useState(false);
+  const [comment, setComment] = useState(void 0);
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const handleMarkObsolete = () => {
+    qetaApi.reviewPost(post.id, "obsolete", comment).catch((_) => setError(true)).then((ret) => {
+      if (ret) {
+        onClose();
+        onConfirm?.();
+        alertApi.post({
+          message: t("obsoleteModal.success", {}),
+          severity: "success",
+          display: "transient"
+        });
+      } else {
+        setError(true);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open,
+      onClose,
+      className: "qetaObsoleteModal",
+      "aria-labelledby": "modal-modal-title",
+      "aria-describedby": "modal-modal-description",
+      closeAfterTransition: true,
+      BackdropComponent: Backdrop,
+      BackdropProps: {
+        timeout: 500
+      },
+      children: /* @__PURE__ */ jsxs(ModalContent, { children: [
+        error && /* @__PURE__ */ jsx(Alert, { severity: "error", children: t("obsoleteModal.errorMarking", {}) }),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            id: "modal-modal-title",
+            className: "qetaObsoleteModalTitle",
+            variant: "h6",
+            component: "h2",
+            children: t("obsoleteModal.title", {})
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { marginTop: 8 }, children: t("obsoleteModal.description", {}) }),
+        /* @__PURE__ */ jsx(
+          TextField,
+          {
+            variant: "outlined",
+            multiline: true,
+            style: { marginTop: 16 },
+            minRows: 4,
+            label: t("obsoleteModal.comment", {}),
+            id: "comment",
+            fullWidth: true,
+            value: comment,
+            InputLabelProps: { shrink: true },
+            onChange: (e) => {
+              setComment(e.target.value);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleMarkObsolete,
+            className: "qetaObsoleteModalConfirmBtn",
+            startIcon: /* @__PURE__ */ jsx(BlockIcon, {}),
+            color: "secondary",
+            children: t("obsoleteModal.confirmButton", {})
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { onClick: onClose, className: "qetaObsoleteModalCancelBtn", children: t("obsoleteModal.cancelButton", {}) })
+      ] })
+    }
+  );
+};
+
+export { ObsoleteModal };
+//# sourceMappingURL=ObsoleteModal.esm.js.map

package/dist/components/Modals/ObsoleteModal.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObsoleteModal.esm.js","sources":["../../../src/components/Modals/ObsoleteModal.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport BlockIcon from '@material-ui/icons/Block';\nimport { useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\n\nexport const ObsoleteModal = (props: {\n  post: PostResponse;\n  open: boolean;\n  onClose: () => void;\n  onConfirm?: () => void;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const { post, open, onClose, onConfirm } = props;\n  const [error, setError] = useState(false);\n  const [comment, setComment] = useState<undefined | string>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const handleMarkObsolete = () => {\n    qetaApi\n      .reviewPost(post.id, 'obsolete', comment)\n      .catch(_ => setError(true))\n      .then(ret => {\n        if (ret) {\n          onClose();\n          onConfirm?.();\n          alertApi.post({\n            message: t('obsoleteModal.success', {}),\n            severity: 'success',\n            display: 'transient',\n          });\n        } else {\n          setError(true);\n        }\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaObsoleteModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('obsoleteModal.errorMarking', {})}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaObsoleteModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {t('obsoleteModal.title', {})}\n        </Typography>\n        <Typography variant=\"body2\" style={{ marginTop: 8 }}>\n          {t('obsoleteModal.description', {})}\n        </Typography>\n        <TextField\n          variant=\"outlined\"\n          multiline\n          style={{ marginTop: 16 }}\n          minRows={4}\n          label={t('obsoleteModal.comment', {})}\n          id=\"comment\"\n          fullWidth\n          value={comment}\n          InputLabelProps={{ shrink: true }}\n          onChange={e => {\n            setComment(e.target.value);\n          }}\n        />\n        <Button\n          onClick={handleMarkObsolete}\n          className=\"qetaObsoleteModalConfirmBtn\"\n          startIcon={<BlockIcon />}\n          color=\"secondary\"\n        >\n          {t('obsoleteModal.confirmButton', {})}\n        </Button>\n        <Button onClick={onClose} className=\"qetaObsoleteModalCancelBtn\">\n          {t('obsoleteModal.cancelButton', {})}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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"}