From d7cc7d3ff919fc6d6bda951fd0bef65ca8f94b1c Mon Sep 17 00:00:00 2001
From: wlren <weilinwork99@gmail.com>
Date: Sun, 9 Oct 2022 21:56:37 +0800
Subject: [PATCH] [questions][ui] voting button size

---
 apps/portal/src/components/questions/VotingButtons.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/portal/src/components/questions/VotingButtons.tsx b/apps/portal/src/components/questions/VotingButtons.tsx
index 81a6d7b1..74b9193e 100644
--- a/apps/portal/src/components/questions/VotingButtons.tsx
+++ b/apps/portal/src/components/questions/VotingButtons.tsx
@@ -1,17 +1,23 @@
 import { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline';
+import type { ButtonSize } from '@tih/ui';
 import { Button } from '@tih/ui';
 
 export type VotingButtonsProps = {
+  size?: ButtonSize;
   upvoteCount: number;
 };
 
-export default function VotingButtons({ upvoteCount }: VotingButtonsProps) {
+export default function VotingButtons({
+  upvoteCount,
+  size = 'md',
+}: VotingButtonsProps) {
   return (
     <div className="flex flex-col items-center">
       <Button
         icon={ChevronUpIcon}
         isLabelHidden={true}
         label="Upvote"
+        size={size}
         variant="tertiary"
       />
       <p>{upvoteCount}</p>
@@ -19,6 +25,7 @@ export default function VotingButtons({ upvoteCount }: VotingButtonsProps) {
         icon={ChevronDownIcon}
         isLabelHidden={true}
         label="Downvote"
+        size={size}
         variant="tertiary"
       />
     </div>