test: moment js

Author: TeeGoood

package.json

@@ -22,6 +22,7 @@
     "clsx": "^2.1.1",
     "dayjs": "^1.11.12",
     "framer-motion": "^11.3.8",
+    "moment": "^2.30.1",
     "next": "14.2.4",
     "next-image-zoom": "^1.1.7",
     "next-qrcode": "^2.5.1",

pnpm-lock.yaml

@@ -12,6 +12,7 @@ import { CheckIn } from '@/types/checkIn';
 import { FRESHYNIGHT_EVENT, RPKM_DAY_1, RPKM_DAY_2 } from '@/utils/date';
 import dayjs from 'dayjs';
 import StudentCodeInput from '@/components/rpkm/staff/home/qrscanner/StudentCodeInput';
+import moment from 'moment';
 
 function Page() {
   const [eventText, setEventText] = useState<string>('');
@@ -87,7 +88,12 @@ function Page() {
           <div>
             ผู้ใช้สแกน QR-code นี้แล้ว
             <br />
-            {`เมื่อเวลา ${date.format('HH:mm')} น.`}
+            <div>{newCheckInData.checkIn.timestamp}</div>
+            <div> {`เมื่อเวลา ${date.format('HH:mm')} น.`}</div>
+            <div>
+              {' '}
+              {`momentjs:  ${moment(newCheckInData.checkIn.timestamp).format('HH:mm')} น.`}
+            </div>
           </div>
         );
         setErrorTopic('Already taken!');