@drodil/backstage-plugin-qeta 2.3.0 → 2.3.2

package/dist/components/QuestionPage/AnswerCard.esm.js

@@ -0,0 +1,101 @@
+import { Card, CardContent, Grid, Typography, Box, Button } from '@material-ui/core';
+import { MarkdownContent } from '@backstage/core-components';
+import React from 'react';
+import { VoteButtons } from './VoteButtons.esm.js';
+import { useStyles } from '../../utils/hooks.esm.js';
+import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
+import { AnswerForm } from './AnswerForm.esm.js';
+import { AuthorBox } from './AuthorBox.esm.js';
+import { CommentSection } from '../CommentSection/CommentSection.esm.js';
+import { LinkButton } from './LinkButton.esm.js';
+import DeleteIcon from '@material-ui/icons/Delete';
+import EditIcon from '@material-ui/icons/Edit';
+
+const AnswerCard = (props) => {
+  const { answer, question } = props;
+  const styles = useStyles();
+  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
+    }
+  ));
+};
+
+export { AnswerCard };
+//# sourceMappingURL=AnswerCard.esm.js.map

package/dist/components/QuestionPage/AnswerCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/QuestionPage/AnswerCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport { MarkdownContent } from '@backstage/core-components';\nimport React from 'react';\nimport { VoteButtons } from './VoteButtons';\nimport { useStyles } from '../../utils/hooks';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport { AnswerForm } from './AnswerForm';\nimport { AuthorBox } from './AuthorBox';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { LinkButton } from './LinkButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\n\nexport const AnswerCard = (props: {\n  answer: AnswerResponse;\n  question: QuestionResponse;\n}) => {\n  const { answer, question } = props;\n  const styles = useStyles();\n\n  const [editMode, setEditMode] = React.useState(false);\n  const [answerEntity, setAnswerEntity] = React.useState(answer);\n\n  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const highlightedAnswer =\n    window.location.hash.slice(1) === `answer_${answer.id}`;\n\n  const onAnswerEdit = (a: AnswerResponse) => {\n    setEditMode(false);\n    setAnswerEntity(a);\n  };\n\n  const onCommentAction = (_: QuestionResponse, a?: AnswerResponse) => {\n    if (a) {\n      setAnswerEntity(a);\n    }\n  };\n\n  return (\n    <>\n      <Card\n        id={`answer_${answer.id}`}\n        className={`qetaAnswerCard ${styles.questionCard} ${\n          highlightedAnswer ? styles.highlight : ''\n        }`}\n      >\n        <CardContent>\n          <div className={styles.questionCardVote}>\n            <VoteButtons entity={answerEntity} question={question} />\n            <LinkButton entity={answerEntity} />\n          </div>\n          <div className={styles.answerCardContent}>\n            {editMode ? (\n              <AnswerForm\n                question={question}\n                onPost={onAnswerEdit}\n                id={answerEntity.id}\n              />\n            ) : (\n              <Grid container>\n                <Grid item xs={12}>\n                  <Typography variant=\"body1\" gutterBottom>\n                    <MarkdownContent\n                      className={`qetaAndwerCardAnswerContent ${styles.markdownContent}`}\n                      content={answerEntity.content}\n                      dialect=\"gfm\"\n                    />\n                  </Typography>\n                </Grid>\n                <Grid item container justifyContent=\"space-around\">\n                  <Grid item xs={9} style={{ alignSelf: 'flex-end' }}>\n                    {(answerEntity.own ||\n                      answerEntity.canDelete ||\n                      answerEntity.canEdit) && (\n                      <Box\n                        className={`qetaAnswerCardActions ${styles.questionCardActions}`}\n                      >\n                        {!answerEntity.correct &&\n                          (answerEntity.own || answerEntity.canDelete) && (\n                            <>\n                              <Button\n                                variant=\"outlined\"\n                                size=\"small\"\n                                color=\"secondary\"\n                                onClick={handleDeleteModalOpen}\n                                className={`${styles.marginRight} qetaAnswerCardDeleteBtn`}\n                                startIcon={<DeleteIcon />}\n                              >\n                                Delete\n                              </Button>\n                              <DeleteModal\n                                open={deleteModalOpen}\n                                onClose={handleDeleteModalClose}\n                                entity={answerEntity}\n                                question={question}\n                              />\n                            </>\n                          )}\n                        {(answerEntity.own || answerEntity.canEdit) && (\n                          <Button\n                            variant=\"outlined\"\n                            size=\"small\"\n                            startIcon={<EditIcon />}\n                            onClick={() => setEditMode(true)}\n                            className=\"qetaAnswerCardEditBtn\"\n                          >\n                            Edit\n                          </Button>\n                        )}\n                      </Box>\n                    )}\n                  </Grid>\n                  <Grid item xs={3} className={styles.noPadding}>\n                    <AuthorBox entity={answerEntity} />\n                  </Grid>\n                </Grid>\n              </Grid>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n      <CommentSection\n        question={question}\n        answer={answerEntity}\n        onCommentPost={onCommentAction}\n        onCommentDelete={onCommentAction}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/QuestionPage/AnswerForm.esm.js

@@ -0,0 +1,130 @@
+import { WarningPanel } from '@backstage/core-components';
+import { Typography, Button } from '@material-ui/core';
+import React, { useEffect } from 'react';
+import { useAnalytics, useApi, configApiRef } from '@backstage/core-plugin-api';
+import { qetaCreateAnswerPermission } from '@drodil/backstage-plugin-qeta-common';
+import { useStyles } from '../../utils/hooks.esm.js';
+import { useForm, Controller } from 'react-hook-form';
+import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+import { AskAnonymouslyCheckbox } from '../AskAnonymouslyCheckbox/AskAnonymouslyCheckbox.esm.js';
+import { qetaApiRef } from '../../api/QetaClient.esm.js';
+
+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();
+  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"
+    ))
+  );
+};
+
+export { AnswerForm };
+//# sourceMappingURL=AnswerForm.esm.js.map

package/dist/components/QuestionPage/AnswerForm.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnswerForm.esm.js","sources":["../../../src/components/QuestionPage/AnswerForm.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport { Button, Typography } from '@material-ui/core';\nimport React, { useEffect } from 'react';\nimport { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport {\n  AnswerRequest,\n  AnswerResponse,\n  qetaCreateAnswerPermission,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useStyles } from '../../utils/hooks';\nimport { Controller, useForm } from 'react-hook-form';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { AskAnonymouslyCheckbox } from '../AskAnonymouslyCheckbox/AskAnonymouslyCheckbox';\nimport { qetaApiRef } from '../../api';\n\nconst getDefaultValues = (questionId: number) => {\n  return { questionId, answer: '' };\n};\n\nexport const AnswerForm = (props: {\n  question: QuestionResponse;\n  onPost: (answer: AnswerResponse) => void;\n  id?: number;\n}) => {\n  const { question, onPost, id } = props;\n  const [values, setValues] = React.useState(getDefaultValues(question.id));\n  const analytics = useAnalytics();\n  const [error, setError] = React.useState(false);\n  const [images, setImages] = React.useState<number[]>([]);\n  const qetaApi = useApi(qetaApiRef);\n  const styles = useStyles();\n  const configApi = useApi(configApiRef);\n  const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n\n  const {\n    handleSubmit,\n    control,\n    formState: { errors },\n    reset,\n  } = useForm<AnswerRequest>({\n    values,\n    defaultValues: getDefaultValues(question.id),\n  });\n\n  const postAnswer = (data: AnswerRequest) => {\n    if (id) {\n      qetaApi\n        .updateAnswer(id, {\n          questionId: question.id,\n          answer: data.answer,\n          images,\n        })\n        .then(a => {\n          if (!a || !('id' in a)) {\n            setError(true);\n            return;\n          }\n          analytics.captureEvent('edit', 'answer');\n          reset();\n          onPost(a);\n        })\n        .catch(_e => setError(true));\n      return;\n    }\n    // http://localhost:7007/api/qeta/attachments/36e551b1-3be7-479a-8942-b7018434e710\n    qetaApi\n      .postAnswer({\n        questionId: question.id,\n        answer: data.answer,\n        images,\n        anonymous: data.anonymous,\n      })\n      .then(a => {\n        if (!a || !('id' in a)) {\n          setError(true);\n          return;\n        }\n        analytics.captureEvent('post', 'answer');\n        reset();\n        onPost(a);\n      })\n      .catch(_e => setError(true));\n  };\n\n  useEffect(() => {\n    if (id) {\n      qetaApi.getAnswer(question.id, id).then(a => {\n        if ('content' in a) {\n          setValues({ questionId: question.id, answer: a.content });\n        } else {\n          setError(true);\n        }\n      });\n    }\n  }, [id, question, qetaApi]);\n\n  useEffect(() => {\n    reset(values);\n  }, [values, reset]);\n\n  return (\n    <RequirePermission\n      permission={qetaCreateAnswerPermission}\n      errorPage={<></>}\n    >\n      <form onSubmit={handleSubmit(postAnswer)} className=\"qetaAnswerForm\">\n        <Typography variant=\"h6\">Your answer</Typography>\n        {error && (\n          <WarningPanel severity=\"error\" title=\"Could not post answer\" />\n        )}\n        <Controller\n          control={control}\n          defaultValue=\"\"\n          rules={{\n            required: true,\n          }}\n          render={({ field: { onChange, value } }) => (\n            <MarkdownEditor\n              value={value}\n              onChange={onChange}\n              height={200}\n              error={'answer' in errors}\n              config={configApi}\n              onImageUpload={(imageId: number) => {\n                setImages(prevImages => [...prevImages, imageId]);\n              }}\n            />\n          )}\n          name=\"answer\"\n        />\n        {allowAnonymouns && !id && (\n          <AskAnonymouslyCheckbox\n            control={control}\n            label=\"Answer anonymously\"\n          />\n        )}\n        <Button\n          variant=\"outlined\"\n          type=\"submit\"\n          color=\"primary\"\n          className={`qetaAnswerFormPostBtn ${styles.postButton}`}\n        >\n          {id ? 'Save' : 'Post'}\n        </Button>\n      </form>\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/QuestionPage/AuthorBox.esm.js

@@ -0,0 +1,25 @@
+import { Box, Grid, Typography, Avatar } from '@material-ui/core';
+import React from 'react';
+import { useStyles, useEntityAuthor } from '../../utils/hooks.esm.js';
+import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
+import { UpdatedByLink, AuthorLink } from '../Links/Links.esm.js';
+
+const AuthorBox = (props) => {
+  var _a, _b;
+  const { entity } = props;
+  const styles = useStyles();
+  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 })))));
+};
+
+export { AuthorBox };
+//# sourceMappingURL=AuthorBox.esm.js.map

package/dist/components/QuestionPage/AuthorBox.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/QuestionPage/AuthorBox.tsx"],"sourcesContent":["import { Avatar, Box, Grid, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { useEntityAuthor, useStyles } from '../../utils/hooks';\nimport {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink, UpdatedByLink } from '../Links/Links';\n\nexport const AuthorBox = (props: {\n  entity: QuestionResponse | AnswerResponse;\n}) => {\n  const { entity } = props;\n  const styles = useStyles();\n  const { name, initials, user } = useEntityAuthor(entity);\n\n  return (\n    <Box className={`qetaAuthorBox ${styles.questionCardAuthor}`}>\n      <Grid container alignItems=\"center\">\n        <Grid item xs={12} style={{ paddingBottom: 0 }}>\n          <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n            Posted <RelativeTimeWithTooltip value={entity.created} />\n          </Typography>\n        </Grid>\n        {entity.updated && entity.updatedBy && (\n          <Grid item xs={12} style={{ paddingBottom: 0, paddingTop: 0 }}>\n            <Typography className=\"qetaAuthorBoxUpdated\" variant=\"caption\">\n              Updated <RelativeTimeWithTooltip value={entity.updated} /> by{' '}\n              <UpdatedByLink entity={entity} />\n            </Typography>\n          </Grid>\n        )}\n        <Grid item xs={2}>\n          <Avatar\n            src={user?.spec?.profile?.picture}\n            className=\"qetaAuthorBoxAvatar avatar\"\n            alt={name}\n            variant=\"rounded\"\n          >\n            {initials}\n          </Avatar>\n        </Grid>\n        <Grid item xs={10} className={styles.authorLink}>\n          <Box style={{ paddingLeft: '5px' }}>\n            <AuthorLink entity={entity} />\n          </Box>\n        </Grid>\n      </Grid>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAUa,MAAA,SAAA,GAAY,CAAC,KAEpB,KAAA;AAZN,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAaE,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA,CAAA;AACnB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,MAAM,CAAA,CAAA;AAEvD,EAAA,2CACG,GAAI,EAAA,EAAA,SAAA,EAAW,CAAiB,cAAA,EAAA,MAAA,CAAO,kBAAkB,CACxD,CAAA,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,UAAW,EAAA,QAAA,EAAA,sCACxB,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,KAAO,EAAA,EAAE,eAAe,CAAE,EAAA,EAAA,sCAC1C,UAAW,EAAA,EAAA,SAAA,EAAU,wBAAuB,OAAQ,EAAA,SAAA,EAAA,EAAU,SACtD,kBAAA,KAAA,CAAA,aAAA,CAAC,2BAAwB,KAAO,EAAA,MAAA,CAAO,SAAS,CACzD,CACF,GACC,MAAO,CAAA,OAAA,IAAW,MAAO,CAAA,SAAA,wCACvB,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IAAI,KAAO,EAAA,EAAE,aAAe,EAAA,CAAA,EAAG,YAAY,CAAE,EAAA,EAAA,sCACzD,UAAW,EAAA,EAAA,SAAA,EAAU,wBAAuB,OAAQ,EAAA,SAAA,EAAA,EAAU,UACrD,kBAAA,KAAA,CAAA,aAAA,CAAC,2BAAwB,KAAO,EAAA,MAAA,CAAO,SAAS,CAAE,EAAA,KAAA,EAAI,qBAC7D,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,MAAgB,EAAA,CACjC,CACF,CAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,IAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAY,YAAZ,IAAqB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA;AAAA,MAC1B,SAAU,EAAA,4BAAA;AAAA,MACV,GAAK,EAAA,IAAA;AAAA,MACL,OAAQ,EAAA,SAAA;AAAA,KAAA;AAAA,IAEP,QAAA;AAAA,GAEL,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,UACnC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAI,KAAO,EAAA,EAAE,WAAa,EAAA,KAAA,EACzB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,MAAgB,EAAA,CAC9B,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/QuestionPage/EntityChip.esm.js

@@ -0,0 +1,26 @@
+import { getCompoundEntityRef } from '@backstage/catalog-model';
+import { Tooltip, Chip } from '@material-ui/core';
+import React from 'react';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { entityRouteRef, useEntityPresentation } from '@backstage/plugin-catalog-react';
+
+const EntityChip = (props) => {
+  const { entity } = props;
+  const entityRoute = useRouteRef(entityRouteRef);
+  const { primaryTitle, secondaryTitle } = useEntityPresentation(entity);
+  return /* @__PURE__ */ React.createElement(Tooltip, { title: secondaryTitle != null ? secondaryTitle : primaryTitle, arrow: true }, /* @__PURE__ */ React.createElement(
+    Chip,
+    {
+      label: primaryTitle,
+      size: "small",
+      variant: "outlined",
+      className: "qetaEntityChip",
+      component: "a",
+      href: entityRoute(getCompoundEntityRef(entity)),
+      clickable: true
+    }
+  ));
+};
+
+export { EntityChip };
+//# sourceMappingURL=EntityChip.esm.js.map

package/dist/components/QuestionPage/EntityChip.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/QuestionPage/EntityChip.tsx"],"sourcesContent":["import { Entity, getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Chip, Tooltip } from '@material-ui/core';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  entityRouteRef,\n  useEntityPresentation,\n} from '@backstage/plugin-catalog-react';\n\nexport const EntityChip = (props: { entity: Entity }) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { primaryTitle, secondaryTitle } = useEntityPresentation(entity);\n  return (\n    <Tooltip title={secondaryTitle ?? primaryTitle} arrow>\n      <Chip\n        label={primaryTitle}\n        size=\"small\"\n        variant=\"outlined\"\n        className=\"qetaEntityChip\"\n        component=\"a\"\n        href={entityRoute(getCompoundEntityRef(entity))}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;AASa,MAAA,UAAA,GAAa,CAAC,KAA8B,KAAA;AACvD,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA,CAAA;AACnB,EAAM,MAAA,WAAA,GAAc,YAAY,cAAc,CAAA,CAAA;AAC9C,EAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,sBAAsB,MAAM,CAAA,CAAA;AACrE,EAAA,2CACG,OAAQ,EAAA,EAAA,KAAA,EAAO,cAAkB,IAAA,IAAA,GAAA,cAAA,GAAA,YAAA,EAAc,OAAK,IACnD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,YAAA;AAAA,MACP,IAAK,EAAA,OAAA;AAAA,MACL,OAAQ,EAAA,UAAA;AAAA,MACR,SAAU,EAAA,gBAAA;AAAA,MACV,SAAU,EAAA,GAAA;AAAA,MACV,IAAM,EAAA,WAAA,CAAY,oBAAqB,CAAA,MAAM,CAAC,CAAA;AAAA,MAC9C,SAAS,EAAA,IAAA;AAAA,KAAA;AAAA,GAEb,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/QuestionPage/FavoriteButton.esm.js

@@ -0,0 +1,43 @@
+import { Tooltip, IconButton } from '@material-ui/core';
+import React from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import StarIcon from '@material-ui/icons/Star';
+import StarOutlineIcon from '@material-ui/icons/StarOutline';
+import { qetaApiRef } from '../../api/QetaClient.esm.js';
+
+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)
+  )));
+};
+
+export { FavoriteButton };
+//# sourceMappingURL=FavoriteButton.esm.js.map

package/dist/components/QuestionPage/FavoriteButton.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/QuestionPage/FavoriteButton.tsx"],"sourcesContent":["import { QuestionResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@material-ui/icons/Star';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport { qetaApiRef } from '../../api';\n\nexport const FavoriteButton = (props: { entity: QuestionResponse }) => {\n  const [entity, setEntity] = React.useState<QuestionResponse>(props.entity);\n  const qetaApi = useApi(qetaApiRef);\n\n  const favoriteQuestion = () => {\n    qetaApi.favoriteQuestion(entity.id).then(response => {\n      setEntity(response);\n    });\n  };\n\n  const unfavoriteQuestion = () => {\n    qetaApi.unfavoriteQuestion(entity.id).then(response => {\n      setEntity(response);\n    });\n  };\n\n  return (\n    <React.Fragment>\n      {entity.favorite ? (\n        <Tooltip title=\"Remove this question from favorites\">\n          <IconButton\n            aria-label=\"unfavorite\"\n            size=\"small\"\n            onClick={unfavoriteQuestion}\n            className=\"qetaUnfavoriteBtn\"\n          >\n            <StarIcon />\n          </IconButton>\n        </Tooltip>\n      ) : (\n        <Tooltip title=\"Mark this question as favorite\">\n          <IconButton\n            aria-label=\"favorite\"\n            size=\"small\"\n            onClick={favoriteQuestion}\n            className=\"qetaFavoriteBtn\"\n          >\n            <StarOutlineIcon />\n          </IconButton>\n        </Tooltip>\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAQa,MAAA,cAAA,GAAiB,CAAC,KAAwC,KAAA;AACrE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAI,KAAM,CAAA,QAAA,CAA2B,MAAM,MAAM,CAAA,CAAA;AACzE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,OAAA,CAAQ,gBAAiB,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AACnD,MAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,OAAA,CAAQ,kBAAmB,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AACrD,MAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,QAAN,EAAA,IAAA,EACE,OAAO,QACN,mBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAM,qCACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,YAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,kBAAA;AAAA,MACT,SAAU,EAAA,mBAAA;AAAA,KAAA;AAAA,wCAET,QAAS,EAAA,IAAA,CAAA;AAAA,GAEd,CAAA,mBAEC,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,OAAM,gCACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,UAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,gBAAA;AAAA,MACT,SAAU,EAAA,iBAAA;AAAA,KAAA;AAAA,wCAET,eAAgB,EAAA,IAAA,CAAA;AAAA,GAErB,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/QuestionPage/LinkButton.esm.js

@@ -0,0 +1,32 @@
+import { Tooltip, IconButton } from '@material-ui/core';
+import Link from '@material-ui/icons/Link';
+import React from 'react';
+
+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, null)
+    )
+  );
+};
+
+export { LinkButton };
+//# sourceMappingURL=LinkButton.esm.js.map

package/dist/components/QuestionPage/LinkButton.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/QuestionPage/LinkButton.tsx"],"sourcesContent":["import { IconButton, Tooltip } from '@material-ui/core';\nimport Link from '@material-ui/icons/Link';\nimport React from 'react';\nimport {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\n\nexport const LinkButton = (props: {\n  entity: QuestionResponse | AnswerResponse;\n}) => {\n  const isQuestion = 'title' in props.entity;\n  const copyToClipboard = () => {\n    const url = new URL(window.location.href);\n    if (!isQuestion) {\n      url.hash = `#answer_${props.entity.id}`;\n    }\n    window.navigator.clipboard.writeText(url.toString());\n  };\n\n  return (\n    <Tooltip\n      title={`Copy link to this ${\n        isQuestion ? 'question' : 'answer'\n      } to clipboard`}\n    >\n      <IconButton\n        aria-label=\"copy link to clipboard\"\n        size=\"small\"\n        onClick={copyToClipboard}\n      >\n        <Link />\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,UAAA,GAAa,CAAC,KAErB,KAAA;AACJ,EAAM,MAAA,UAAA,GAAa,WAAW,KAAM,CAAA,MAAA,CAAA;AACpC,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AACxC,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAA,GAAA,CAAI,IAAO,GAAA,CAAA,QAAA,EAAW,KAAM,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA,CAAA;AAAA,KACvC;AACA,IAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAAA,GACrD,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,CAAA,kBAAA,EACL,UAAa,GAAA,UAAA,GAAa,QAC5B,CAAA,aAAA,CAAA;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,wBAAA;AAAA,QACX,IAAK,EAAA,OAAA;AAAA,QACL,OAAS,EAAA,eAAA;AAAA,OAAA;AAAA,0CAER,IAAK,EAAA,IAAA,CAAA;AAAA,KACR;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/QuestionPage/QuestionCard.esm.js

@@ -0,0 +1,103 @@
+import { Card, CardContent, Typography, Grid, Box, Button } from '@material-ui/core';
+import { MarkdownContent } from '@backstage/core-components';
+import React, { useEffect } from 'react';
+import { VoteButtons } from './VoteButtons.esm.js';
+import { useStyles } from '../../utils/hooks.esm.js';
+import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
+import DeleteIcon from '@material-ui/icons/Delete';
+import EditIcon from '@material-ui/icons/Edit';
+import { FavoriteButton } from './FavoriteButton.esm.js';
+import { AuthorBox } from './AuthorBox.esm.js';
+import { TagsAndEntities } from './TagsAndEntities.esm.js';
+import { CommentSection } from '../CommentSection/CommentSection.esm.js';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { editQuestionRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import { LinkButton } from './LinkButton.esm.js';
+
+const QuestionCard = (props) => {
+  var _a;
+  const { question } = props;
+  const styles = useStyles();
+  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
+    }
+  ));
+};
+
+export { QuestionCard };
+//# sourceMappingURL=QuestionCard.esm.js.map

package/dist/components/QuestionPage/QuestionCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionPage/QuestionCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport { MarkdownContent } from '@backstage/core-components';\nimport React, { useEffect } from 'react';\nimport { VoteButtons } from './VoteButtons';\nimport { useStyles } from '../../utils/hooks';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { FavoriteButton } from './FavoriteButton';\nimport { AuthorBox } from './AuthorBox';\nimport { TagsAndEntities } from './TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { editQuestionRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { LinkButton } from './LinkButton';\n\nexport const QuestionCard = (props: { question: QuestionResponse }) => {\n  const { question } = props;\n  const styles = useStyles();\n  const editQuestionRoute = useRouteRef(editQuestionRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n  const [questionEntity, setQuestionEntity] = React.useState(question);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const onCommentAction = (q: QuestionResponse, _?: AnswerResponse) => {\n    setQuestionEntity(q);\n  };\n\n  const highlightedAnswer = window.location.hash.slice(1) ?? undefined;\n  useEffect(() => {\n    if (highlightedAnswer) {\n      const element = document.querySelector(`#${highlightedAnswer}`);\n      if (element) {\n        element.scrollIntoView();\n      }\n    }\n  }, [highlightedAnswer]);\n\n  return (\n    <>\n      <Card\n        variant=\"outlined\"\n        className={`qetaQuestionCard ${styles.questionCard}`}\n      >\n        <CardContent>\n          <div className={styles.questionCardVote}>\n            <VoteButtons entity={questionEntity} />\n            <FavoriteButton entity={questionEntity} />\n            <LinkButton entity={questionEntity} />\n          </div>\n          <div className={styles.questionCardContent}>\n            <Typography variant=\"body1\" gutterBottom>\n              <MarkdownContent\n                content={questionEntity.content}\n                dialect=\"gfm\"\n                className={styles.markdownContent}\n              />\n            </Typography>\n            <Grid\n              container\n              item\n              justifyContent=\"space-around\"\n              className={styles.questionCardMetadata}\n            >\n              <Grid item xs={9} style={{ alignSelf: 'flex-end' }}>\n                <TagsAndEntities question={questionEntity} />\n                {(question.own || question.canEdit || question.canDelete) && (\n                  <Box className={styles.questionCardActions}>\n                    {(question.own || question.canDelete) && (\n                      <>\n                        <Button\n                          variant=\"outlined\"\n                          size=\"small\"\n                          color=\"secondary\"\n                          onClick={handleDeleteModalOpen}\n                          className={`${styles.marginRight} qetaQuestionCardDeleteBtn`}\n                          startIcon={<DeleteIcon />}\n                        >\n                          Delete\n                        </Button>\n                        <DeleteModal\n                          open={deleteModalOpen}\n                          onClose={handleDeleteModalClose}\n                          entity={questionEntity}\n                        />\n                      </>\n                    )}\n                    {(question.own || question.canEdit) && (\n                      <Button\n                        variant=\"outlined\"\n                        size=\"small\"\n                        startIcon={<EditIcon />}\n                        href={editQuestionRoute({\n                          id: question.id.toString(10),\n                        })}\n                        className=\"qetaQuestionCardEditBtn\"\n                      >\n                        Edit\n                      </Button>\n                    )}\n                  </Box>\n                )}\n              </Grid>\n              <Grid item xs={3} className={styles.noPadding}>\n                <AuthorBox entity={questionEntity} />\n              </Grid>\n            </Grid>\n          </div>\n        </CardContent>\n      </Card>\n      <CommentSection\n        question={questionEntity}\n        onCommentDelete={onCommentAction}\n        onCommentPost={onCommentAction}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}