@drodil/backstage-plugin-qeta 2.3.0 → 2.3.2

package/dist/esm/index-rSPV8dxK.esm.js

@@ -1,1120 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Grid, makeStyles, createStyles, Tooltip, IconButton, Typography, Box, Modal, Backdrop, Button, Avatar, Divider, TextField, Card, CardContent, Container, FormControl, Select, Chip, List, ListSubheader, ListItem, ListItemText, Menu, MenuItem, ListItemIcon } from '@material-ui/core';
-import { Content, ContentHeader, InfoCard, MarkdownContent, Link, WarningPanel, Progress, Page, Header } from '@backstage/core-components';
-import { useParams, useSearchParams, useNavigate, Routes, Route } from 'react-router-dom';
-import { B as BackToQuestionsButton, A as AskForm, q as qetaApiRef, u as useBasePath, a as useStyles$1, b as useEntityAuthor, R as RelativeTimeWithTooltip, U as UpdatedByLink, c as AuthorLink, T as TagsAndEntities, M as MarkdownEditor, d as AskAnonymouslyCheckbox, e as useQetaApi, f as AskQuestionButton, g as QuestionsContainer, S as StatisticsPage, h as useIdentityApi, i as TrophyIcon } from './index-CFNWBJNR.esm.js';
-import { useEntityPresentation } from '@backstage/plugin-catalog-react';
-import { filterTags, qetaCreateAnswerPermission } from '@drodil/backstage-plugin-qeta-common';
-import ArrowDownward from '@material-ui/icons/ArrowDownward';
-import ArrowUpward from '@material-ui/icons/ArrowUpward';
-import Check from '@material-ui/icons/Check';
-import { useAnalytics, useApi, useRouteRef, configApiRef } from '@backstage/core-plugin-api';
-import { useSignal } from '@backstage/plugin-signals-react';
-import { Alert, Skeleton } from '@material-ui/lab';
-import DeleteIcon from '@material-ui/icons/Delete';
-import EditIcon from '@material-ui/icons/Edit';
-import StarIcon from '@material-ui/icons/Star';
-import StarOutlineIcon from '@material-ui/icons/StarOutline';
-import { useForm, Controller } from 'react-hook-form';
-import { editQuestionRouteRef, tagRouteRef, questionRouteRef, askRouteRef, favoriteQuestionsRouteRef, tagsRouteRef, userRouteRef, statisticsRouteRef } from '@drodil/backstage-plugin-qeta-react';
-import Link$1 from '@material-ui/icons/Link';
-import { RequirePermission } from '@backstage/plugin-permission-react';
-import LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';
-import Whatshot from '@material-ui/icons/Whatshot';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-import AccountBox from '@material-ui/icons/AccountBox';
-import '@backstage/plugin-home-react';
-import '@backstage/errors';
-import 'lodash/omitBy';
-import 'lodash/isEmpty';
-import 'react-use/lib/useAsync';
-import 'lodash';
-import 'react-use/lib/useDebounce';
-import '@backstage/catalog-model';
-import 'dompurify';
-import 'react-relative-time';
-import '@material-ui/icons/HelpOutline';
-import '@material-ui/icons/FilterList';
-import 'react-mde';
-import 'react-mde/lib/styles/css/react-mde.css';
-import 'react-mde/lib/styles/css/react-mde-editor.css';
-import 'react-mde/lib/styles/css/react-mde-toolbar.css';
-import 'file-type';
-import '@material-ui/icons/Refresh';
-import '@material-ui/icons/HomeOutlined';
-
-const AskPage = () => {
-  var _a;
-  const { id } = useParams();
-  const [searchParams] = useSearchParams();
-  const entity = (_a = searchParams.get("entity")) != null ? _a : void 0;
-  const entityPage = searchParams.get("entityPage") === "true";
-  const tags = filterTags(searchParams.get("tags"));
-  let title;
-  if (id) {
-    title = "Edit question";
-  } else if (entity) {
-    const representation = useEntityPresentation(entity);
-    title = `Ask a question about ${representation.primaryTitle}`;
-  } else {
-    title = "Ask question";
-  }
-  return /* @__PURE__ */ React.createElement(Content, { className: "qetaAskPage" }, /* @__PURE__ */ React.createElement(ContentHeader, { title }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, { entityPage })), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(InfoCard, null, /* @__PURE__ */ React.createElement(
-    AskForm,
-    {
-      id,
-      entity,
-      entityPage,
-      tags
-    }
-  )))));
-};
-
-const useStyles = makeStyles(
-  (theme) => createStyles({
-    qetaCorrectAnswerSelected: {
-      color: theme.palette.success.main
-    },
-    qetaCorrectAnswer: {
-      color: theme.palette.grey[500]
-    }
-  })
-);
-const VoteButtons = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const [entity, setEntity] = React.useState(
-    props.entity
-  );
-  const [ownVote, setOwnVote] = React.useState((_a = props.entity.ownVote) != null ? _a : 0);
-  const [correctAnswer, setCorrectAnswer] = useState(
-    "questionId" in props.entity ? props.entity.correct : false
-  );
-  const [score, setScore] = useState(entity.score);
-  const analytics = useAnalytics();
-  const qetaApi = useApi(qetaApiRef);
-  const isQuestion = "title" in entity;
-  const own = (_b = props.entity.own) != null ? _b : false;
-  const classes = useStyles();
-  const { lastSignal } = useSignal(
-    isQuestion ? `qeta:question_${entity.id}` : `qeta:answer_${entity.id}`
-  );
-  useEffect(() => {
-    if (entity) {
-      setScore(entity.score);
-    }
-  }, [entity]);
-  useEffect(() => {
-    if ((lastSignal == null ? void 0 : lastSignal.type) === "question_stats" || (lastSignal == null ? void 0 : lastSignal.type) === "answer_stats") {
-      setCorrectAnswer(lastSignal.correctAnswer);
-      setScore(lastSignal.score);
-    }
-  }, [lastSignal]);
-  const voteUp = () => {
-    if (isQuestion) {
-      qetaApi.voteQuestionUp(entity.id).then((response) => {
-        setOwnVote(1);
-        analytics.captureEvent("vote", "question", { value: 1 });
-        setEntity(response);
-      });
-    } else if ("questionId" in entity) {
-      qetaApi.voteAnswerUp(entity.questionId, entity.id).then((response) => {
-        setOwnVote(1);
-        analytics.captureEvent("vote", "answer", { value: 1 });
-        setEntity(response);
-      });
-    }
-  };
-  const voteDown = () => {
-    if (isQuestion) {
-      qetaApi.voteQuestionDown(entity.id).then((response) => {
-        setOwnVote(-1);
-        analytics.captureEvent("vote", "question", { value: -1 });
-        setEntity(response);
-      });
-    } else if ("questionId" in entity) {
-      qetaApi.voteAnswerDown(entity.questionId, entity.id).then((response) => {
-        setOwnVote(-1);
-        analytics.captureEvent("vote", "answer", { value: -1 });
-        setEntity(response);
-      });
-    }
-  };
-  let correctTooltip = correctAnswer ? "Mark answer as incorrect" : "Mark answer as correct";
-  if (!((_c = props.question) == null ? void 0 : _c.own)) {
-    correctTooltip = correctAnswer ? "This answer has been marked as correct" : "";
-  }
-  let voteUpTooltip = isQuestion ? "This question is good" : "This answer is good";
-  if (own) {
-    voteUpTooltip = isQuestion ? "You cannot vote your own question" : "You cannot vote your own answer";
-  }
-  let voteDownTooltip = isQuestion ? "This question is not good" : "This answer is not good";
-  if (own) {
-    voteDownTooltip = voteUpTooltip;
-  }
-  const toggleCorrectAnswer = () => {
-    if (!("questionId" in entity)) {
-      return;
-    }
-    if (correctAnswer) {
-      qetaApi.markAnswerIncorrect(entity.questionId, entity.id).then((response) => {
-        if (response) {
-          setCorrectAnswer(false);
-        }
-      });
-    } else {
-      qetaApi.markAnswerCorrect(entity.questionId, entity.id).then((response) => {
-        setCorrectAnswer(response);
-      });
-    }
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { title: voteUpTooltip }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "vote up",
-      color: ownVote > 0 ? "primary" : "default",
-      className: ownVote > 0 ? "qetaVoteUpSelected" : "qetaVoteUp",
-      disabled: own,
-      size: "small",
-      onClick: voteUp
-    },
-    /* @__PURE__ */ React.createElement(ArrowUpward, null)
-  ))), /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, score), /* @__PURE__ */ React.createElement(Tooltip, { title: voteDownTooltip }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "vote down",
-      color: ownVote < 0 ? "primary" : "default",
-      className: ownVote < 0 ? "qetaVoteDownSelected" : "qetaVoteDown",
-      disabled: own,
-      size: "small",
-      onClick: voteDown
-    },
-    /* @__PURE__ */ React.createElement(ArrowDownward, null)
-  ))), "correct" in props.entity && (((_d = props.question) == null ? void 0 : _d.own) || ((_e = props.question) == null ? void 0 : _e.canEdit) || correctAnswer) && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Tooltip, { title: correctTooltip }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "mark correct",
-      size: "small",
-      onClick: ((_f = props.question) == null ? void 0 : _f.own) || ((_g = props.question) == null ? void 0 : _g.canEdit) ? toggleCorrectAnswer : void 0
-    },
-    /* @__PURE__ */ React.createElement(
-      Check,
-      {
-        className: correctAnswer ? classes.qetaCorrectAnswerSelected : classes.qetaCorrectAnswer
-      }
-    )
-  )))));
-};
-
-const DeleteModal = (props) => {
-  const qetaApi = useApi(qetaApiRef);
-  const base_path = useBasePath();
-  const navigate = useNavigate();
-  const { entity, open, question, onClose } = props;
-  const styles = useStyles$1();
-  const [error, setError] = React.useState(false);
-  const isQuestion = "title" in entity;
-  const title = isQuestion ? "Are you sure you want to delete this question?" : "Are you sure you want to delete this answer?";
-  const handleDelete = () => {
-    if (isQuestion) {
-      qetaApi.deleteQuestion(entity.id).catch((_) => setError(true)).then((ret) => {
-        if (ret) {
-          onClose();
-          navigate(`${base_path}/qeta`);
-        } else {
-          setError(true);
-        }
-      });
-    } else if (question) {
-      qetaApi.deleteAnswer(question.id, entity.id).catch((_) => setError(true)).then((ret) => {
-        if (ret) {
-          onClose();
-          window.location.reload();
-        } else {
-          setError(true);
-        }
-      });
-    }
-  };
-  return /* @__PURE__ */ React.createElement(
-    Modal,
-    {
-      open,
-      onClose,
-      className: "qetaDeleteModal",
-      "aria-labelledby": "modal-modal-title",
-      "aria-describedby": "modal-modal-description",
-      closeAfterTransition: true,
-      BackdropComponent: Backdrop,
-      BackdropProps: {
-        timeout: 500
-      }
-    },
-    /* @__PURE__ */ React.createElement(Box, { className: `qetaDeleteModalContent ${styles.deleteModal}` }, error && /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Failed to delete"), /* @__PURE__ */ React.createElement(
-      Typography,
-      {
-        id: "modal-modal-title",
-        className: "qetaDeleteModalTitle",
-        variant: "h6",
-        component: "h2"
-      },
-      title
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        onClick: handleDelete,
-        className: "qetaDeleteModalDeleteBtn",
-        startIcon: /* @__PURE__ */ React.createElement(DeleteIcon, null),
-        color: "secondary"
-      },
-      "Delete"
-    ), /* @__PURE__ */ React.createElement(Button, { onClick: onClose, className: "qetaDeleteModalCancelBtn" }, "Cancel"))
-  );
-};
-
-const FavoriteButton = (props) => {
-  const [entity, setEntity] = React.useState(props.entity);
-  const qetaApi = useApi(qetaApiRef);
-  const favoriteQuestion = () => {
-    qetaApi.favoriteQuestion(entity.id).then((response) => {
-      setEntity(response);
-    });
-  };
-  const unfavoriteQuestion = () => {
-    qetaApi.unfavoriteQuestion(entity.id).then((response) => {
-      setEntity(response);
-    });
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, entity.favorite ? /* @__PURE__ */ React.createElement(Tooltip, { title: "Remove this question from favorites" }, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "unfavorite",
-      size: "small",
-      onClick: unfavoriteQuestion,
-      className: "qetaUnfavoriteBtn"
-    },
-    /* @__PURE__ */ React.createElement(StarIcon, null)
-  )) : /* @__PURE__ */ React.createElement(Tooltip, { title: "Mark this question as favorite" }, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "favorite",
-      size: "small",
-      onClick: favoriteQuestion,
-      className: "qetaFavoriteBtn"
-    },
-    /* @__PURE__ */ React.createElement(StarOutlineIcon, null)
-  )));
-};
-
-const AuthorBox = (props) => {
-  var _a, _b;
-  const { entity } = props;
-  const styles = useStyles$1();
-  const { name, initials, user } = useEntityAuthor(entity);
-  return /* @__PURE__ */ React.createElement(Box, { className: `qetaAuthorBox ${styles.questionCardAuthor}` }, /* @__PURE__ */ React.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0 } }, /* @__PURE__ */ React.createElement(Typography, { className: "qetaAuthorBoxCreated", variant: "caption" }, "Posted ", /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: entity.created }))), entity.updated && entity.updatedBy && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0, paddingTop: 0 } }, /* @__PURE__ */ React.createElement(Typography, { className: "qetaAuthorBoxUpdated", variant: "caption" }, "Updated ", /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: entity.updated }), " by", " ", /* @__PURE__ */ React.createElement(UpdatedByLink, { entity }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(
-    Avatar,
-    {
-      src: (_b = (_a = user == null ? void 0 : user.spec) == null ? void 0 : _a.profile) == null ? void 0 : _b.picture,
-      className: "qetaAuthorBoxAvatar avatar",
-      alt: name,
-      variant: "rounded"
-    },
-    initials
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 10, className: styles.authorLink }, /* @__PURE__ */ React.createElement(Box, { style: { paddingLeft: "5px" } }, /* @__PURE__ */ React.createElement(AuthorLink, { entity })))));
-};
-
-const CommentList = (props) => {
-  var _a;
-  const { question, answer, onCommentDelete } = props;
-  const entity = answer != null ? answer : question;
-  const styles = useStyles$1();
-  const qetaApi = useApi(qetaApiRef);
-  const deleteComment = (id) => {
-    if (answer) {
-      qetaApi.deleteAnswerComment(question.id, answer.id, id).then((a) => {
-        onCommentDelete(question, a);
-        return;
-      });
-    }
-    qetaApi.deleteQuestionComment(question.id, id).then((q) => onCommentDelete(q));
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = entity.comments) == null ? void 0 : _a.map((c) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { key: c.id, className: "qetaCommentBox" }, /* @__PURE__ */ React.createElement(
-      MarkdownContent,
-      {
-        dialect: "gfm",
-        content: c.content,
-        className: `${styles.markdownContent} inline`
-      }
-    ), " \u2013 ", /* @__PURE__ */ React.createElement(AuthorLink, { entity: c }), " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: "qetaCommentTime" }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: c.created })), (c.own || c.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, " / ", /* @__PURE__ */ React.createElement(
-      Link,
-      {
-        underline: "none",
-        to: "#",
-        className: "qetaCommentDeleteBtn",
-        onClick: () => deleteComment(c.id)
-      },
-      "delete"
-    ))), /* @__PURE__ */ React.createElement(Divider, null));
-  }));
-};
-
-const CommentSection = (props) => {
-  const { answer, question, onCommentPost, onCommentDelete } = props;
-  const analytics = useAnalytics();
-  const qetaApi = useApi(qetaApiRef);
-  const [posting, setPosting] = React.useState(false);
-  const [formVisible, setFormVisible] = useState(false);
-  const {
-    handleSubmit,
-    control,
-    formState: { errors },
-    reset
-  } = useForm({});
-  const postComment = (data) => {
-    setPosting(true);
-    if (answer) {
-      qetaApi.commentAnswer(question.id, answer.id, data.content).then((a) => {
-        setFormVisible(false);
-        analytics.captureEvent("comment", "answer");
-        reset();
-        setPosting(false);
-        onCommentPost(question, a);
-      });
-      return;
-    }
-    qetaApi.commentQuestion(question.id, data.content).then((q) => {
-      setFormVisible(false);
-      analytics.captureEvent("comment", "question");
-      reset();
-      setPosting(false);
-      onCommentPost(q);
-    });
-  };
-  return /* @__PURE__ */ React.createElement(Box, { marginLeft: 9, className: "qetaCommentSection" }, /* @__PURE__ */ React.createElement(
-    CommentList,
-    {
-      question,
-      answer,
-      onCommentDelete
-    }
-  ), !formVisible && /* @__PURE__ */ React.createElement(
-    Link,
-    {
-      underline: "none",
-      to: "#",
-      className: "qetaAddCommentBtn",
-      onClick: () => setFormVisible(true)
-    },
-    "Add comment"
-  ), formVisible && /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit(postComment), className: "qetaCommentForm" }, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React.createElement(
-    Controller,
-    {
-      control,
-      defaultValue: "",
-      rules: {
-        required: true
-      },
-      render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
-        TextField,
-        {
-          id: "comment",
-          multiline: true,
-          minRows: 2,
-          fullWidth: true,
-          className: "qetaCommentInput",
-          value,
-          placeholder: "Your commment",
-          onChange,
-          variant: "outlined",
-          error: "content" in errors
-        }
-      ),
-      name: "content"
-    }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "contained",
-      size: "small",
-      className: "qetaCommentBtn",
-      type: "submit",
-      color: "primary",
-      disabled: posting
-    },
-    "Post"
-  )))));
-};
-
-const LinkButton = (props) => {
-  const isQuestion = "title" in props.entity;
-  const copyToClipboard = () => {
-    const url = new URL(window.location.href);
-    if (!isQuestion) {
-      url.hash = `#answer_${props.entity.id}`;
-    }
-    window.navigator.clipboard.writeText(url.toString());
-  };
-  return /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      title: `Copy link to this ${isQuestion ? "question" : "answer"} to clipboard`
-    },
-    /* @__PURE__ */ React.createElement(
-      IconButton,
-      {
-        "aria-label": "copy link to clipboard",
-        size: "small",
-        onClick: copyToClipboard
-      },
-      /* @__PURE__ */ React.createElement(Link$1, null)
-    )
-  );
-};
-
-const QuestionCard = (props) => {
-  var _a;
-  const { question } = props;
-  const styles = useStyles$1();
-  const editQuestionRoute = useRouteRef(editQuestionRouteRef);
-  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);
-  const [questionEntity, setQuestionEntity] = React.useState(question);
-  const handleDeleteModalOpen = () => setDeleteModalOpen(true);
-  const handleDeleteModalClose = () => setDeleteModalOpen(false);
-  const onCommentAction = (q, _) => {
-    setQuestionEntity(q);
-  };
-  const highlightedAnswer = (_a = window.location.hash.slice(1)) != null ? _a : void 0;
-  useEffect(() => {
-    if (highlightedAnswer) {
-      const element = document.querySelector(`#${highlightedAnswer}`);
-      if (element) {
-        element.scrollIntoView();
-      }
-    }
-  }, [highlightedAnswer]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Card,
-    {
-      variant: "outlined",
-      className: `qetaQuestionCard ${styles.questionCard}`
-    },
-    /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: styles.questionCardVote }, /* @__PURE__ */ React.createElement(VoteButtons, { entity: questionEntity }), /* @__PURE__ */ React.createElement(FavoriteButton, { entity: questionEntity }), /* @__PURE__ */ React.createElement(LinkButton, { entity: questionEntity })), /* @__PURE__ */ React.createElement("div", { className: styles.questionCardContent }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React.createElement(
-      MarkdownContent,
-      {
-        content: questionEntity.content,
-        dialect: "gfm",
-        className: styles.markdownContent
-      }
-    )), /* @__PURE__ */ React.createElement(
-      Grid,
-      {
-        container: true,
-        item: true,
-        justifyContent: "space-around",
-        className: styles.questionCardMetadata
-      },
-      /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 9, style: { alignSelf: "flex-end" } }, /* @__PURE__ */ React.createElement(TagsAndEntities, { question: questionEntity }), (question.own || question.canEdit || question.canDelete) && /* @__PURE__ */ React.createElement(Box, { className: styles.questionCardActions }, (question.own || question.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "outlined",
-          size: "small",
-          color: "secondary",
-          onClick: handleDeleteModalOpen,
-          className: `${styles.marginRight} qetaQuestionCardDeleteBtn`,
-          startIcon: /* @__PURE__ */ React.createElement(DeleteIcon, null)
-        },
-        "Delete"
-      ), /* @__PURE__ */ React.createElement(
-        DeleteModal,
-        {
-          open: deleteModalOpen,
-          onClose: handleDeleteModalClose,
-          entity: questionEntity
-        }
-      )), (question.own || question.canEdit) && /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "outlined",
-          size: "small",
-          startIcon: /* @__PURE__ */ React.createElement(EditIcon, null),
-          href: editQuestionRoute({
-            id: question.id.toString(10)
-          }),
-          className: "qetaQuestionCardEditBtn"
-        },
-        "Edit"
-      ))),
-      /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3, className: styles.noPadding }, /* @__PURE__ */ React.createElement(AuthorBox, { entity: questionEntity }))
-    )))
-  ), /* @__PURE__ */ React.createElement(
-    CommentSection,
-    {
-      question: questionEntity,
-      onCommentDelete: onCommentAction,
-      onCommentPost: onCommentAction
-    }
-  ));
-};
-
-const getDefaultValues = (questionId) => {
-  return { questionId, answer: "" };
-};
-const AnswerForm = (props) => {
-  const { question, onPost, id } = props;
-  const [values, setValues] = React.useState(getDefaultValues(question.id));
-  const analytics = useAnalytics();
-  const [error, setError] = React.useState(false);
-  const [images, setImages] = React.useState([]);
-  const qetaApi = useApi(qetaApiRef);
-  const styles = useStyles$1();
-  const configApi = useApi(configApiRef);
-  const allowAnonymouns = configApi.getOptionalBoolean("qeta.allowAnonymous");
-  const {
-    handleSubmit,
-    control,
-    formState: { errors },
-    reset
-  } = useForm({
-    values,
-    defaultValues: getDefaultValues(question.id)
-  });
-  const postAnswer = (data) => {
-    if (id) {
-      qetaApi.updateAnswer(id, {
-        questionId: question.id,
-        answer: data.answer,
-        images
-      }).then((a) => {
-        if (!a || !("id" in a)) {
-          setError(true);
-          return;
-        }
-        analytics.captureEvent("edit", "answer");
-        reset();
-        onPost(a);
-      }).catch((_e) => setError(true));
-      return;
-    }
-    qetaApi.postAnswer({
-      questionId: question.id,
-      answer: data.answer,
-      images,
-      anonymous: data.anonymous
-    }).then((a) => {
-      if (!a || !("id" in a)) {
-        setError(true);
-        return;
-      }
-      analytics.captureEvent("post", "answer");
-      reset();
-      onPost(a);
-    }).catch((_e) => setError(true));
-  };
-  useEffect(() => {
-    if (id) {
-      qetaApi.getAnswer(question.id, id).then((a) => {
-        if ("content" in a) {
-          setValues({ questionId: question.id, answer: a.content });
-        } else {
-          setError(true);
-        }
-      });
-    }
-  }, [id, question, qetaApi]);
-  useEffect(() => {
-    reset(values);
-  }, [values, reset]);
-  return /* @__PURE__ */ React.createElement(
-    RequirePermission,
-    {
-      permission: qetaCreateAnswerPermission,
-      errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null)
-    },
-    /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit(postAnswer), className: "qetaAnswerForm" }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "Your answer"), error && /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not post answer" }), /* @__PURE__ */ React.createElement(
-      Controller,
-      {
-        control,
-        defaultValue: "",
-        rules: {
-          required: true
-        },
-        render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
-          MarkdownEditor,
-          {
-            value,
-            onChange,
-            height: 200,
-            error: "answer" in errors,
-            config: configApi,
-            onImageUpload: (imageId) => {
-              setImages((prevImages) => [...prevImages, imageId]);
-            }
-          }
-        ),
-        name: "answer"
-      }
-    ), allowAnonymouns && !id && /* @__PURE__ */ React.createElement(
-      AskAnonymouslyCheckbox,
-      {
-        control,
-        label: "Answer anonymously"
-      }
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "outlined",
-        type: "submit",
-        color: "primary",
-        className: `qetaAnswerFormPostBtn ${styles.postButton}`
-      },
-      id ? "Save" : "Post"
-    ))
-  );
-};
-
-const AnswerCard = (props) => {
-  const { answer, question } = props;
-  const styles = useStyles$1();
-  const [editMode, setEditMode] = React.useState(false);
-  const [answerEntity, setAnswerEntity] = React.useState(answer);
-  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);
-  const handleDeleteModalOpen = () => setDeleteModalOpen(true);
-  const handleDeleteModalClose = () => setDeleteModalOpen(false);
-  const highlightedAnswer = window.location.hash.slice(1) === `answer_${answer.id}`;
-  const onAnswerEdit = (a) => {
-    setEditMode(false);
-    setAnswerEntity(a);
-  };
-  const onCommentAction = (_, a) => {
-    if (a) {
-      setAnswerEntity(a);
-    }
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Card,
-    {
-      id: `answer_${answer.id}`,
-      className: `qetaAnswerCard ${styles.questionCard} ${highlightedAnswer ? styles.highlight : ""}`
-    },
-    /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: styles.questionCardVote }, /* @__PURE__ */ React.createElement(VoteButtons, { entity: answerEntity, question }), /* @__PURE__ */ React.createElement(LinkButton, { entity: answerEntity })), /* @__PURE__ */ React.createElement("div", { className: styles.answerCardContent }, editMode ? /* @__PURE__ */ React.createElement(
-      AnswerForm,
-      {
-        question,
-        onPost: onAnswerEdit,
-        id: answerEntity.id
-      }
-    ) : /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React.createElement(
-      MarkdownContent,
-      {
-        className: `qetaAndwerCardAnswerContent ${styles.markdownContent}`,
-        content: answerEntity.content,
-        dialect: "gfm"
-      }
-    ))), /* @__PURE__ */ React.createElement(Grid, { item: true, container: true, justifyContent: "space-around" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 9, style: { alignSelf: "flex-end" } }, (answerEntity.own || answerEntity.canDelete || answerEntity.canEdit) && /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        className: `qetaAnswerCardActions ${styles.questionCardActions}`
-      },
-      !answerEntity.correct && (answerEntity.own || answerEntity.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "outlined",
-          size: "small",
-          color: "secondary",
-          onClick: handleDeleteModalOpen,
-          className: `${styles.marginRight} qetaAnswerCardDeleteBtn`,
-          startIcon: /* @__PURE__ */ React.createElement(DeleteIcon, null)
-        },
-        "Delete"
-      ), /* @__PURE__ */ React.createElement(
-        DeleteModal,
-        {
-          open: deleteModalOpen,
-          onClose: handleDeleteModalClose,
-          entity: answerEntity,
-          question
-        }
-      )),
-      (answerEntity.own || answerEntity.canEdit) && /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "outlined",
-          size: "small",
-          startIcon: /* @__PURE__ */ React.createElement(EditIcon, null),
-          onClick: () => setEditMode(true),
-          className: "qetaAnswerCardEditBtn"
-        },
-        "Edit"
-      )
-    )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3, className: styles.noPadding }, /* @__PURE__ */ React.createElement(AuthorBox, { entity: answerEntity }))))))
-  ), /* @__PURE__ */ React.createElement(
-    CommentSection,
-    {
-      question,
-      answer: answerEntity,
-      onCommentPost: onCommentAction,
-      onCommentDelete: onCommentAction
-    }
-  ));
-};
-
-const QuestionPage = () => {
-  var _a;
-  const { id } = useParams();
-  const styles = useStyles$1();
-  const [newAnswers, setNewAnswers] = React.useState([]);
-  const [answerSort, setAnswerSort] = React.useState("default");
-  const [searchParams] = useSearchParams();
-  const [answersCount, setAnswersCount] = useState(0);
-  const [views, setViews] = useState(0);
-  const { lastSignal } = useSignal(`qeta:question_${id}`);
-  const {
-    value: question,
-    loading,
-    error
-  } = useQetaApi((api) => api.getQuestion(id), [id]);
-  useEffect(() => {
-    if (question) {
-      setAnswersCount(question.answersCount);
-      setViews(question.views);
-    }
-  }, [question]);
-  useEffect(() => {
-    if ((lastSignal == null ? void 0 : lastSignal.type) === "question_stats") {
-      setAnswersCount(lastSignal.answersCount);
-      setViews(lastSignal.views);
-    }
-  }, [lastSignal]);
-  const onAnswerPost = (answer) => {
-    setNewAnswers(newAnswers.concat([answer]));
-  };
-  const getDescription = (q) => {
-    return /* @__PURE__ */ React.createElement("span", null, "Asked", " ", /* @__PURE__ */ React.createElement(Box, { fontWeight: "fontWeightMedium", display: "inline", sx: { mr: 2 } }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: q.created })), q.updated && /* @__PURE__ */ React.createElement(React.Fragment, null, "Updated", " ", /* @__PURE__ */ React.createElement(Box, { fontWeight: "fontWeightMedium", display: "inline", sx: { mr: 2 } }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: q.updated }), " by", " ", /* @__PURE__ */ React.createElement(UpdatedByLink, { entity: q }))), "Viewed", " ", /* @__PURE__ */ React.createElement(Box, { fontWeight: "fontWeightMedium", display: "inline" }, views, " times"));
-  };
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", height: 200 });
-  }
-  if (error || question === void 0) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load question." }, error == null ? void 0 : error.message);
-  }
-  const sortAnswers = (a, b) => {
-    var _a2, _b, _c, _d, _e, _f;
-    if (answerSort === "default") {
-      return 1;
-    }
-    const parts = answerSort.split("_");
-    const field = parts[0];
-    const order = parts[1];
-    let ret = -1;
-    switch (field) {
-      case "created":
-        ret = a.created > b.created ? -1 : 1;
-        break;
-      case "score":
-        ret = a.score > b.score ? -1 : 1;
-        break;
-      case "author":
-        ret = a.author > b.author ? -1 : 1;
-        break;
-      case "comments":
-        ret = ((_b = (_a2 = a.comments) == null ? void 0 : _a2.length) != null ? _b : 0) > ((_d = (_c = b.comments) == null ? void 0 : _c.length) != null ? _d : 0) ? -1 : 1;
-        break;
-      case "updated":
-        ret = ((_e = a.updated) != null ? _e : a.created) > ((_f = b.updated) != null ? _f : b.created) ? -1 : 1;
-        break;
-      default:
-        return 1;
-    }
-    if (order === "desc") {
-      ret *= -1;
-    }
-    return ret;
-  };
-  const allAnswers = ((_a = question.answers) != null ? _a : []).concat(newAnswers);
-  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(
-    ContentHeader,
-    {
-      title: question.title,
-      description: getDescription(question)
-    },
-    /* @__PURE__ */ React.createElement(
-      BackToQuestionsButton,
-      {
-        entityPage: searchParams.get("entityPage") === "true"
-      }
-    ),
-    /* @__PURE__ */ React.createElement(AskQuestionButton, null)
-  ), /* @__PURE__ */ React.createElement(QuestionCard, { question }), /* @__PURE__ */ React.createElement(Box, { sx: { mt: 3, mb: 2 } }, /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, answersCount + newAnswers.length, " answers")), allAnswers.length > 1 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      native: true,
-      label: "Sort answers",
-      value: answerSort,
-      onChange: (val) => setAnswerSort(val.target.value),
-      inputProps: {
-        name: "sortAnswers",
-        id: "sort-answers"
-      }
-    },
-    /* @__PURE__ */ React.createElement("option", { value: "default" }, "Default"),
-    /* @__PURE__ */ React.createElement("option", { value: "created_desc" }, "Created (desc)"),
-    /* @__PURE__ */ React.createElement("option", { value: "created_asc" }, "Created (asc)"),
-    /* @__PURE__ */ React.createElement("option", { value: "score_desc" }, "Score (desc)"),
-    /* @__PURE__ */ React.createElement("option", { value: "score_asc" }, "Score (asc)"),
-    /* @__PURE__ */ React.createElement("option", { value: "comments_desc" }, "Comments (desc)"),
-    /* @__PURE__ */ React.createElement("option", { value: "comments_asc" }, "Comments (asc)"),
-    /* @__PURE__ */ React.createElement("option", { value: "author_desc" }, "Author (desc)"),
-    /* @__PURE__ */ React.createElement("option", { value: "author_asc" }, "Author (asc)"),
-    /* @__PURE__ */ React.createElement("option", { value: "updated_desc" }, "Updated (desc)"),
-    /* @__PURE__ */ React.createElement("option", { value: "updated_asc" }, "Updated (asc)")
-  ))))), allAnswers.sort(sortAnswers).map((a) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, { key: a.id }, /* @__PURE__ */ React.createElement(Divider, { className: styles.questionDivider }), /* @__PURE__ */ React.createElement(Box, { key: a.id, sx: { mb: 1 } }, /* @__PURE__ */ React.createElement(AnswerCard, { answer: a, question })));
-  }), /* @__PURE__ */ React.createElement(Divider, { className: styles.questionDivider }), /* @__PURE__ */ React.createElement(AnswerForm, { question, onPost: onAnswerPost })));
-};
-
-const TagsContainer = () => {
-  const [searchQuery, setSearchQuery] = React.useState("");
-  const tagRoute = useRouteRef(tagRouteRef);
-  const {
-    value: response,
-    loading,
-    error
-  } = useQetaApi((api) => api.getTags(), []);
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (error || response === void 0) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load tags." }, error == null ? void 0 : error.message);
-  }
-  const filterData = (query, data) => {
-    if (!query) {
-      return data;
-    }
-    return data.filter((t) => t.tag.toLowerCase().includes(query));
-  };
-  const tags = filterData(searchQuery, response);
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, className: "qetaTagsContainer" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-    TextField,
-    {
-      id: "search-bar",
-      className: "text qetaTagsContainerSearchInput",
-      onChange: (event) => setSearchQuery(event.target.value),
-      label: "Search tag",
-      variant: "outlined",
-      placeholder: "Search...",
-      size: "small"
-    }
-  ), /* @__PURE__ */ React.createElement(IconButton, { type: "submit", "aria-label": "search" })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      variant: "h6",
-      className: "qetaTagsContainerTitle"
-    },
-    `Showing ${tags.length} tags`
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true }, tags.map((tag) => /* @__PURE__ */ React.createElement(
-    Chip,
-    {
-      key: tag.tag,
-      variant: "outlined",
-      avatar: /* @__PURE__ */ React.createElement(Avatar, null, tag.questionsCount),
-      label: tag.tag,
-      className: "qetaTagsContainerChip",
-      component: "a",
-      clickable: true,
-      href: tagRoute({ tag: tag.tag })
-    }
-  ))));
-};
-
-const TagPage = () => {
-  const { tag } = useParams();
-  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(ContentHeader, { title: tag ? `Questions tagged [${tag}]` : "Tags" }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, null), /* @__PURE__ */ React.createElement(AskQuestionButton, { tags: tag ? [tag] : void 0 })), tag ? /* @__PURE__ */ React.createElement(QuestionsContainer, { tags: [tag != null ? tag : ""] }) : /* @__PURE__ */ React.createElement(TagsContainer, null)));
-};
-
-const UserPage = () => {
-  var _a;
-  const identity = (_a = useParams()["*"]) != null ? _a : "unknown";
-  const presentation = useEntityPresentation(identity);
-  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(ContentHeader, { title: `Questions by ${presentation.primaryTitle}` }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, null), /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(
-    QuestionsContainer,
-    {
-      author: identity != null ? identity : "",
-      showNoQuestionsBtn: false
-    }
-  )));
-};
-
-const QuestionHighlightList = (props) => {
-  var _a;
-  const {
-    value: response,
-    loading,
-    error
-  } = useQetaApi((api) => api.getQuestionsList(props.type), []);
-  const classes = useStyles$1();
-  const questionRoute = useRouteRef(questionRouteRef);
-  const questions = (_a = response == null ? void 0 : response.questions) != null ? _a : [];
-  return /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      className: `qetaQuestionHighlightList ${classes.questionHighlightList}`,
-      display: { md: "none", lg: "block" }
-    },
-    /* @__PURE__ */ React.createElement(
-      List,
-      {
-        component: "nav",
-        "aria-labelledby": "nested-list-subheader",
-        className: "qetaQuestionHighlightListList",
-        subheader: /* @__PURE__ */ React.createElement(
-          ListSubheader,
-          {
-            disableSticky: true,
-            component: "div",
-            id: "nested-list-subheader",
-            color: "primary"
-          },
-          props.title,
-          props.icon
-        )
-      },
-      loading && /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect" })),
-      error && /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemText, null, "Failed to load questions")),
-      !error && questions.length === 0 && /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemText, null, props.noQuestionsLabel)),
-      !error && questions.map((q) => /* @__PURE__ */ React.createElement(React.Fragment, { key: q.id }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
-        ListItem,
-        {
-          className: "qetaQuestionHighlightListListItem",
-          button: true,
-          dense: true,
-          component: "a",
-          href: questionRoute({ id: q.id.toString(10) })
-        },
-        /* @__PURE__ */ React.createElement(ListItemText, null, q.title)
-      )))
-    )
-  );
-};
-
-const FavoritePage = () => {
-  return /* @__PURE__ */ React.createElement(Content, { className: "qetaFavoritePage" }, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Your favorite questions" }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, null), /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(QuestionsContainer, { favorite: true })));
-};
-
-const MoreMenu = () => {
-  const [anchorEl, setAnchorEl] = React.useState(null);
-  const tagsRoute = useRouteRef(tagsRouteRef);
-  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);
-  const statisticsRoute = useRouteRef(statisticsRouteRef);
-  const userRoute = useRouteRef(userRouteRef);
-  const open = Boolean(anchorEl);
-  const styles = useStyles$1();
-  const {
-    value: user,
-    loading: loadingUser,
-    error: userError
-  } = useIdentityApi((api) => api.getBackstageIdentity(), []);
-  const handleMenuOpen = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleMenuClose = () => {
-    setAnchorEl(null);
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { arrow: true, title: "More" }, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "more",
-      "aria-controls": "long-menu",
-      "aria-haspopup": "true",
-      onClick: handleMenuOpen
-    },
-    /* @__PURE__ */ React.createElement(MoreVertIcon, null)
-  )), /* @__PURE__ */ React.createElement(
-    Menu,
-    {
-      id: "long-menu",
-      anchorEl,
-      keepMounted: true,
-      open,
-      getContentAnchorEl: null,
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "center"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "center"
-      },
-      onClose: handleMenuClose
-    },
-    /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: tagsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(LoyaltyOutlined, { fontSize: "small" })), "Tags"),
-    user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(AccountBox, { fontSize: "small" })), "My questions"),
-    /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: favoritesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(StarIcon, { fontSize: "small" })), "Favorite questions"),
-    /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: statisticsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(TrophyIcon, null)), "Statistics")
-  ));
-};
-const HomePageContent = () => {
-  const [searchParams] = useSearchParams();
-  const [entityRef, setEntityRef] = React.useState(
-    void 0
-  );
-  const [tags, setTags] = React.useState(void 0);
-  useEffect(() => {
-    var _a;
-    setEntityRef((_a = searchParams.get("entity")) != null ? _a : void 0);
-    setTags(filterTags(searchParams.get("tags")));
-  }, [searchParams, setEntityRef]);
-  return /* @__PURE__ */ React.createElement(Content, { className: "qetaHomePage" }, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: "All questions" }, /* @__PURE__ */ React.createElement(MoreMenu, null), /* @__PURE__ */ React.createElement(AskQuestionButton, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(QuestionsContainer, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
-    {
-      type: "hot",
-      title: "Hot questions",
-      noQuestionsLabel: "No questions",
-      icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" })
-    }
-  ), /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
-    {
-      type: "unanswered",
-      title: "Unanswered questions",
-      noQuestionsLabel: "No unanswered questions"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
-    {
-      type: "incorrect",
-      title: "Questions without correct answer",
-      noQuestionsLabel: "No questions without correct answers"
-    }
-  )))));
-};
-const HomePage = (props) => {
-  const {
-    title = "Q&A",
-    subtitle,
-    headerElements,
-    themeId = "tool",
-    headerTooltip,
-    headerType,
-    headerTypeLink
-  } = props != null ? props : {};
-  return /* @__PURE__ */ React.createElement(Page, { themeId }, /* @__PURE__ */ React.createElement(
-    Header,
-    {
-      title,
-      subtitle,
-      type: headerType,
-      typeLink: headerTypeLink,
-      tooltip: headerTooltip
-    },
-    headerElements
-  ), /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(HomePageContent, null) }), /* @__PURE__ */ React.createElement(Route, { path: askRouteRef.path, element: /* @__PURE__ */ React.createElement(AskPage, null) }), /* @__PURE__ */ React.createElement(
-    Route,
-    {
-      path: favoriteQuestionsRouteRef.path,
-      element: /* @__PURE__ */ React.createElement(FavoritePage, null)
-    }
-  ), /* @__PURE__ */ React.createElement(Route, { path: editQuestionRouteRef.path, element: /* @__PURE__ */ React.createElement(AskPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: questionRouteRef.path, element: /* @__PURE__ */ React.createElement(QuestionPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ React.createElement(TagPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ React.createElement(TagPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: userRouteRef.path, element: /* @__PURE__ */ React.createElement(UserPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: statisticsRouteRef.path, element: /* @__PURE__ */ React.createElement(StatisticsPage, null) })));
-};
-
-export { HomePage };
-//# sourceMappingURL=index-rSPV8dxK.esm.js.map