You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
930 B
26 lines
930 B
import { BrandPill } from "@/components/layout/BrandPill"; |
|
import { Loading } from "@/components/layout/Loading"; |
|
import { BlurEllipsis } from "@/pages/layouts/SubPageLayout"; |
|
|
|
export function MigrationPart() { |
|
return ( |
|
<div className="flex flex-col justify-center items-center h-screen text-center font-medium"> |
|
{/* Overlaid elements */} |
|
<BlurEllipsis /> |
|
<div className="right-[calc(2rem+env(safe-area-inset-right))] top-6 absolute"> |
|
<BrandPill /> |
|
</div> |
|
|
|
{/* Content */} |
|
<Loading /> |
|
<p className="max-w-[19rem] mt-3 mb-12 text-type-secondary"> |
|
Please hold, we are migrating your data. This shouldn't take long. |
|
Also, fuck you. |
|
</p> |
|
<div className="w-[8rem] h-1 rounded-full bg-progress-background bg-opacity-25 mb-2"> |
|
<div className="w-1/4 h-full bg-progress-filled rounded-full" /> |
|
</div> |
|
<p>25%</p> |
|
</div> |
|
); |
|
}
|
|
|