[questions][chore] refactor and add in todo

apps/portal/src/components/questions/card/QuestionCard.tsx

@@ -43,15 +43,15 @@ export type QuestionCardProps = ActionButtonProps &
   UpvoteProps & {
     content: string;
     location: string;
+    receivedCount: number;
     role: string;
-    similarCount: number;
     timestamp: string;
   };
 
 export default function QuestionCard({
   answerCount,
   content,
-  similarCount,
+  receivedCount,
   showVoteButtons,
   showUserStatistics,
   showActionButton,
@@ -63,7 +63,7 @@ export default function QuestionCard({
   location,
 }: QuestionCardProps) {
   return (
-    <article className="flex gap-4 rounded-md border border-slate-300 p-4 bg-white">
+    <article className="flex gap-4 rounded-md border border-slate-300 bg-white p-4">
       {showVoteButtons && (
         <div className="flex flex-col items-center">
           <Button
@@ -110,7 +110,7 @@ export default function QuestionCard({
             <Button
               addonPosition="start"
               icon={EyeIcon}
-              label={`${similarCount} received this`}
+              label={`${receivedCount} received this`}
               size="sm"
               variant="tertiary"
             />

apps/portal/src/components/questions/ui-patch/RadioGroup.tsx

@@ -11,28 +11,26 @@ export type RadioData = {
 
 export default function RadioGroup({ radioData, onChange }: RadioProps) {
   return (
-    <fieldset
+    <div className="mx-1 space-y-1">
-      onChange={(event: React.FormEvent<HTMLFieldSetElement>) => {
+      {radioData.map((radio) => (
-        const target = event.target as HTMLInputElement;
+        <div key={radio.value} className="flex items-center">
-        onChange(target.value);
+          <input
-      }}>
+            checked={radio.checked}
-      <div className="mx-1 space-y-2">
+            className="text-primary-600 focus:ring-primary-500 h-4 w-4 border-gray-300"
-        {radioData.map((radio) => (
+            type="radio"
-          <div key={radio.value} className="flex items-center">
+            value={radio.value}
-            <input
+            onChange={(event) => {
-              checked={radio.checked}
+              const target = event.target as HTMLInputElement;
-              className="text-primary-600 focus:ring-primary-500 h-4 w-4 border-gray-300"
+              onChange(target.value);
-              type="radio"
+            }}
-              value={radio.value}
+          />
-            />
+          <label
-            <label
+            className="ml-3 min-w-0 flex-1 text-gray-700"
-              className="ml-3 min-w-0 flex-1 text-gray-700"
+            htmlFor={radio.value}>
-              htmlFor={radio.value}>
+            {radio.label}
-              {radio.label}
+          </label>
-            </label>
+        </div>
-          </div>
+      ))}
-        ))}
+    </div>
-      </div>
-    </fieldset>
   );
 }

apps/portal/src/pages/questions/index.tsx

@@ -222,8 +222,8 @@ export default function QuestionsHomePage() {
                   answerCount={0}
                   content="Given an array of integers nums and an integer target, return indices of the two numbers such that they add up. Given an array of integers nums and an integer target, return indices of the two numbers such that they add up. Given an array of integers nums and"
                   location="Menlo Park, CA"
+                  receivedCount={0}
                   role="Senior Engineering Manager"
-                  similarCount={0}
                   timestamp="Last month"
                   upvoteCount={0}
                 />