From 46c2b3a01450c1adec0662e0b61f81359cc62d4e Mon Sep 17 00:00:00 2001 From: Christine <132790780+aesteri@users.noreply.github.com> Date: Sun, 6 Oct 2024 18:32:11 +0900 Subject: [PATCH 01/13] integrated checkpoints --- src/App.tsx | 26 +++++++++++++++++-- src/Navbar.tsx | 41 ++++++++++++++++++++++++++++++ src/components/SearchBar.tsx | 33 ++++++++++++++----------- src/css/App.css | 38 ++++++++++++++++++++++++++++ src/css/Navbar.css | 48 ++++++++++++++++++++++++++++++++++++ src/css/PreviewCard.css | 6 ++--- src/css/SearchBar.css | 13 ++++++---- 7 files changed, 180 insertions(+), 25 deletions(-) create mode 100644 src/Navbar.tsx create mode 100644 src/css/App.css create mode 100644 src/css/Navbar.css diff --git a/src/App.tsx b/src/App.tsx index fbc0092..e404ccb 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,12 +1,34 @@ import "@mantine/core/styles.css"; import { MantineProvider } from "@mantine/core"; import { theme } from "@/theme"; -import PreviewCard from "./components/PreviewCard"; +import Navbar from "@/Navbar.tsx"; +import SearchBar from "@/components/SearchBar"; +import "@/css/App.css"; +import DataTable from "@/components/DataTable"; +import PreviewCard from "@/components/PreviewCard";; + export default function App() { return ( - +
+ {/* Navbar at the top */} +
+ +
+ +
+ {/* Two column layout for DataTable and an empty component */} +
+ +
+
+
+

made by Frontend team 2024

+
+
+ + {/* */} ); } diff --git a/src/Navbar.tsx b/src/Navbar.tsx new file mode 100644 index 0000000..3b7b8f1 --- /dev/null +++ b/src/Navbar.tsx @@ -0,0 +1,41 @@ +import "@mantine/core/styles.css"; +import {} from "@mantine/core"; + +import "@/css/Navbar.css"; +// import favicon from "../public/favicon.ico"; + +import { useState } from "react"; + +const mainLinksData = [ + { name: "Files", url: "https://hytechracing.gatech.edu/" }, + { name: "Documentation", url: "https://hytechracing.gatech.edu/" }, + { name: "Changelog", url: "https://hytechracing.gatech.edu/" }, +]; + +export default function Navbar() { + const hytechName = "Hytech Racing checkpoint 1"; + const [activeLink, setActiveLink] = useState(); + const links = mainLinksData.map(({ name, url }) => ( + { + setActiveLink(name); + }} + > + {name} + + )); + + return ( + + ); +} \ No newline at end of file diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index 9c46067..cd94a6c 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -3,7 +3,8 @@ import { data } from "@/data/sampledata"; import { eventType, location } from "@/data/dataFilters"; import "@/css/SearchBar.css"; // import DataCard from "./DataCard"; -import DataTable from "./DataTable"; +import DataTable from "@components/DataTable"; +import PreviewCard from "./PreviewCard"; function SearchBarWithFilter() { const [searchTerm, setSearchTerm] = useState(""); @@ -14,7 +15,8 @@ function SearchBarWithFilter() { beforeDate: "", afterDate: "", }); - + const style = { + }; useEffect(() => { // add code to get data from server here // setFilteredData(serverData) @@ -80,7 +82,18 @@ function SearchBarWithFilter() { }; return ( -
+
+ + {/* Display Filtered Data */} +
+
+
+ +
+ +
+
+

Search and Filter Data

@@ -151,18 +164,8 @@ function SearchBarWithFilter() {
- {/* Display Filtered Data */} -
-
-

Filtered Results:

- {filteredData.length === 0 ? ( -

No results found

- ) : ( - // - - )} -
-
+ +
); } diff --git a/src/css/App.css b/src/css/App.css new file mode 100644 index 0000000..b470aec --- /dev/null +++ b/src/css/App.css @@ -0,0 +1,38 @@ +.app-container { + height: 100vh; + display: flex; + flex-direction: column; +} + +.navbar { + background-color: #f0f0f0; + width: 100%; + position: fixed; + /*so table doesn't cover it - make sure it stays on top of other elements*/ + z-index: 1000; +} + +.search-bar { + background-color: #e0e0e0; + border-radius: 0; +} + +.main-content { + display: flex; + flex: 1; + height: 500px; + padding-top: 50px; +} +.column-content { + display: flex; + flex-direction: column; + flex: 1; +} + + +.footer { + padding: 2em; + text-align: center; + background: #9b8b5de5; + color: white; +} \ No newline at end of file diff --git a/src/css/Navbar.css b/src/css/Navbar.css new file mode 100644 index 0000000..bcbb948 --- /dev/null +++ b/src/css/Navbar.css @@ -0,0 +1,48 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); + +nav { + padding: 15px 0; + background: linear-gradient(90deg, #b8b5aa, #907d48); + display: flex; + height: 50px; + align-items: center; +} + +.nav-link { + padding: 10px 20px; + text-decoration: none; + color: #495057; + background-color: transparent; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + transition: all 0.2s ease-in-out; + display: inline-block; + margin-right: 10px; + font-family: 'Roboto', sans-serif; +} + +.nav-link.active { + background-color: #FFBF00; + font-weight: bold; +} + +.nav-link:hover { + color: white; + background-color: #FFD700; + font-style: oblique; +} + +.navbar-icon { + height: 30px; + margin-right: 20px; + margin-left: 20px; +} + +.hytechName { + margin-left: auto; + margin-right: 10px; + border-radius: 5px; + color: white; + font-weight: 900; +} \ No newline at end of file diff --git a/src/css/PreviewCard.css b/src/css/PreviewCard.css index 0c54e9c..449d707 100644 --- a/src/css/PreviewCard.css +++ b/src/css/PreviewCard.css @@ -1,9 +1,9 @@ .preview-container { - width: 75%; - height: 30%; + width: 100%; + height: auto; justify-content: center; - margin: 20px; background-color: lightgrey; + flex: 1; } .image-column { diff --git a/src/css/SearchBar.css b/src/css/SearchBar.css index 478ee81..811c9cd 100644 --- a/src/css/SearchBar.css +++ b/src/css/SearchBar.css @@ -1,9 +1,9 @@ .results-container { - width: 100vw; height: auto; - display: flex; + display: flex; justify-content: center; align-items: center; + flex: 1; } .results-container h2 { @@ -11,15 +11,18 @@ text-align: center; } +.Search { + display: flex; +} + .search-filter-container { background-color: #f8f9fa; padding: 20px; border-radius: 10px; width: 100%; - max-width: 800px; - margin: 0 auto; + flex: 1; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - margin-top: 2em; + max-width: 500px; } .search-filter-container h1 { From 909c72f3cd83ee29ffb928d67a534ccbd623a20f Mon Sep 17 00:00:00 2001 From: Christine <132790780+aesteri@users.noreply.github.com> Date: Sun, 6 Oct 2024 18:36:50 +0900 Subject: [PATCH 02/13] integrated checkpoints --- src/App.tsx | 11 +++-------- src/Navbar.tsx | 1 - src/components/SearchBar.tsx | 2 +- src/css/App.css | 6 ------ 4 files changed, 4 insertions(+), 16 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index e404ccb..0460ea3 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -4,25 +4,20 @@ import { theme } from "@/theme"; import Navbar from "@/Navbar.tsx"; import SearchBar from "@/components/SearchBar"; import "@/css/App.css"; -import DataTable from "@/components/DataTable"; -import PreviewCard from "@/components/PreviewCard";; export default function App() { return (
- {/* Navbar at the top */}
-
- {/* Two column layout for DataTable and an empty component */} -
- -
+
+
+

made by Frontend team 2024

diff --git a/src/Navbar.tsx b/src/Navbar.tsx index 3b7b8f1..338a799 100644 --- a/src/Navbar.tsx +++ b/src/Navbar.tsx @@ -2,7 +2,6 @@ import "@mantine/core/styles.css"; import {} from "@mantine/core"; import "@/css/Navbar.css"; -// import favicon from "../public/favicon.ico"; import { useState } from "react"; diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index cd94a6c..9f4751a 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -4,7 +4,7 @@ import { eventType, location } from "@/data/dataFilters"; import "@/css/SearchBar.css"; // import DataCard from "./DataCard"; import DataTable from "@components/DataTable"; -import PreviewCard from "./PreviewCard"; +import PreviewCard from "@/components/PreviewCard"; function SearchBarWithFilter() { const [searchTerm, setSearchTerm] = useState(""); diff --git a/src/css/App.css b/src/css/App.css index b470aec..a9a95aa 100644 --- a/src/css/App.css +++ b/src/css/App.css @@ -23,12 +23,6 @@ height: 500px; padding-top: 50px; } -.column-content { - display: flex; - flex-direction: column; - flex: 1; -} - .footer { padding: 2em; From 89c4fb6e29fba2a1136e1a6eb44fc38f873a0396 Mon Sep 17 00:00:00 2001 From: Christine <132790780+aesteri@users.noreply.github.com> Date: Sun, 6 Oct 2024 19:04:33 +0900 Subject: [PATCH 03/13] integrated checkpoints --- src/components/SearchBar.tsx | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index 9f4751a..da3d6d6 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -15,8 +15,6 @@ function SearchBarWithFilter() { beforeDate: "", afterDate: "", }); - const style = { - }; useEffect(() => { // add code to get data from server here // setFilteredData(serverData) @@ -87,9 +85,7 @@ function SearchBarWithFilter() { {/* Display Filtered Data */}
-
- -
+
From 4a46f278aa1fd5dfaf7c1ba64f85e81c6f22582c Mon Sep 17 00:00:00 2001 From: Christine <132790780+aesteri@users.noreply.github.com> Date: Sun, 6 Oct 2024 19:11:16 +0900 Subject: [PATCH 04/13] fixed path --- src/App.tsx | 2 +- src/{ => components}/Navbar.tsx | 2 -- 2 files changed, 1 insertion(+), 3 deletions(-) rename src/{ => components}/Navbar.tsx (99%) diff --git a/src/App.tsx b/src/App.tsx index 0460ea3..40eafce 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,7 +1,7 @@ import "@mantine/core/styles.css"; import { MantineProvider } from "@mantine/core"; import { theme } from "@/theme"; -import Navbar from "@/Navbar.tsx"; +import Navbar from "@/components/Navbar"; import SearchBar from "@/components/SearchBar"; import "@/css/App.css"; diff --git a/src/Navbar.tsx b/src/components/Navbar.tsx similarity index 99% rename from src/Navbar.tsx rename to src/components/Navbar.tsx index 338a799..4c94c46 100644 --- a/src/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -1,8 +1,6 @@ import "@mantine/core/styles.css"; import {} from "@mantine/core"; - import "@/css/Navbar.css"; - import { useState } from "react"; const mainLinksData = [ From 5665f938ac59adae8360d348d3eaeb0b421879d2 Mon Sep 17 00:00:00 2001 From: Christine <132790780+aesteri@users.noreply.github.com> Date: Sun, 6 Oct 2024 19:47:27 +0900 Subject: [PATCH 05/13] fixed layout --- src/components/SearchBar.tsx | 9 ++++++--- src/css/PreviewCard.css | 1 - src/css/SearchBar.css | 15 +++++++++------ 3 files changed, 15 insertions(+), 10 deletions(-) diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index da3d6d6..17092ab 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -84,9 +84,12 @@ function SearchBarWithFilter() { {/* Display Filtered Data */}
-
- - +
+ +
+ +
+
diff --git a/src/css/PreviewCard.css b/src/css/PreviewCard.css index 449d707..11cf424 100644 --- a/src/css/PreviewCard.css +++ b/src/css/PreviewCard.css @@ -3,7 +3,6 @@ height: auto; justify-content: center; background-color: lightgrey; - flex: 1; } .image-column { diff --git a/src/css/SearchBar.css b/src/css/SearchBar.css index 811c9cd..8168ca1 100644 --- a/src/css/SearchBar.css +++ b/src/css/SearchBar.css @@ -1,13 +1,16 @@ .results-container { - height: auto; - display: flex; - justify-content: center; - align-items: center; flex: 1; + display: flex; + flex-direction: column; } -.results-container h2 { - width: 100%; + +.table-contain-result { + text-align: center; + flex: 1; +} + +.preview-contain-result { text-align: center; } From 075cfe6372f5cbdd8fb781674649db6c5c5deeca Mon Sep 17 00:00:00 2001 From: BANANAPEEL202 Date: Sun, 6 Oct 2024 16:34:21 -0400 Subject: [PATCH 06/13] decoupling preview and data table from searchbar --- src/App.tsx | 24 +++++++++++++++++++----- src/components/SearchBar.tsx | 23 +++++------------------ 2 files changed, 24 insertions(+), 23 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 40eafce..1b93969 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -4,9 +4,14 @@ import { theme } from "@/theme"; import Navbar from "@/components/Navbar"; import SearchBar from "@/components/SearchBar"; import "@/css/App.css"; - +import DataTable from "@/components/DataTable"; +import PreviewCard from "./components/PreviewCard"; +import { data } from "@/data/sampledata"; +import { useState } from "react"; export default function App() { + const [filteredData, setFilteredData] = useState(data); + return (
@@ -15,14 +20,23 @@ export default function App() {
- +
+
+ +
+ +
+ +
+
+
-

made by Frontend team 2024

-
+

made by Frontend team 2024

+
- + {/* */} ); diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index 17092ab..d130fa5 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -2,13 +2,13 @@ import React, { useState, useEffect } from "react"; import { data } from "@/data/sampledata"; import { eventType, location } from "@/data/dataFilters"; import "@/css/SearchBar.css"; -// import DataCard from "./DataCard"; -import DataTable from "@components/DataTable"; -import PreviewCard from "@/components/PreviewCard"; -function SearchBarWithFilter() { +interface SearchBarWithFilterProps { + setFilteredData: React.Dispatch>; +} + +function SearchBarWithFilter({ setFilteredData }: SearchBarWithFilterProps) { const [searchTerm, setSearchTerm] = useState(""); - const [filteredData, setFilteredData] = useState(data); const [filters, setFilters] = useState({ location: "", eventType: "", @@ -81,17 +81,7 @@ function SearchBarWithFilter() { return (
- {/* Display Filtered Data */} -
-
- -
- -
- -
-

Search and Filter Data

@@ -162,9 +152,6 @@ function SearchBarWithFilter() {
- - -
); } From f28ff6577b0907f6b880a8596e701250d58646dc Mon Sep 17 00:00:00 2001 From: BANANAPEEL202 Date: Sun, 6 Oct 2024 16:43:07 -0400 Subject: [PATCH 07/13] capitalizing the T in HyTech --- src/components/Navbar.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 4c94c46..1d1289d 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -10,7 +10,7 @@ const mainLinksData = [ ]; export default function Navbar() { - const hytechName = "Hytech Racing checkpoint 1"; + const hytechName = "HyTech Racing Checkpoint 1"; const [activeLink, setActiveLink] = useState(); const links = mainLinksData.map(({ name, url }) => ( - Logo - {links} + Logo + {links} {/* Optionally render active link or other content here */}

{hytechName}

); -} \ No newline at end of file +} From a4a7d726f94d2892c7af8d047e653be7ba7eeb7f Mon Sep 17 00:00:00 2001 From: BANANAPEEL202 Date: Sun, 6 Oct 2024 17:22:43 -0400 Subject: [PATCH 08/13] added dropdown download button --- src/components/PreviewCard.tsx | 80 +++++++++++++++++++++++++++------- 1 file changed, 64 insertions(+), 16 deletions(-) diff --git a/src/components/PreviewCard.tsx b/src/components/PreviewCard.tsx index dc1f82d..d656484 100644 --- a/src/components/PreviewCard.tsx +++ b/src/components/PreviewCard.tsx @@ -1,6 +1,6 @@ import React from "react"; -import { Text, Button, Grid } from "@mantine/core"; -import { IconDownload } from "@tabler/icons-react"; +import { Text, Button, Grid, Menu, rem } from "@mantine/core"; +import { IconDownload, IconChevronDown, IconFile } from "@tabler/icons-react"; import "@/css/PreviewCard.css"; function PreviewCard() { @@ -72,20 +72,8 @@ function PreviewCard() { gap: "10px", }} > - - + +
@@ -94,3 +82,63 @@ function PreviewCard() { } export default PreviewCard; + +interface DownloadButtonProps { + buttonText: string; +} + +export function DownloadButton({ buttonText }: DownloadButtonProps) { + return ( + + + + + + + } + > + File_1 + + + + } + > + File_2 + + + + } + > + File_3 + + + + ); +} From cb408ab2d3d3ebc852b12e03840ada0e0bd903c4 Mon Sep 17 00:00:00 2001 From: BANANAPEEL202 Date: Tue, 8 Oct 2024 19:37:29 -0400 Subject: [PATCH 09/13] delete footer --- src/App.tsx | 4 ---- src/components/PreviewCard.stories.tsx | 13 +++++++++++++ 2 files changed, 13 insertions(+), 4 deletions(-) create mode 100644 src/components/PreviewCard.stories.tsx diff --git a/src/App.tsx b/src/App.tsx index 1b93969..765bc23 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -31,10 +31,6 @@ export default function App() {
- -
-

made by Frontend team 2024

-
{/* */} diff --git a/src/components/PreviewCard.stories.tsx b/src/components/PreviewCard.stories.tsx new file mode 100644 index 0000000..2a2bdf4 --- /dev/null +++ b/src/components/PreviewCard.stories.tsx @@ -0,0 +1,13 @@ +import type { Meta, StoryObj } from "@storybook/react"; + +import PreviewCard from "./PreviewCard"; + +const meta = { + component: PreviewCard, +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = {}; From 2e1d7dc496b3b8f64c04296b88082bd6ddbfb496 Mon Sep 17 00:00:00 2001 From: Cyra Alesha Date: Tue, 8 Oct 2024 20:03:39 -0400 Subject: [PATCH 10/13] sizing-check --- src/App.tsx | 12 ++++-------- src/css/App.css | 10 ++++++++-- src/css/SearchBar.css | 7 ++++--- 3 files changed, 16 insertions(+), 13 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 1b93969..774e04e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -25,16 +25,12 @@ export default function App() { -
- -
+ + +
+
- - -
-

made by Frontend team 2024

-
{/* */} diff --git a/src/css/App.css b/src/css/App.css index a9a95aa..cfa9c85 100644 --- a/src/css/App.css +++ b/src/css/App.css @@ -22,11 +22,17 @@ flex: 1; height: 500px; padding-top: 50px; + flex-direction: column; +} + +.results-container { + display: flex; + flex-direction: row; } .footer { - padding: 2em; text-align: center; background: #9b8b5de5; color: white; -} \ No newline at end of file +} + diff --git a/src/css/SearchBar.css b/src/css/SearchBar.css index 8168ca1..4c36231 100644 --- a/src/css/SearchBar.css +++ b/src/css/SearchBar.css @@ -16,8 +16,11 @@ .Search { display: flex; + max-width: 360px; + } + .search-filter-container { background-color: #f8f9fa; padding: 20px; @@ -29,7 +32,7 @@ } .search-filter-container h1 { - font-size: 1.8em; + font-size: 1.5em; text-align: center; color: #333; margin-bottom: 20px; @@ -67,7 +70,6 @@ } .filter-select { - margin-top: 8px; padding: 10px; font-size: 1em; border-radius: 10px; @@ -82,7 +84,6 @@ } .date-picker { - margin-top: 8px; padding: 10px; font-size: 1em; border-radius: 10px; From 86781ed5a895e9a7b6f78378dcc9af16debebc52 Mon Sep 17 00:00:00 2001 From: Cyra Alesha Date: Tue, 8 Oct 2024 20:07:52 -0400 Subject: [PATCH 11/13] fon --- src/css/SearchBar.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/css/SearchBar.css b/src/css/SearchBar.css index 4c36231..1ac2651 100644 --- a/src/css/SearchBar.css +++ b/src/css/SearchBar.css @@ -17,6 +17,7 @@ .Search { display: flex; max-width: 360px; + font-size: 15px; } @@ -32,7 +33,7 @@ } .search-filter-container h1 { - font-size: 1.5em; + font-size: 25px; text-align: center; color: #333; margin-bottom: 20px; @@ -43,7 +44,6 @@ padding: 12px; border-radius: 30px; border: 1px solid #ddd; - font-size: 1em; outline: none; transition: box-shadow 0.2s ease-in-out; } @@ -63,7 +63,6 @@ .filter-options label { display: flex; flex-direction: column; - font-size: 1em; color: #555; margin-bottom: 10px; flex: 1 1 48%; @@ -71,7 +70,6 @@ .filter-select { padding: 10px; - font-size: 1em; border-radius: 10px; border: 1px solid #ddd; background-color: #fff; From c52765d06c4ec4206658e1bbd97740ce1cef88f3 Mon Sep 17 00:00:00 2001 From: BANANAPEEL202 Date: Tue, 8 Oct 2024 20:42:32 -0400 Subject: [PATCH 12/13] fixing paths to be consistent format --- src/App.tsx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 774e04e..3e0b03f 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,13 +1,13 @@ import "@mantine/core/styles.css"; import { MantineProvider } from "@mantine/core"; -import { theme } from "@/theme"; -import Navbar from "@/components/Navbar"; -import SearchBar from "@/components/SearchBar"; -import "@/css/App.css"; -import DataTable from "@/components/DataTable"; -import PreviewCard from "./components/PreviewCard"; -import { data } from "@/data/sampledata"; +import { theme } from "./theme"; +import { data } from "./data/sampledata"; import { useState } from "react"; +import Navbar from "./components/Navbar"; +import SearchBar from "./components/SearchBar"; +import "./css/App.css"; +import DataTable from "./components/DataTable"; +import PreviewCard from "./components/PreviewCard"; export default function App() { const [filteredData, setFilteredData] = useState(data); From 5243adfc9a21ae94707fb55be4127acd1b03a660 Mon Sep 17 00:00:00 2001 From: BANANAPEEL202 Date: Tue, 8 Oct 2024 20:43:46 -0400 Subject: [PATCH 13/13] switching from ./ to @/ --- src/App.tsx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 3e0b03f..545cf7e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,13 +1,13 @@ import "@mantine/core/styles.css"; import { MantineProvider } from "@mantine/core"; -import { theme } from "./theme"; -import { data } from "./data/sampledata"; +import { theme } from "@/theme"; +import { data } from "@/data/sampledata"; import { useState } from "react"; -import Navbar from "./components/Navbar"; -import SearchBar from "./components/SearchBar"; -import "./css/App.css"; -import DataTable from "./components/DataTable"; -import PreviewCard from "./components/PreviewCard"; +import Navbar from "@/components/Navbar"; +import SearchBar from "@/components/SearchBar"; +import "@/css/App.css"; +import DataTable from "@/components/DataTable"; +import PreviewCard from "@/components/PreviewCard"; export default function App() { const [filteredData, setFilteredData] = useState(data);