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 69 70 | 3x 3x 3x 1x | import { Button } from "@common/Button";
import { Text } from "@common/Text";
import { palette } from "@palette";
import { useResetApp } from "@hooks/common/useHandleLogout";
import { Stack } from "@mui/material";
//phosphor icons do not support gradients
function GradientSvg() {
return (
<svg
width="82"
height="83"
viewBox="0 0 82 83"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M81.6248 44.8846C80.9609 52.6033 78.1063 59.9718 73.3968 66.1232C68.6874 72.2746 62.3191 76.953 55.0411 79.608C47.7631 82.263 39.8782 82.7841 32.314 81.1101C24.7499 79.436 17.8213 75.6365 12.3432 70.1584C6.86513 64.6804 3.06557 57.7517 1.39154 50.1876C-0.282482 42.6234 0.238661 34.7385 2.89366 27.4605C5.54866 20.1825 10.2271 13.8142 16.3785 9.10478C22.5299 4.39536 29.8983 1.54076 37.617 0.876828C38.0274 0.842971 38.4404 0.890277 38.8325 1.01604C39.2246 1.14181 39.5881 1.34358 39.9022 1.60982C40.2163 1.87606 40.4749 2.20157 40.6633 2.56775C40.8516 2.93394 40.9659 3.33363 40.9998 3.74402C41.0336 4.1544 40.9863 4.56743 40.8606 4.95953C40.7348 5.35162 40.533 5.71511 40.2668 6.02924C40.0006 6.34336 39.675 6.60197 39.3089 6.79029C38.9427 6.97862 38.543 7.09297 38.1326 7.12683C31.5997 7.68813 25.3631 10.1037 20.1565 14.0892C14.9498 18.0747 10.9899 23.4644 8.74246 29.6242C6.49506 35.7839 6.05375 42.4575 7.47043 48.8595C8.88712 55.2616 12.1029 61.1258 16.7393 65.7623C21.3758 70.3987 27.24 73.6145 33.6421 75.0312C40.0442 76.4479 46.7177 76.0066 52.8774 73.7592C59.0372 71.5118 64.4269 67.5518 68.4124 62.3452C72.398 57.1385 74.8135 50.9019 75.3748 44.369C75.4432 43.5402 75.838 42.7725 76.4724 42.2348C77.1068 41.6971 77.9288 41.4335 78.7576 41.5018C79.5864 41.5702 80.3541 41.965 80.8918 42.5994C81.4295 43.2338 81.6932 44.0558 81.6248 44.8846ZM37.8748 19.6268V41.5018C37.8748 42.3306 38.204 43.1255 38.7901 43.7115C39.3761 44.2976 40.171 44.6268 40.9998 44.6268H62.8748C63.7036 44.6268 64.4985 44.2976 65.0845 43.7115C65.6706 43.1255 65.9998 42.3306 65.9998 41.5018C65.9998 40.673 65.6706 39.8782 65.0845 39.2921C64.4985 38.7061 63.7036 38.3768 62.8748 38.3768H44.1248V19.6268C44.1248 18.798 43.7956 18.0032 43.2095 17.4171C42.6235 16.8311 41.8286 16.5018 40.9998 16.5018C40.171 16.5018 39.3761 16.8311 38.7901 17.4171C38.204 18.0032 37.8748 18.798 37.8748 19.6268ZM53.4998 10.2518C54.4269 10.2518 55.3332 9.97691 56.104 9.46184C56.8749 8.94677 57.4757 8.21469 57.8305 7.35816C58.1853 6.50163 58.2781 5.55913 58.0972 4.64984C57.9164 3.74056 57.4699 2.90532 56.8144 2.24977C56.1588 1.59421 55.3236 1.14777 54.4143 0.966897C53.505 0.786029 52.5625 0.878857 51.706 1.23364C50.8494 1.58843 50.1173 2.18924 49.6023 2.96009C49.0872 3.73095 48.8123 4.63723 48.8123 5.56433C48.8123 6.80753 49.3062 7.99981 50.1852 8.87889C51.0643 9.75797 52.2566 10.2518 53.4998 10.2518ZM67.5623 19.6268C68.4894 19.6268 69.3957 19.3519 70.1665 18.8368C70.9374 18.3218 71.5382 17.5897 71.893 16.7332C72.2478 15.8766 72.3406 14.9341 72.1597 14.0248C71.9789 13.1156 71.5324 12.2803 70.8769 11.6248C70.2213 10.9692 69.3861 10.5228 68.4768 10.3419C67.5675 10.161 66.625 10.2539 65.7685 10.6086C64.9119 10.9634 64.1798 11.5642 63.6648 12.3351C63.1497 13.1059 62.8748 14.0122 62.8748 14.9393C62.8748 16.1825 63.3687 17.3748 64.2477 18.2539C65.1268 19.133 66.3191 19.6268 67.5623 19.6268ZM76.9373 33.6893C77.8644 33.6893 78.7707 33.4144 79.5415 32.8993C80.3124 32.3843 80.9132 31.6522 81.268 30.7957C81.6228 29.9391 81.7156 28.9966 81.5347 28.0873C81.3539 27.1781 80.9074 26.3428 80.2519 25.6873C79.5963 25.0317 78.7611 24.5853 77.8518 24.4044C76.9425 24.2235 76 24.3164 75.1435 24.6711C74.2869 25.0259 73.5548 25.6267 73.0398 26.3976C72.5247 27.1684 72.2498 28.0747 72.2498 29.0018C72.2498 30.245 72.7437 31.4373 73.6227 32.3164C74.5018 33.1955 75.6941 33.6893 76.9373 33.6893Z"
fill="url(#paint0_linear_178_11859)"
/>
<defs>
<linearGradient
id="paint0_linear_178_11859"
x1="81.6354"
y1="0.866211"
x2="2.51522"
y2="84.0536"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#72ECF0" />
<stop offset="1" stopColor="#528DDF" />
</linearGradient>
</defs>
</svg>
);
}
export function SessionExpired() {
const { handleReset } = useResetApp();
return (
<Stack
alignItems="center"
justifyContent="center"
height="100vh"
spacing={2}
>
<div style={{ padding: "8px" }}>
<GradientSvg />
</div>
<Text color={palette.neutral[100]} fontSize="24px" fontWeight="light">
Your session has expired
</Text>
<Text color={palette.neutral[70]} fontSize="14px" fontWeight="regular">
Please log in again to continue
</Text>
<Button
onClick={() => {
handleReset();
}}
sx={{ marginTop: 2 }}
size="medium"
>
Login
</Button>
</Stack>
);
}
|