diff --git a/public/profile/Background.svg b/public/profile/Background.svg deleted file mode 100644 index 0a79146..0000000 --- a/public/profile/Background.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/public/user/registered-prepare/Background.png b/public/user/registered-prepare/Background.png deleted file mode 100644 index aecb235..0000000 Binary files a/public/user/registered-prepare/Background.png and /dev/null differ diff --git a/public/user/registered-prepare/Background.svg b/public/user/registered-prepare/Background.svg deleted file mode 100644 index 0a79146..0000000 --- a/public/user/registered-prepare/Background.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/public/user/registered-prepare/Logo.svg b/public/user/registered-prepare/Logo.svg deleted file mode 100644 index 59ae584..0000000 --- a/public/user/registered-prepare/Logo.svg +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/components/profile/Header.tsx b/src/components/profile/Header.tsx index 792a2bf..453ce5e 100644 --- a/src/components/profile/Header.tsx +++ b/src/components/profile/Header.tsx @@ -1,8 +1,15 @@ +'use client'; + import Image from 'next/image'; import { getImageURL } from '@/utils/image'; +import { useAuth } from '@/contexts/auth'; -export default function header() { - const username = 'Yang'; +export default function Header() { + const { user } = useAuth(); + let username = user?.name; + if (username) { + username = username.split(' ')[0]; + } return (
diff --git a/src/components/profile/Ticket/Information.tsx b/src/components/profile/Ticket/Information.tsx index f8a4aee..3a4bed5 100644 --- a/src/components/profile/Ticket/Information.tsx +++ b/src/components/profile/Ticket/Information.tsx @@ -1,14 +1,20 @@ -export default function Inf() { - const ID = '0123456789'; - const fname = 'พงษ์บุริศร์ ว่องไชยกุล'; +'use client'; +import { useLiff } from '@/contexts/liff'; +import { useAuth } from '@/contexts/auth'; +export default function Inf() { + const { client } = useLiff(); + const context = client?.getContext(); + const userId = context?.userId || ''; + const { user } = useAuth(); + const username = user?.name; return (

- #UID{ID} + #UID{userId}

- {fname} + {username}

diff --git a/src/components/profile/Ticket/Qrcode.tsx b/src/components/profile/Ticket/Qrcode.tsx index 2d4a5c1..ce51be6 100644 --- a/src/components/profile/Ticket/Qrcode.tsx +++ b/src/components/profile/Ticket/Qrcode.tsx @@ -1,9 +1,15 @@ +'use client'; + import React from 'react'; import QRCode from 'react-qr-code'; import Image from 'next/image'; import { getImageURL } from '@/utils/image'; +import { useLiff } from '@/contexts/liff'; export default function QR() { + const { client } = useLiff(); + const context = client?.getContext(); + const userId = context?.userId || ''; return (
@@ -16,7 +22,7 @@ export default function QR() {

Your QR-Code

- +
); diff --git a/src/components/profile/Ticket/Ticket.tsx b/src/components/profile/Ticket/Ticket.tsx index eb2a5d2..9b9fe9f 100644 --- a/src/components/profile/Ticket/Ticket.tsx +++ b/src/components/profile/Ticket/Ticket.tsx @@ -14,7 +14,7 @@ export default function Ticket() {
-
+
diff --git a/src/components/registered-prepare/Header.tsx b/src/components/registered-prepare/Header.tsx index 47f8cf7..dae707e 100644 --- a/src/components/registered-prepare/Header.tsx +++ b/src/components/registered-prepare/Header.tsx @@ -8,7 +8,7 @@ export default function header() {