From 9d5695f9aac81b1b9d43e5b8628d6e46dfacdb65 Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Sun, 10 Nov 2024 15:45:43 +0100
Subject: [PATCH] fix(frontend): removed CardGrid and ContentSpinner components

---
 .../src/components/CardGrid/CardGrid.tsx      | 60 -------------------
 .../src/components/Spinner/ContentSpinner.tsx | 52 ----------------
 2 files changed, 112 deletions(-)
 delete mode 100644 agenta-web/src/components/CardGrid/CardGrid.tsx
 delete mode 100644 agenta-web/src/components/Spinner/ContentSpinner.tsx

diff --git a/agenta-web/src/components/CardGrid/CardGrid.tsx b/agenta-web/src/components/CardGrid/CardGrid.tsx
deleted file mode 100644
index 06899d729b..0000000000
--- a/agenta-web/src/components/CardGrid/CardGrid.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React, {useState} from "react"
-import {Card, Button, Row, Col} from "antd"
-import {createUseStyles} from "react-jss"
-
-const useStyles = createUseStyles({
-    card: {
-        width: 300,
-        height: "250px",
-        marginBottom: "20px",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-    },
-    cardBtn: {
-        height: "200px",
-        width: "220px",
-    },
-})
-
-const CardGrid = () => {
-    const classes = useStyles()
-    const [cards, setCards] = useState([1]) // initial state with one card
-
-    const addCard = () => {
-        const newCard = cards.length + 1
-        setCards([...cards, newCard])
-    }
-
-    return (
-        <div>
-            {" "}
-            {/* Add padding here for spacing at sides */}
-            <Row gutter={16}>
-                {" "}
-                {/* gutter adds spacing between columns */}
-                {cards.map((card, index) => (
-                    <Col key={index} span={6}>
-                        {" "}
-                        {/* each card takes 1/4 of the row */}
-                        <Card className={classes.card}>
-                            {card === cards.length ? ( // display + in the last card
-                                <Button
-                                    type="primary"
-                                    onClick={addCard}
-                                    className={classes.cardBtn}
-                                >
-                                    +
-                                </Button>
-                            ) : (
-                                <div>{`App ${card}`}</div> // display app name
-                            )}
-                        </Card>
-                    </Col>
-                ))}
-            </Row>
-        </div>
-    )
-}
-
-export default CardGrid
diff --git a/agenta-web/src/components/Spinner/ContentSpinner.tsx b/agenta-web/src/components/Spinner/ContentSpinner.tsx
deleted file mode 100644
index 62915e819d..0000000000
--- a/agenta-web/src/components/Spinner/ContentSpinner.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from "react"
-import {Spin} from "antd"
-import {createUseStyles} from "react-jss"
-
-type Props = {
-    text?: string
-    containerProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
-    innerContainerProps?: React.DetailedHTMLProps<
-        React.HTMLAttributes<HTMLDivElement>,
-        HTMLDivElement
-    >
-    spinnerProps?: React.ComponentProps<typeof Spin>
-}
-
-const useStyles = createUseStyles({
-    container: {
-        width: "100%",
-        height: "100%",
-        flex: 1,
-        display: "grid",
-        placeItems: "center",
-    },
-    inner: {
-        display: "inline-block",
-        textAlign: "center",
-    },
-})
-
-const ContentSpinner: React.FC<Props> = ({
-    text,
-    containerProps,
-    innerContainerProps,
-    spinnerProps,
-}) => {
-    const classes = useStyles()
-
-    return (
-        <div
-            {...containerProps}
-            className={`${classes.container} ${containerProps?.className || ""}`}
-        >
-            <div
-                {...innerContainerProps}
-                className={`${classes.inner} ${innerContainerProps?.className || ""}`}
-            >
-                <Spin {...spinnerProps} tip={text} />
-            </div>
-        </div>
-    )
-}
-
-export default ContentSpinner