diff --git a/README.md b/README.md new file mode 100644 index 0000000..42c9e82 --- /dev/null +++ b/README.md @@ -0,0 +1,57 @@ +# Data Depot Frontend + +## Overview + +Data Depot is a web application designed to facilitate data preparation for deal-making using the Filecoin Virtual Machine (FVM). The application allows users to upload files, generate Content Addressable Representations (CARs), and manage their data efficiently. + +## Features + +- User authentication and authorization +- File upload functionality with progress tracking +- Dashboard for managing uploaded files +- Responsive design for various devices +- Disclaimer bar for important notices + +## Technologies Used + +- **Frontend**: React, TypeScript, Vite +- **Styling**: SASS, Material-UI +- **Routing**: React Router +- **State Management**: React Hooks +- **API Calls**: Axios + +## Installation + +To get started with the Data Depot frontend, follow these steps: + +1. Clone the repository: + ```bash + git clone https://github.com/yourusername/data-depot-frontend.git + cd data-depot-frontend + ``` + +2. Install the dependencies: + ```bash + npm install + ``` + +3. Start the development server: + ```bash + npm run dev + ``` + +4. Open your browser and navigate to [http://localhost:3000](http://localhost:3000) (or the port specified in your terminal). + +## Project Structure + +The project structure is organized as follows: + +- **App.tsx**: Main application component. +- **Components/**: Reusable components used throughout the application. +- **Containers/**: Components that manage state and logic. +- **Pages/**: Different pages of the application. +- **Utils/**: Utility functions and services. +- **styles/**: Global styles and SASS files. + +--- + diff --git a/src/App.tsx b/src/App.tsx index 25e263d..e53f36c 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -8,7 +8,6 @@ import { DisclaimerBar } from "./Containers"; function App() { return (
- {/* */} }> }> diff --git a/src/Components/FilterTab/FilterTab.tsx b/src/Components/FilterTab/FilterTab.tsx index b080c43..cd59a60 100644 --- a/src/Components/FilterTab/FilterTab.tsx +++ b/src/Components/FilterTab/FilterTab.tsx @@ -52,26 +52,6 @@ const FilterTab: React.FC = ({ filesData, setFilteredFilesData }) => { return (
- {/*
-
setActiveTab("all")} - > - All URLs -
-
setActiveTab("active")} - > - Active URLs -
-
setActiveTab("expired")} - > - Expired URLs -
-
*/}
- {/* */}
diff --git a/src/Components/LoginHeader/LoginHeader.tsx b/src/Components/LoginHeader/LoginHeader.tsx index 175f332..97c71e4 100644 --- a/src/Components/LoginHeader/LoginHeader.tsx +++ b/src/Components/LoginHeader/LoginHeader.tsx @@ -22,7 +22,6 @@ function LoginHeader() { onClickOutside={() => setIsPopoverOpen(false)} content={
- {/*

Arpit_B

*/}

{ logout() @@ -33,7 +32,6 @@ function LoginHeader() {

- {/* */}
); diff --git a/src/Components/StatBox/StatBox.tsx b/src/Components/StatBox/StatBox.tsx index ea48798..afabd06 100644 --- a/src/Components/StatBox/StatBox.tsx +++ b/src/Components/StatBox/StatBox.tsx @@ -50,14 +50,6 @@ const StatBox: React.FC = ({ userDetails, filesData,showData }) => {

Total Files Uploaded

{statData?.totalFiles}

- - {/*
-

Active Percentage

-

- {statData?.activePercentage} - % -

-
*/}
diff --git a/src/Containers/TableContainer/TableContainer.tsx b/src/Containers/TableContainer/TableContainer.tsx index 22ad10a..116c153 100644 --- a/src/Containers/TableContainer/TableContainer.tsx +++ b/src/Containers/TableContainer/TableContainer.tsx @@ -32,7 +32,6 @@ const TableContainer: React.FC = ({ showData }) => { File ID File Name - {/* Status */} CarFile Link
(A1) @@ -72,16 +71,6 @@ const TableContainer: React.FC = ({ showData }) => { - {/* { - Navigator.push(`/dashboard/view-file/${item?.id}`, { - state: { data: item }, - }); - }} - > - - */} - {/*
-

Please Note: The Data Depot service has been depreciated. For more info, reach out to us on our Telegram group.

-
*/}
diff --git a/src/Pages/LoginPanel/Dashboard/Dashboard.tsx b/src/Pages/LoginPanel/Dashboard/Dashboard.tsx index dd13569..fd02c76 100644 --- a/src/Pages/LoginPanel/Dashboard/Dashboard.tsx +++ b/src/Pages/LoginPanel/Dashboard/Dashboard.tsx @@ -23,7 +23,6 @@ useEffect(() => { if (userDetail !== undefined && userDetail?.status === 200) { setUserDetails(userDetail.data ?? {}); - // setUserName(userDetail?.data) } })(); }, []); @@ -35,7 +34,6 @@ useEffect(() => { - {/* */}
); } diff --git a/src/Utils/GlobalNavigation/NavigationSetter.tsx b/src/Utils/GlobalNavigation/NavigationSetter.tsx index 684220c..c608d60 100644 --- a/src/Utils/GlobalNavigation/NavigationSetter.tsx +++ b/src/Utils/GlobalNavigation/NavigationSetter.tsx @@ -3,7 +3,6 @@ import Navigator from "./navigationHistory"; import { FunctionComponent } from 'react'; -// Set NavigationSetter between BrowserRouter on index.js export const NavigationSetter: FunctionComponent = () => { Navigator.navigate = useNavigate(); diff --git a/src/Utils/Services/Other.ts b/src/Utils/Services/Other.ts index a0951e3..a0bb55a 100644 --- a/src/Utils/Services/Other.ts +++ b/src/Utils/Services/Other.ts @@ -22,7 +22,6 @@ export function getCookieValue(key: string) { } export const bytesToString = (bytes: number) => { - // function takes in bytes and returns corresponding string value with suitable Prefix (KB,MB,GB) let incrementor = 0; let size = bytes; do { @@ -40,7 +39,6 @@ export const bytesToString = (bytes: number) => { }; export const copyToClipboard = (text: string) => { - // Allows user to copy the given text on clipboard navigator.clipboard.writeText(text); notify("Copied To Clipboard", "success"); };