0ct0pu5/ente
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Inline

Browse source
This commit is contained in:
Manav Rathi 2024-05-08 19:29:51 +05:30
parent 39bf379788
commit 805c80face
No known key found for this signature in database
2 changed files with 37 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
web/apps/cast/src/components/PairingComplete.tsx
View file

@ -1,37 +0,0 @@
import { styled } from "@mui/material";
import { FilledCircleCheck } from "./FilledCircleCheck";
export const PairingComplete: React.FC = () => {
return (
<PairingComplete_>
<Items>
<FilledCircleCheck />
<h2>Pairing Complete</h2>
<p>
We're preparing your album.
<br /> This should only take a few seconds.
</p>
</Items>
</PairingComplete_>
);
};
const PairingComplete_ = styled("div")`
display: flex;
min-height: 100svh;
justify-content: center;
align-items: center;
line-height: 1.5rem;
h2 {
margin-block-end: 0;
}
`;
const Items = styled("div")`
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
`;

38
web/apps/cast/src/pages/slideshow.tsx
View file

@ -1,5 +1,6 @@
import log from "@/next/log";
import { PairingComplete } from "components/PairingComplete";
import { styled } from "@mui/material";
import { FilledCircleCheck } from "components/FilledCircleCheck";
import { SlideView } from "components/Slide";
import { useRouter } from "next/router";
import { useEffect, useState } from "react";
@ -52,3 +53,38 @@ export default function Slideshow() {
return <SlideView url={imageURL} nextURL={nextImageURL} />;
}
const PairingComplete: React.FC = () => {
return (
<PairingComplete_>
<Items>
<FilledCircleCheck />
<h2>Pairing Complete</h2>
<p>
We're preparing your album.
<br /> This should only take a few seconds.
</p>
</Items>
</PairingComplete_>
);
};
const PairingComplete_ = styled("div")`
display: flex;
min-height: 100svh;
justify-content: center;
align-items: center;
line-height: 1.5rem;
h2 {
margin-block-end: 0;
}
`;
const Items = styled("div")`
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
`;