format

kscalelabs · Jun 10, 2024 · 3952f7d · 3952f7d
1 parent a389181
commit 3952f7d
Show file tree

Hide file tree

Showing 6 changed files with 111 additions and 50 deletions.
diff --git a/frontend/src/pages/PartDetails.tsx b/frontend/src/pages/PartDetails.tsx
@@ -8,10 +8,10 @@ import {
   ButtonGroup,
   Carousel,
   Col,
+  Container,
   Modal,
   Row,
   Spinner,
-  Container, 
 } from "react-bootstrap";
 import Markdown from "react-markdown";
 import { useNavigate, useParams } from "react-router-dom";
@@ -64,13 +64,19 @@ const PartDetails = () => {
   }, [error]);
 
   if (!part) {
-    return <Container fluid className="d-flex justify-content-center align-items-center" style={{ height: '100vh' }}>
-      <Row className="w-100">
-        <Col className="d-flex justify-content-center align-items-center">
-          <Spinner animation="border" />
-        </Col>
-      </Row>
-    </Container>;
+    return (
+      <Container
+        fluid
+        className="d-flex justify-content-center align-items-center"
+        style={{ height: "100vh" }}
+      >
+        <Row className="w-100">
+          <Col className="d-flex justify-content-center align-items-center">
+            <Spinner animation="border" />
+          </Col>
+        </Row>
+      </Container>
+    );
   }
 
   const response: PartDetailsResponse = {

diff --git a/frontend/src/pages/Parts.tsx b/frontend/src/pages/Parts.tsx
@@ -2,7 +2,14 @@ import { useAlertQueue } from "hooks/alerts";
 import { api, Part } from "hooks/api";
 import { useAuthentication } from "hooks/auth";
 import { useEffect, useState } from "react";
-import { Breadcrumb, Card, Col, Row, Spinner, Container } from "react-bootstrap";
+import {
+  Breadcrumb,
+  Card,
+  Col,
+  Container,
+  Row,
+  Spinner,
+} from "react-bootstrap";
 import { useNavigate } from "react-router-dom";
 import { isFulfilled } from "utils/isfullfiled";
 
@@ -59,13 +66,19 @@ const Parts = () => {
   }, [error]);
 
   if (!partsData) {
-    return <Container fluid className="d-flex justify-content-center align-items-center" style={{ height: '100vh' }}>
-      <Row className="w-100">
-        <Col className="d-flex justify-content-center align-items-center">
-          <Spinner animation="border" />
-        </Col>
-      </Row>
-    </Container>;
+    return (
+      <Container
+        fluid
+        className="d-flex justify-content-center align-items-center"
+        style={{ height: "100vh" }}
+      >
+        <Row className="w-100">
+          <Col className="d-flex justify-content-center align-items-center">
+            <Spinner animation="border" />
+          </Col>
+        </Row>
+      </Container>
+    );
   }
 
   return (

diff --git a/frontend/src/pages/RobotDetails.tsx b/frontend/src/pages/RobotDetails.tsx
@@ -8,10 +8,10 @@ import {
   ButtonGroup,
   Carousel,
   Col,
+  Container,
   Modal,
   Row,
   Spinner,
-  Container,
 } from "react-bootstrap";
 import Markdown from "react-markdown";
 import { Link, useNavigate, useParams } from "react-router-dom";
@@ -98,13 +98,19 @@ const RobotDetails = () => {
   }, [error]);
 
   if (!robot) {
-    return <Container fluid className="d-flex justify-content-center align-items-center" style={{ height: '100vh' }}>
-      <Row className="w-100">
-        <Col className="d-flex justify-content-center align-items-center">
-          <Spinner animation="border" />
-        </Col>
-      </Row>
-    </Container>;
+    return (
+      <Container
+        fluid
+        className="d-flex justify-content-center align-items-center"
+        style={{ height: "100vh" }}
+      >
+        <Row className="w-100">
+          <Col className="d-flex justify-content-center align-items-center">
+            <Spinner animation="border" />
+          </Col>
+        </Row>
+      </Container>
+    );
   }
   const response: RobotDetailsResponse = {
     name: robot?.name,

diff --git a/frontend/src/pages/Robots.tsx b/frontend/src/pages/Robots.tsx
@@ -1,7 +1,14 @@
 import { api, Robot } from "hooks/api";
 import { useAuthentication } from "hooks/auth";
 import { useEffect, useState } from "react";
-import { Breadcrumb, Card, Col, Row, Spinner, Container } from "react-bootstrap";
+import {
+  Breadcrumb,
+  Card,
+  Col,
+  Container,
+  Row,
+  Spinner,
+} from "react-bootstrap";
 import { useNavigate } from "react-router-dom";
 import { isFulfilled } from "utils/isfullfiled";
 
@@ -52,15 +59,18 @@ const Robots = () => {
   }, [error, navigate]);
 
   if (!robotsData) {
-    return(
-      <Container fluid className="d-flex justify-content-center align-items-center" style={{ height: '100vh' }}>
-      <Row className="w-100">
-        <Col className="d-flex justify-content-center align-items-center">
-          <Spinner animation="border" />
-        </Col>
-      </Row>
-    </Container>
-
+    return (
+      <Container
+        fluid
+        className="d-flex justify-content-center align-items-center"
+        style={{ height: "100vh" }}
+      >
+        <Row className="w-100">
+          <Col className="d-flex justify-content-center align-items-center">
+            <Spinner animation="border" />
+          </Col>
+        </Row>
+      </Container>
     );
   }
 

diff --git a/frontend/src/pages/YourParts.tsx b/frontend/src/pages/YourParts.tsx
@@ -1,7 +1,14 @@
 import { api, Part } from "hooks/api";
 import { useAuthentication } from "hooks/auth";
 import { useEffect, useState } from "react";
-import { Breadcrumb, Card, Col, Row, Spinner, Container } from "react-bootstrap";
+import {
+  Breadcrumb,
+  Card,
+  Col,
+  Container,
+  Row,
+  Spinner,
+} from "react-bootstrap";
 import { useNavigate } from "react-router-dom";
 
 const YourParts = () => {
@@ -34,13 +41,19 @@ const YourParts = () => {
   }, [error, navigate]);
 
   if (!partsData) {
-    return <Container fluid className="d-flex justify-content-center align-items-center" style={{ height: '100vh' }}>
-      <Row className="w-100">
-        <Col className="d-flex justify-content-center align-items-center">
-          <Spinner animation="border" />
-        </Col>
-      </Row>
-    </Container>;
+    return (
+      <Container
+        fluid
+        className="d-flex justify-content-center align-items-center"
+        style={{ height: "100vh" }}
+      >
+        <Row className="w-100">
+          <Col className="d-flex justify-content-center align-items-center">
+            <Spinner animation="border" />
+          </Col>
+        </Row>
+      </Container>
+    );
   }
 
   return (

diff --git a/frontend/src/pages/YourRobots.tsx b/frontend/src/pages/YourRobots.tsx
@@ -1,7 +1,14 @@
 import { api, Robot } from "hooks/api";
 import { useAuthentication } from "hooks/auth";
 import { useEffect, useState } from "react";
-import { Breadcrumb, Card, Col, Row, Spinner, Container } from "react-bootstrap";
+import {
+  Breadcrumb,
+  Card,
+  Col,
+  Container,
+  Row,
+  Spinner,
+} from "react-bootstrap";
 import { useNavigate } from "react-router-dom";
 
 const YourRobots = () => {
@@ -35,13 +42,19 @@ const YourRobots = () => {
   }, [error, navigate]);
 
   if (!robotsData) {
-    return <Container fluid className="d-flex justify-content-center align-items-center" style={{ height: '100vh' }}>
-      <Row className="w-100">
-        <Col className="d-flex justify-content-center align-items-center">
-          <Spinner animation="border" />
-        </Col>
-      </Row>
-    </Container>;
+    return (
+      <Container
+        fluid
+        className="d-flex justify-content-center align-items-center"
+        style={{ height: "100vh" }}
+      >
+        <Row className="w-100">
+          <Col className="d-flex justify-content-center align-items-center">
+            <Spinner animation="border" />
+          </Col>
+        </Row>
+      </Container>
+    );
   }
 
   return (