diff --git a/app/application/users/settings.tsx b/app/application/users/settings.tsx index 414f11a..c7cff57 100644 --- a/app/application/users/settings.tsx +++ b/app/application/users/settings.tsx @@ -1,10 +1,11 @@ -import { Button } from "react-native-paper" +import { Button, Text } from "react-native-paper" +import { View } from "react-native" import { About } from "@/presentation/react-native/components/About" import { useAuthentication } from "@/presentation/react/contexts/Authentication" const SettingsPage: React.FC = () => { - const { logout, authenticationPresenter } = useAuthentication() + const { logout, authenticationPresenter, user } = useAuthentication() const handleLogout = async (): Promise => { await authenticationPresenter.logout() @@ -23,6 +24,34 @@ const SettingsPage: React.FC = () => { Logout } + footer={ + + + Currenty logged in as + + + {user?.displayName} + + + } /> ) } diff --git a/presentation/react-native/components/About.tsx b/presentation/react-native/components/About.tsx index 62f523c..fb5f2d4 100644 --- a/presentation/react-native/components/About.tsx +++ b/presentation/react-native/components/About.tsx @@ -7,10 +7,11 @@ import { getVersion } from "@/utils/version" export interface AboutProps { actionButton: React.ReactNode + footer?: React.ReactNode } export const About: React.FC = (props) => { - const { actionButton } = props + const { actionButton, footer } = props const version = getVersion() @@ -67,6 +68,8 @@ export const About: React.FC = (props) => { P61 Mobile Development + {footer} +