From acaa5dbb92dbae844e91e6dfa50cbf4161278da7 Mon Sep 17 00:00:00 2001
From: wlren <weilinwork99@gmail.com>
Date: Mon, 10 Oct 2022 16:42:45 +0800
Subject: [PATCH] [questions][chore] minor bug fixes

---
 .../src/components/questions/VotingButtons.tsx | 18 ++++++++++++++++++
 .../components/questions/card/QuestionCard.tsx |  5 ++++-
 .../answer/[answerId]/[answerSlug]/index.tsx   |  2 +-
 .../[questionId]/[questionSlug]/index.tsx      |  2 ++
 apps/portal/src/pages/questions/index.tsx      |  2 +-
 5 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/apps/portal/src/components/questions/VotingButtons.tsx b/apps/portal/src/components/questions/VotingButtons.tsx
index 74b9193e..51b96b34 100644
--- a/apps/portal/src/components/questions/VotingButtons.tsx
+++ b/apps/portal/src/components/questions/VotingButtons.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline';
 import type { ButtonSize } from '@tih/ui';
 import { Button } from '@tih/ui';
@@ -11,6 +12,21 @@ export default function VotingButtons({
   upvoteCount,
   size = 'md',
 }: VotingButtonsProps) {
+  const handleUpvote = (event: React.MouseEvent) => {
+    event.preventDefault();
+
+    event.stopPropagation();
+    console.log('upvote');
+  };
+
+  const handleDownVote = (event: React.MouseEvent) => {
+    event.preventDefault();
+
+    event.stopPropagation();
+
+    console.log('downvote');
+  };
+
   return (
     <div className="flex flex-col items-center">
       <Button
@@ -19,6 +35,7 @@ export default function VotingButtons({
         label="Upvote"
         size={size}
         variant="tertiary"
+        onClick={handleUpvote}
       />
       <p>{upvoteCount}</p>
       <Button
@@ -27,6 +44,7 @@ export default function VotingButtons({
         label="Downvote"
         size={size}
         variant="tertiary"
+        onClick={handleDownVote}
       />
     </div>
   );
diff --git a/apps/portal/src/components/questions/card/QuestionCard.tsx b/apps/portal/src/components/questions/card/QuestionCard.tsx
index 75e95dd2..b643f031 100644
--- a/apps/portal/src/components/questions/card/QuestionCard.tsx
+++ b/apps/portal/src/components/questions/card/QuestionCard.tsx
@@ -41,6 +41,7 @@ type ActionButtonProps =
 export type QuestionCardProps = ActionButtonProps &
   StatisticsProps &
   UpvoteProps & {
+    company: string;
     content: string;
     href?: string;
     location: string;
@@ -51,6 +52,7 @@ export type QuestionCardProps = ActionButtonProps &
   };
 
 export default function QuestionCard({
+  company,
   answerCount,
   content,
   // ReceivedCount,
@@ -70,7 +72,8 @@ export default function QuestionCard({
       {showVoteButtons && <VotingButtons upvoteCount={upvoteCount} />}
       <div className="flex flex-col gap-2">
         <div className="flex items-baseline justify-between">
-          <div className="flex items-center gap-2 text-slate-500">
+          <div className="flex items-baseline gap-2 text-slate-500">
+            <h2 className="ml-1 text-lg">{company}</h2>
             <Badge label={type} variant="primary" />
             <p className="text-xs">
               {timestamp} · {location} · {role}
diff --git a/apps/portal/src/pages/questions/[questionId]/[questionSlug]/answer/[answerId]/[answerSlug]/index.tsx b/apps/portal/src/pages/questions/[questionId]/[questionSlug]/answer/[answerId]/[answerSlug]/index.tsx
index aac0a7a2..d1c0e2a8 100644
--- a/apps/portal/src/pages/questions/[questionId]/[questionSlug]/answer/[answerId]/[answerSlug]/index.tsx
+++ b/apps/portal/src/pages/questions/[questionId]/[questionSlug]/answer/[answerId]/[answerSlug]/index.tsx
@@ -47,7 +47,7 @@ export default function QuestionPage() {
     'questions.answers.comments.create',
     {
       onSuccess: () => {
-        utils.invalidateQuery([
+        utils.invalidateQueries([
           'questions.answers.comments.getAnswerComments',
           { answerId: answerId as string },
         ]);
diff --git a/apps/portal/src/pages/questions/[questionId]/[questionSlug]/index.tsx b/apps/portal/src/pages/questions/[questionId]/[questionSlug]/index.tsx
index f75fb1cb..29233351 100644
--- a/apps/portal/src/pages/questions/[questionId]/[questionSlug]/index.tsx
+++ b/apps/portal/src/pages/questions/[questionId]/[questionSlug]/index.tsx
@@ -29,6 +29,7 @@ export default function QuestionPage() {
   const {
     register: ansRegister,
     handleSubmit,
+    reset: resetAnswer,
     formState: { isDirty, isValid },
   } = useForm<AnswerQuestionData>({ mode: 'onChange' });
   const answerRegister = useFormRegister(ansRegister);
@@ -86,6 +87,7 @@ export default function QuestionPage() {
       content: data.answerContent,
       questionId: questionId as string,
     });
+    resetAnswer();
   };
 
   const handleSubmitComment = (data: QuestionCommentData) => {
diff --git a/apps/portal/src/pages/questions/index.tsx b/apps/portal/src/pages/questions/index.tsx
index 41e2cee7..d3d9efaa 100644
--- a/apps/portal/src/pages/questions/index.tsx
+++ b/apps/portal/src/pages/questions/index.tsx
@@ -179,7 +179,6 @@ export default function QuestionsHomePage() {
   if (!loaded) {
     return null;
   }
-
   const filterSidebar = (
     <div className="divide-y divide-slate-200 px-4">
       <FilterSection
@@ -282,6 +281,7 @@ export default function QuestionsHomePage() {
                 <QuestionOverviewCard
                   key={question.id}
                   answerCount={question.numAnswers}
+                  company={question.company}
                   content={question.content}
                   href={`/questions/${question.id}/${createSlug(
                     question.content,