Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | import { CircularProgress, Theme, useMediaQuery } from "@material-ui/core"; import { Alert } from "@material-ui/lab"; import Button from "components/Button"; import { ProfileUserProvider } from "features/profile/hooks/useProfileUser"; import UserOverview from "features/profile/view/UserOverview"; import useCurrentUser from "features/userQueries/useCurrentUser"; import { DASHBOARD } from "i18n/namespaces"; import Link from "next/link"; import { useTranslation } from "next-i18next"; import { routeToEditProfile, routeToProfile } from "routes"; import makeStyles from "utils/makeStyles"; import MinimalUserProfileCard from "./MinimalUserProfileCard"; function DashboardUserProfileSummaryActions() { const { t } = useTranslation([DASHBOARD]); return ( <> <Link href={routeToEditProfile()} passHref> <Button component="a" color="primary"> {t("dashboard:profile_summary_edit")} </Button> </Link> <Link href={routeToProfile()} passHref> <Button component="a" variant="outlined"> {t("dashboard:profile_summary_view")} </Button> </Link> </> ); } const useStyles = makeStyles({ loaderContainer: { display: "flex", justifyContent: "center", }, }); export default function DashboardUserProfileSummary() { const { data: user, error, isLoading } = useCurrentUser(); const desktopMode = useMediaQuery((theme: Theme) => theme.breakpoints.up("sm") ); const classes = useStyles(); return ( <> {error && <Alert severity="error">{error}</Alert>} {isLoading ? ( <div className={classes.loaderContainer}> <CircularProgress /> </div> ) : user ? ( desktopMode ? ( <ProfileUserProvider user={user}> <UserOverview actions={<DashboardUserProfileSummaryActions />} showHostAndMeetAvailability /> </ProfileUserProvider> ) : ( <MinimalUserProfileCard user={user} /> ) ) : null} </> ); } |