diff --git a/frontend/src/Pages/AdminPage/AdminPage.module.scss b/frontend/src/Pages/AdminPage/AdminPage.module.scss index 4ce7e70a9..2715aa1f9 100644 --- a/frontend/src/Pages/AdminPage/AdminPage.module.scss +++ b/frontend/src/Pages/AdminPage/AdminPage.module.scss @@ -24,6 +24,10 @@ opacity: 0.5; } +.mdb_user { + // No styling yet as this will be done whenever the page gets redesigned +} + .preferences_header { margin-top: 2em; margin-bottom: 1em; diff --git a/frontend/src/Pages/AdminPage/AdminPage.tsx b/frontend/src/Pages/AdminPage/AdminPage.tsx index e91f6307b..d0eb08e56 100644 --- a/frontend/src/Pages/AdminPage/AdminPage.tsx +++ b/frontend/src/Pages/AdminPage/AdminPage.tsx @@ -1,12 +1,14 @@ import { Icon } from '@iconify/react'; import { useTranslation } from 'react-i18next'; import { ToggleSwitch } from '~/Components'; +import { Link } from '~/Components'; import { Page } from '~/Components/Page'; import { useAuthContext } from '~/context/AuthContext'; import { useGlobalContext } from '~/context/GlobalContextProvider'; import { useTitle } from '~/hooks'; import { KEY } from '~/i18n/constants'; -import { getRandomEntryFromList } from '~/utils'; +import { SAMF3_MEMBER_URL } from '~/routes/samf-three'; +import { getRandomEntryFromList, lowerCapitalize } from '~/utils'; import styles from './AdminPage.module.scss'; import { WISEWORDS } from './data'; @@ -28,6 +30,21 @@ export function AdminPage() { {user?.last_name}

{WISEWORD}

+ {user?.mdb_medlem_id ? ( +
+ {`${lowerCapitalize(t(KEY.adminpage_profile_connected_to_mdb))} `} + + {t(KEY.common_the_member_database)} + +
+ ) : ( +
+ {`${lowerCapitalize(t(KEY.adminpage_profile_not_connected_to_mdb))} `} + + {t(KEY.common_the_member_database)} + +
+ )} {/* TODO make proper personal landing page with preferences etc */}
Preferences
diff --git a/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx b/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx index 22b22d358..234b045d9 100644 --- a/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx +++ b/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx @@ -147,15 +147,17 @@ export function AdminLayout() { )} {/** Connect to MDB button */} - - - {t(KEY.common_member_database)} - + {!user?.mdb_medlem_id ? ( + + + {t(KEY.common_member_database)} + + ) : null} {/* Logout */}