@drodil/backstage-plugin-qeta-react 3.3.0 → 3.4.1

package/dist/hooks/useVoting.esm.js

@@ -0,0 +1,140 @@
+import React, { useState, useEffect } from 'react';
+import { useAnalytics, useApi } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../api.esm.js';
+import { useTranslation } from './useTranslation.esm.js';
+import { useSignal } from '@backstage/plugin-signals-react';
+
+function useVoting(resp) {
+  const [entity, setEntity] = React.useState(
+    resp
+  );
+  const [ownVote, setOwnVote] = React.useState(entity.ownVote ?? 0);
+  const [correctAnswer, setCorrectAnswer] = useState(
+    "postId" in entity ? entity.correct : false
+  );
+  const [score, setScore] = useState(entity.score);
+  const analytics = useAnalytics();
+  const qetaApi = useApi(qetaApiRef);
+  const { t } = useTranslation();
+  const isQuestion = "title" in entity;
+  const own = entity.own ?? false;
+  const { lastSignal } = useSignal(
+    isQuestion ? `qeta:question_${entity.id}` : `qeta:answer_${entity.id}`
+  );
+  useEffect(() => {
+    if (entity) {
+      setScore(entity.score);
+    }
+  }, [entity]);
+  useEffect(() => {
+    if (lastSignal?.type === "post_stats" || lastSignal?.type === "answer_stats") {
+      setCorrectAnswer(lastSignal.correctAnswer);
+      setScore(lastSignal.score);
+    }
+  }, [lastSignal]);
+  const deletePostVote = (id) => {
+    qetaApi.deletePostVote(id).then((response) => {
+      setOwnVote(0);
+      analytics.captureEvent("vote", "question", { value: 0 });
+      setEntity(response);
+    });
+  };
+  const deleteAnswerVote = (postId, id) => {
+    qetaApi.deleteAnswerVote(postId, id).then((response) => {
+      setOwnVote(0);
+      analytics.captureEvent("vote", "answer", { value: 0 });
+      setEntity(response);
+    });
+  };
+  const voteUp = () => {
+    if (isQuestion) {
+      if (ownVote > 0) {
+        deletePostVote(entity.id);
+        return;
+      }
+      qetaApi.votePostUp(entity.id).then((response) => {
+        setOwnVote(1);
+        analytics.captureEvent("vote", "question", { value: 1 });
+        setEntity(response);
+      });
+    } else if ("postId" in entity) {
+      if (ownVote > 0) {
+        deleteAnswerVote(entity.postId, entity.id);
+        return;
+      }
+      qetaApi.voteAnswerUp(entity.postId, entity.id).then((response) => {
+        setOwnVote(1);
+        analytics.captureEvent("vote", "answer", { value: 1 });
+        setEntity(response);
+      });
+    }
+  };
+  const voteDown = () => {
+    if (isQuestion) {
+      if (ownVote < 0) {
+        deletePostVote(entity.id);
+        return;
+      }
+      qetaApi.votePostDown(entity.id).then((response) => {
+        setOwnVote(-1);
+        analytics.captureEvent("vote", "question", { value: -1 });
+        setEntity(response);
+      });
+    } else if ("postId" in entity) {
+      if (ownVote < 0) {
+        deleteAnswerVote(entity.postId, entity.id);
+        return;
+      }
+      qetaApi.voteAnswerDown(entity.postId, entity.id).then((response) => {
+        setOwnVote(-1);
+        analytics.captureEvent("vote", "answer", { value: -1 });
+        setEntity(response);
+      });
+    }
+  };
+  let correctTooltip = correctAnswer ? t("voteButtons.answer.markIncorrect") : t("voteButtons.answer.markCorrect");
+  if (!entity?.own) {
+    correctTooltip = correctAnswer ? t("voteButtons.answer.marked") : "";
+  }
+  let voteUpTooltip = isQuestion ? t("voteButtons.question.good") : t("voteButtons.answer.good");
+  if (own) {
+    voteUpTooltip = isQuestion ? t("voteButtons.question.own") : t("voteButtons.answer.own");
+  }
+  let voteDownTooltip = isQuestion ? t("voteButtons.question.bad") : t("voteButtons.answer.bad");
+  if (own) {
+    voteDownTooltip = voteUpTooltip;
+  }
+  const toggleCorrectAnswer = () => {
+    if (!("postId" in entity)) {
+      return;
+    }
+    if (correctAnswer) {
+      qetaApi.markAnswerIncorrect(entity.postId, entity.id).then((response) => {
+        if (response) {
+          setCorrectAnswer(false);
+        }
+      });
+    } else {
+      qetaApi.markAnswerCorrect(entity.postId, entity.id).then((response) => {
+        if (response) {
+          setCorrectAnswer(true);
+        }
+      });
+    }
+  };
+  return {
+    entity,
+    ownVote,
+    correctAnswer,
+    score,
+    voteUp,
+    voteDown,
+    toggleCorrectAnswer,
+    voteUpTooltip,
+    voteDownTooltip,
+    correctTooltip
+  };
+}
+
+export { useVoting };
+//# sourceMappingURL=useVoting.esm.js.map

package/dist/hooks/useVoting.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVoting.esm.js","sources":["../../src/hooks/useVoting.ts"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { useTranslation } from './useTranslation';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport {\n  AnswerResponse,\n  PostResponse,\n  QetaSignal,\n} from '@drodil/backstage-plugin-qeta-common';\n\nexport function useVoting(resp: PostResponse | AnswerResponse) {\n  const [entity, setEntity] = React.useState<PostResponse | AnswerResponse>(\n    resp,\n  );\n  const [ownVote, setOwnVote] = React.useState(entity.ownVote ?? 0);\n  const [correctAnswer, setCorrectAnswer] = useState(\n    'postId' in entity ? entity.correct : false,\n  );\n  const [score, setScore] = useState(entity.score);\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n\n  const isQuestion = 'title' in entity;\n  const own = entity.own ?? false;\n\n  const { lastSignal } = useSignal<QetaSignal>(\n    isQuestion ? `qeta:question_${entity.id}` : `qeta:answer_${entity.id}`,\n  );\n\n  useEffect(() => {\n    if (entity) {\n      setScore(entity.score);\n    }\n  }, [entity]);\n\n  useEffect(() => {\n    if (\n      lastSignal?.type === 'post_stats' ||\n      lastSignal?.type === 'answer_stats'\n    ) {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setScore(lastSignal.score);\n    }\n  }, [lastSignal]);\n\n  const deletePostVote = (id: number) => {\n    qetaApi.deletePostVote(id).then(response => {\n      setOwnVote(0);\n      analytics.captureEvent('vote', 'question', { value: 0 });\n      setEntity(response);\n    });\n  };\n\n  const deleteAnswerVote = (postId: number, id: number) => {\n    qetaApi.deleteAnswerVote(postId, id).then(response => {\n      setOwnVote(0);\n      analytics.captureEvent('vote', 'answer', { value: 0 });\n      setEntity(response);\n    });\n  };\n\n  const voteUp = () => {\n    if (isQuestion) {\n      if (ownVote > 0) {\n        deletePostVote(entity.id);\n        return;\n      }\n      qetaApi.votePostUp(entity.id).then(response => {\n        setOwnVote(1);\n        analytics.captureEvent('vote', 'question', { value: 1 });\n        setEntity(response);\n      });\n    } else if ('postId' in entity) {\n      if (ownVote > 0) {\n        deleteAnswerVote(entity.postId, entity.id);\n        return;\n      }\n      qetaApi.voteAnswerUp(entity.postId, entity.id).then(response => {\n        setOwnVote(1);\n        analytics.captureEvent('vote', 'answer', { value: 1 });\n        setEntity(response);\n      });\n    }\n  };\n\n  const voteDown = () => {\n    if (isQuestion) {\n      if (ownVote < 0) {\n        deletePostVote(entity.id);\n        return;\n      }\n      qetaApi.votePostDown(entity.id).then(response => {\n        setOwnVote(-1);\n        analytics.captureEvent('vote', 'question', { value: -1 });\n        setEntity(response);\n      });\n    } else if ('postId' in entity) {\n      if (ownVote < 0) {\n        deleteAnswerVote(entity.postId, entity.id);\n        return;\n      }\n      qetaApi.voteAnswerDown(entity.postId, entity.id).then(response => {\n        setOwnVote(-1);\n        analytics.captureEvent('vote', 'answer', { value: -1 });\n        setEntity(response);\n      });\n    }\n  };\n\n  let correctTooltip: string = correctAnswer\n    ? t('voteButtons.answer.markIncorrect')\n    : t('voteButtons.answer.markCorrect');\n  if (!entity?.own) {\n    correctTooltip = correctAnswer ? t('voteButtons.answer.marked') : '';\n  }\n\n  let voteUpTooltip: string = isQuestion\n    ? t('voteButtons.question.good')\n    : t('voteButtons.answer.good');\n  if (own) {\n    voteUpTooltip = isQuestion\n      ? t('voteButtons.question.own')\n      : t('voteButtons.answer.own');\n  }\n\n  let voteDownTooltip: string = isQuestion\n    ? t('voteButtons.question.bad')\n    : t('voteButtons.answer.bad');\n  if (own) {\n    voteDownTooltip = voteUpTooltip;\n  }\n\n  const toggleCorrectAnswer = () => {\n    if (!('postId' in entity)) {\n      return;\n    }\n    if (correctAnswer) {\n      qetaApi.markAnswerIncorrect(entity.postId, entity.id).then(response => {\n        if (response) {\n          setCorrectAnswer(false);\n        }\n      });\n    } else {\n      qetaApi.markAnswerCorrect(entity.postId, entity.id).then(response => {\n        if (response) {\n          setCorrectAnswer(true);\n        }\n      });\n    }\n  };\n\n  return {\n    entity,\n    ownVote,\n    correctAnswer,\n    score,\n    voteUp,\n    voteDown,\n    toggleCorrectAnswer,\n    voteUpTooltip,\n    voteDownTooltip,\n    correctTooltip,\n  };\n}\n"],"names":[],"mappings":"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"}