From 2360c07aec13b7d842a73ebe39b7e73885e1388d Mon Sep 17 00:00:00 2001
From: Jeff Sieu <jeffsy00@gmail.com>
Date: Wed, 9 Nov 2022 12:18:13 +0800
Subject: [PATCH] [questions][ui] add calendar icon to timestamp

---
 .../questions/card/question/BaseQuestionCard.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/portal/src/components/questions/card/question/BaseQuestionCard.tsx b/apps/portal/src/components/questions/card/question/BaseQuestionCard.tsx
index 0ebe99fe..1b321d11 100644
--- a/apps/portal/src/components/questions/card/question/BaseQuestionCard.tsx
+++ b/apps/portal/src/components/questions/card/question/BaseQuestionCard.tsx
@@ -2,6 +2,7 @@ import clsx from 'clsx';
 import { useMemo, useState } from 'react';
 import {
   BuildingOfficeIcon,
+  CalendarIcon,
   MapPinIcon,
   UserCircleIcon,
 } from '@heroicons/react/20/solid';
@@ -224,12 +225,15 @@ export default function BaseQuestionCard({
               </>
             )}
             {timestamp !== null && (
-              <p className="text-xs">
-                {timestamp.toLocaleDateString(undefined, {
-                  month: 'short',
-                  year: 'numeric',
-                })}
-              </p>
+              <div className="flex items-center text-slate-500">
+                <CalendarIcon className="mr-1.5 h-5 w-5 flex-shrink-0 text-slate-400" />
+                <p className="text-xs font-medium">
+                  {timestamp.toLocaleDateString(undefined, {
+                    month: 'short',
+                    year: 'numeric',
+                  })}
+                </p>
+              </div>
             )}
             {showAddToList && (
               <div className="pl-4">