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

Clean up EnteSpinner

Browse source
This commit is contained in:
Manav Rathi 2024-03-28 17:13:50 +05:30
parent ac01f7a12a
commit 5867af3a2f
No known key found for this signature in database
4 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
web/apps/payments/src/components/EnteSpinner.tsx
View file

@ -1,10 +1,10 @@
import * as React from "react";
import { Spinner } from "react-bootstrap";
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export default function EnteSpinner(props: any) {
export const EnteSpinner: React.FC = () => {
return (
<Spinner {...props} animation="border" variant="success" role="status">
<Spinner animation="border" variant="success" role="status">
<span className="sr-only">Loading...</span>
</Spinner>
);
}
};

1
web/apps/payments/src/pages/_app.tsx
View file

@ -14,4 +14,5 @@ function MyApp({ Component, pageProps }: AppProps) {
</>
);
}
export default MyApp;

4
web/apps/payments/src/pages/desktop-redirect.tsx
View file

@ -1,5 +1,5 @@
import { Container } from "components/Container";
import EnteSpinner from "components/EnteSpinner";
import { EnteSpinner } from "components/EnteSpinner";
import * as React from "react";
export default function DesktopRedirect() {
@ -12,7 +12,7 @@ export default function DesktopRedirect() {
return (
<Container>
<EnteSpinner animation="border" />
<EnteSpinner />
</Container>
);
}

5
web/apps/payments/src/pages/index.tsx
View file

@ -1,5 +1,5 @@
import { Container } from "components/Container";
import EnteSpinner from "components/EnteSpinner";
import { EnteSpinner } from "components/EnteSpinner";
import * as React from "react";
import { parseAndHandleRequest } from "services/billingService";
import { CUSTOM_ERROR } from "utils/error";
@ -8,6 +8,7 @@ import constants from "utils/strings";
export default function Home() {
const [errorMessageView, setErrorMessageView] = React.useState(false);
const [loading, setLoading] = React.useState(false);
React.useEffect(() => {
async function main() {
try {
@ -34,7 +35,7 @@ export default function Home() {
{errorMessageView ? (
<div>{constants.SOMETHING_WENT_WRONG}</div>
) : (
loading && <EnteSpinner animation="border" />
loading && <EnteSpinner />
)}
</Container>
);