Inline
This commit is contained in:
parent
39bf379788
commit
805c80face
|
@ -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;
|
|
||||||
`;
|
|
|
@ -1,5 +1,6 @@
|
||||||
import log from "@/next/log";
|
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 { SlideView } from "components/Slide";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
|
@ -52,3 +53,38 @@ export default function Slideshow() {
|
||||||
|
|
||||||
return <SlideView url={imageURL} nextURL={nextImageURL} />;
|
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;
|
||||||
|
`;
|
||||||
|
|
Loading…
Reference in a new issue