diff --git a/src/components/global/navbar/User.tsx b/src/components/global/navbar/User.tsx index d288f8f0..d21ac64d 100644 --- a/src/components/global/navbar/User.tsx +++ b/src/components/global/navbar/User.tsx @@ -22,13 +22,14 @@ function User() { const router = useRouter(); const { id_token } = sessions?.user as { id_token: string} || {}; - const handleClose = () => { + const handleClose = (url?: string) => { setAnchorEl(null); + url && router.push(url) }; const dropdown = [ ["My Profile", "/my-profile", "/images/icon-container (2).svg"], - ["API Plans", "/api-plans", "/images/API.svg"], - ["API Keys", "/api-keys", "images/shield-key.svg"], + ["API Plans", "/apiplans", "/images/API.svg"], + ["API Keys", "/apiKeys", "images/shield-key.svg"], ] const propsConfig = { elevation: 0, @@ -76,14 +77,14 @@ function User() { anchorEl={anchorEl} id="user-menu" open={open} - onClose={handleClose} - onClick={handleClose} + onClose={()=>handleClose()} + onClick={()=>handleClose()} PaperProps={ propsConfig} transformOrigin={{ horizontal: 'right', vertical: 'top' }} anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }} > {dropdown?.map((menuItem, index) => ( - + handleClose(menuItem[1])}> @@ -92,12 +93,12 @@ function User() { )) } - + : <> @@ -105,8 +106,8 @@ function User() { variant="outlined" onClick={()=> router.push('/login')} startIcon={}> - Sing In - + Sign In + } ); diff --git a/src/views/ApiKeys/table_data.json b/src/views/ApiKeys/table_data.json index 8c9c82bc..678f1691 100644 --- a/src/views/ApiKeys/table_data.json +++ b/src/views/ApiKeys/table_data.json @@ -4,17 +4,5 @@ { "name": "Created", "sort": true } ], "rows": [ - { - "keys": "0x2824r6o923dqe3d7f", - "created": "08/12/2023" - }, - { - "keys": "0x2824r6o923dqe3d7f", - "created": "08/12/2023" - }, - { - "keys": "0x2824r6o923dqe3d7f", - "created": "08/12/2023" - } ] } diff --git a/src/views/login/login.tsx b/src/views/login/login.tsx index a8a0498e..f8adc6bb 100644 --- a/src/views/login/login.tsx +++ b/src/views/login/login.tsx @@ -75,14 +75,12 @@ const LoginComponent = () => { - -

or