Merge pull request #68 from codex-storage/releases/v0.0.8

Releases/v0.0.8

.github/workflows/playwright.yml

@@ -112,16 +112,6 @@ jobs:
       - name: Build
         run: npm run build
 
-      # - uses: actions/cache@v4
-      #   id: playwright-browsers-cache
-      #   with:
-      #     path: ~/.cache/ms-playwright
-      #     key: ${{ runner.os }}-node-${{ hashFiles('**/playwright.config.ts') }}
-
-      # - if: steps.playwright-browsers-cache.outputs.cache-hit != 'true'
-      #   name: Install Playwright Browsers
-      #   run: npx playwright install --with-deps
-
       - name: Install Playwright Browsers
         run: npx playwright install --with-deps
 

.github/workflows/unit-testing.yml

@@ -0,0 +1,39 @@
+name: Unit Tests
+
+on:
+  push:
+    branches:
+      - "**"
+  pull_request:
+    branches:
+      - "**"
+  workflow_dispatch:
+
+env:
+  VITE_CODEX_API_URL: ${{ secrets.VITE_CODEX_API_URL }}
+  VITE_GEO_IP_URL: ${{ secrets.VITE_GEO_IP_URL }}
+jobs:
+  tests:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - name: Install dependencies
+        run: sudo apt update
+
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - uses: actions/cache@v4
+        id: npm-cache
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run unit tests
+        run: npm run test:unit

e2e/availabilities.spec.ts

@@ -1,9 +1,9 @@
 import test, { expect } from "@playwright/test";
 
-test('creates an availability', async ({ page }) => {
-    await page.goto('/dashboard');
-    await page.getByRole('link', { name: 'Sales' }).click();
-    await page.getByRole('button').first().click();
+test('create an availability', async ({ page }) => {
+    await page.goto('/dashboard/availabilities');
+    await page.waitForTimeout(500);
+    await page.locator('.availabilities-create').first().click();
     await page.getByLabel('Total size').click();
     await page.getByLabel('Total size').fill('0.50');
     await page.getByLabel('Duration').click();
@@ -17,7 +17,7 @@ test('creates an availability', async ({ page }) => {
     await page.getByLabel('Nickname').fill('test');
     await page.getByRole('button', { name: 'Next' }).click();
     await expect(page.getByText('Confirm your new sale')).toBeVisible();
-    await page.locator('small').filter({ hasText: /^512\.0 MB$/ }).click();
+    await expect(page.getByText('512.0 MB').first()).toBeVisible();
     await page.getByRole('button', { name: 'Next' }).click();
     await expect(page.getByText('Success', { exact: true })).toBeVisible();
     await page.getByRole('button', { name: 'Finish' }).click();
@@ -26,31 +26,32 @@ test('creates an availability', async ({ page }) => {
 
 test('availability navigation buttons', async ({ page }) => {
     await page.goto('/dashboard/availabilities');
-    await page.getByRole('button').first().click();
+    await page.waitForTimeout(500);
+    await page.locator('.availabilities-create').first().click();
     await expect(page.locator('.stepper-number-done')).not.toBeVisible()
-    await expect(page.locator('.stepper-number-active')).toBeVisible()
-    await expect(page.locator('.stepper-buttons .button--primary')).not.toHaveAttribute("disabled");
-    await expect(page.locator('.stepper-buttons .button--outline')).not.toHaveAttribute("disabled");
+    await expect(page.locator('.step--active')).toBeVisible()
+    await expect(page.locator('footer .button--primary')).not.toHaveAttribute("disabled");
+    await expect(page.locator('footer .button--outline').first()).not.toHaveAttribute("disabled");
     await page.getByLabel('Total size').click();
     await page.getByLabel('Total size').fill('19');
-    await expect(page.locator('.stepper-buttons .button--outline')).not.toHaveAttribute("disabled");
-    await expect(page.locator('.stepper-buttons .button--primary')).toHaveAttribute("disabled");
+    await expect(page.locator('footer .button--outline').first()).not.toHaveAttribute("disabled");
+    await expect(page.locator('footer .button--primary')).toHaveAttribute("disabled");
     await page.getByLabel('Total size').click();
     await page.getByLabel('Total size').fill('0.5');
     await page.getByRole('button', { name: 'Next' }).click();
-    await expect(page.locator('.stepper-buttons .button--outline')).not.toHaveAttribute("disabled");
-    await expect(page.locator('.stepper-buttons .button--primary')).not.toHaveAttribute("disabled");
-    await expect(page.locator('.stepper-number-done')).toBeVisible()
-    await expect(page.locator('.stepper-number-active')).toBeVisible()
+    await expect(page.locator('footer .button--outline').first()).not.toHaveAttribute("disabled");
+    await expect(page.locator('footer .button--primary')).not.toHaveAttribute("disabled");
+    await expect(page.locator('.step--done')).toBeVisible()
+    await expect(page.locator('.step--active')).toBeVisible()
     await page.getByRole('button', { name: 'Back' }).click();
-    await expect(page.locator('.stepper-number-done')).not.toBeVisible()
-    await expect(page.locator('.stepper-number-active')).toBeVisible()
+    await expect(page.locator('.step--done')).not.toBeVisible()
+    await expect(page.locator('.step--active')).toBeVisible()
     await page.getByRole('button', { name: 'Next' }).click();
     await page.getByRole('button', { name: 'Next' }).click();
-    await expect(page.locator('.stepper-number-done')).toHaveCount(2)
-    await expect(page.locator('.stepper-number-active')).toBeVisible()
-    await expect(page.locator('.stepper-buttons .button--outline')).toHaveAttribute("disabled");
-    await expect(page.locator('.stepper-buttons .button--primary')).not.toHaveAttribute("disabled");
+    await expect(page.locator('.step--done')).toHaveCount(2)
+    await expect(page.locator('.step--active')).toBeVisible()
+    await expect(page.locator('footer .button--outline').first()).toHaveAttribute("disabled");
+    await expect(page.locator('footer .button--primary')).not.toHaveAttribute("disabled");
     await page.getByRole('button', { name: 'Finish' }).click();
     await expect(page.locator('.modal--open')).not.toBeVisible();
 })

e2e/download.spec.ts

@@ -1,32 +1,31 @@
-import { test, expect } from '@playwright/test';
-import { readFileSync } from 'fs';
-import path, { dirname } from 'path';
-import { fileURLToPath } from 'url';
+// import { test, expect } from '@playwright/test';
+// import path, { dirname } from 'path';
+// import { fileURLToPath } from 'url';
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
+// const __filename = fileURLToPath(import.meta.url);
+// const __dirname = dirname(__filename);
 
-test('download a file', async ({ page, browserName }) => {
-    // https://github.com/microsoft/playwright/issues/13037
-    test.skip(browserName.toLowerCase() !== 'chromium',
-        `Test only for chromium!`);
+// test('download a file', async ({ page, browserName }) => {
+//     // https://github.com/microsoft/playwright/issues/13037
+//     test.skip(browserName.toLowerCase() !== 'chromium',
+//         `Test only for chromium!`);
 
-    await page.goto('/dashboard');
-    await page.locator('div').getByTestId("upload").setInputFiles([
-        path.join(__dirname, "assets", 'chatgpt.jpg'),
-    ]);
-    await page.context().grantPermissions(["clipboard-read", "clipboard-write"]);
-    await page.locator('.files-fileActions > button:nth-child(3)').first().click();
-    await page.getByRole('button', { name: 'Copy CID' }).click();
-    const handle = await page.evaluateHandle(() => navigator.clipboard.readText());
-    const cid = await handle.jsonValue()
-    await page.locator('.sheets-container > .backdrop').click();
-    await page.getByPlaceholder('CID').click();
-    await page.getByPlaceholder('CID').fill(cid);
-    const page1Promise = page.waitForEvent('popup');
-    const downloadPromise = page.waitForEvent('download');
-    await page.locator('div').filter({ hasText: /^Download a fileDownload$/ }).getByRole('button').click();
-    const page1 = await page1Promise;
-    const download = await downloadPromise;
-    expect(await download.failure()).toBeNull()
-});
+//     await page.goto('/dashboard');
+//     await page.locator('div').getByTestId("upload").setInputFiles([
+//         path.join(__dirname, "assets", 'chatgpt.jpg'),
+//     ]);
+//     await page.context().grantPermissions(["clipboard-read", "clipboard-write"]);
+//     await page.locator('.files-fileActions > button:nth-child(3)').first().click();
+//     await page.getByRole('button', { name: 'Copy CID' }).click();
+//     const handle = await page.evaluateHandle(() => navigator.clipboard.readText());
+//     const cid = await handle.jsonValue()
+//     await page.locator('.sheets > .backdrop').click();
+//     await page.locator('.download-input input').click();
+//     await page.locator('.download-input input').fill(cid);
+//     // const page1Promise = page.waitForEvent('popup');
+//     const downloadPromise = page.waitForEvent('download');
+//     await page.locator('div').filter({ hasText: /^Download a fileDownload$/ }).getByRole('button').click();
+//     // const page1 = await page1Promise;
+//     const download = await downloadPromise;
+//     expect(await download.failure()).toBeNull()
+// });

e2e/folders.spec.ts

@@ -0,0 +1,20 @@
+import test, { expect } from "@playwright/test";
+
+test('create a folder', async ({ page }) => {
+    await page.goto('/dashboard');
+    await page.locator('#folder').click();
+    await page.locator('#folder').fill('abc');
+    await expect(page.getByText('Enter the folder name')).toBeVisible();
+    await page.locator('#folder').fill('abc ');
+    await expect(page.getByText('9 alpha characters maximum')).toBeVisible();
+    await page.locator('#folder').fill('abc !');
+    await expect(page.getByText('9 alpha characters maximum')).toBeVisible();
+    await page.locator('#folder').fill('abc )');
+    await expect(page.getByText('9 alpha characters maximum')).toBeVisible();
+    await page.locator('#folder').fill('Favorites )');
+    await expect(page.getByText('This folder already exists')).toBeVisible();
+    await page.locator('#folder').fill('abc-_');
+    await expect(page.getByText('Enter the folder name')).toBeVisible();
+    await page.getByRole('button', { name: 'Folder' }).click();
+    await expect(page.locator('span').filter({ hasText: 'abc-_' })).toBeVisible();
+})

e2e/onboarding.spec.ts

@@ -0,0 +1,41 @@
+import { test, expect } from '@playwright/test';
+
+test('onboarding steps', async ({ page }) => {
+  await page.context().setOffline(false)
+  await page.goto('/');
+  await expect(page.getByText("Codex is a durable, decentralised data storage protocol, created so the world community can preserve its most important knowledge without risk of censorship.")).toBeVisible()
+  await page.locator('.navigation').click();
+  await expect(page.locator('.navigation')).toHaveAttribute("aria-disabled");
+  await page.getByLabel('Preferred name').fill('Arnaud');
+  await expect(page.locator('.navigation')).not.toHaveAttribute("aria-disabled");
+  await page.locator('.navigation').click();
+
+  // Network
+  await expect(page.locator(".health-checks ul li").nth(1).getByTestId("icon-error")).not.toBeVisible()
+  await expect(page.locator(".health-checks ul li").nth(1).getByTestId("icon-success")).toBeVisible()
+
+  // Port forwarding
+  await expect(page.locator(".health-checks ul li").nth(2).getByTestId("icon-error")).not.toBeVisible()
+  await expect(page.locator(".health-checks ul li").nth(2).getByTestId("icon-success")).toBeVisible()
+
+  // Codex node
+  await expect(page.locator(".health-checks ul li").nth(3).getByTestId("icon-error")).not.toBeVisible()
+  await expect(page.locator(".health-checks ul li").nth(3).getByTestId("icon-success")).toBeVisible()
+
+  // Marketplace
+  await expect(page.locator(".health-checks ul li").nth(4).getByTestId("icon-error")).not.toBeVisible()
+  await expect(page.locator(".health-checks ul li").nth(4).getByTestId("icon-success")).toBeVisible()
+
+  await page.context().setOffline(true)
+
+  // Network
+  await expect(page.locator(".health-checks ul li").nth(1).getByTestId("icon-error")).toBeVisible()
+  await expect(page.locator(".health-checks ul li").nth(1).getByTestId("icon-success")).not.toBeVisible()
+
+  await page.context().setOffline(false)
+});
+
+// await expect(page.locator('#root')).toContainText('Network connected');
+// await page.locator('a').nth(2).click();
+// await page.context().setOffline(true)
+// await expect(page.locator('#root')).toContainText('Network disconnected');

e2e/settings.spec.ts

@@ -1,25 +1,30 @@
 import test, { expect } from "@playwright/test";
 
-test('update the log level', async ({ page }) => {
-    await page.goto('/dashboard');
-    await page.getByRole('link', { name: 'Settings' }).click();
-    await page.getByLabel('Log level').selectOption('TRACE');
-    await page.getByRole('main').locator('div').filter({ hasText: 'Log' }).getByRole('button').click();
-    await expect(page.locator('span').filter({ hasText: 'success ! The log level has' }).locator('b')).toBeVisible();
-})
+// test('update the log level', async ({ page }) => {
+//     await page.goto('/dashboard');
+//     await page.getByRole('link', { name: 'Settings' }).click();
+//     await page.getByLabel('Log level').selectOption('TRACE');
+//     await page.getByRole('main').locator('div').filter({ hasText: 'Log' }).getByRole('button').click();
+//     await expect(page.locator('span').filter({ hasText: 'success ! The log level has' }).locator('b')).toBeVisible();
+// })
 
 test('update the URL with wrong URL applies', async ({ page }) => {
     await page.goto('/dashboard');
-    await page.getByRole('link', { name: 'Settings' }).click();
-    await page.getByLabel('Codex client node URL').click();
-    await page.getByLabel('Codex client node URL').fill('hello');
-    await expect.soft(page.getByText("The URL is not valid")).toBeVisible()
-    await expect.soft(page.locator(".settings-url-button")).toBeDisabled()
-    await page.getByLabel('Codex client node URL').fill('http://127.0.0.1:8079');
-    await expect.soft(page.getByText("The URL is not valid")).not.toBeVisible()
-    await expect.soft(page.locator(".settings-url-button")).not.toBeDisabled()
-    await page.getByRole('button', { name: 'Save changes' }).nth(1).click();
-    await expect.soft(page.getByText("Cannot retrieve the data")).toBeVisible()
-    await page.getByLabel('Codex client node URL').fill('http://127.0.0.1:8080');
-    await page.getByRole('button', { name: 'Save changes' }).nth(1).click();
+    await page.locator('a').filter({ hasText: 'Settings' }).click();
+    await page.getByLabel('Address').click();
+    await page.getByLabel('Address').fill('hello');
+    await expect(page.getByLabel('Address')).toHaveAttribute("aria-invalid")
+    await expect(page.locator(".refresh svg")).toHaveAttribute("aria-disabled")
+    await page.getByLabel('Address').fill('http://127.0.0.1:8079');
+    await expect(page.getByLabel('Address')).not.toHaveAttribute("aria-invalid")
+    await expect(page.locator(".refresh svg")).not.toHaveAttribute("aria-disabled")
+    await expect(page.getByLabel('Address')).toHaveValue("http://127.0.0.1")
+    await expect(page.getByLabel('Port')).toHaveValue("8079")
+    await page.locator(".refresh").click()
+    await expect(page.locator(".health-checks ul li").nth(3).getByTestId("icon-error")).toBeVisible()
+    await expect(page.locator(".health-checks ul li").nth(3).getByTestId("icon-success")).not.toBeVisible()
+    await page.getByLabel('Address').fill('http://127.0.0.1:8080');
+    await page.locator(".refresh").click()
+    await expect(page.locator(".health-checks ul li").nth(3).getByTestId("icon-error")).not.toBeVisible()
+    await expect(page.locator(".health-checks ul li").nth(3).getByTestId("icon-success")).toBeVisible()
 })

e2e/storage-requests.spec.ts

@@ -5,14 +5,15 @@ import { fileURLToPath } from "url";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
-test('creates a storage request', async ({ page }) => {
+test('create a storage request', async ({ page }) => {
     await page.goto('/dashboard');
-    await page.getByRole('link', { name: 'Purchases' }).click();
+    await page.locator('a').filter({ hasText: 'Purchases' }).click();
     await page.getByRole('button', { name: 'Storage Request' }).click();
+
     await page.locator('div').getByTestId("upload").setInputFiles([
         path.join(__dirname, "assets", 'chatgpt.jpg'),
     ]);
-    await expect(page.locator('#cid')).toHaveValue("zDvZRwzkvwapyNeL4mzw5gBsZvyn7x8F8Y9n4RYSC7ETBssDYpGe")
+    await expect(page.locator('#cid')).not.toBeEmpty()
     await expect(page.getByText('Success, the CID has been')).toBeVisible();
     await page.getByRole('button', { name: 'Next' }).click();
     await page.getByRole('button', { name: 'Next' }).click();
@@ -27,51 +28,51 @@ test('select a uploaded cid when creating a storage request', async ({ page }) =
     await page.locator('div').getByTestId("upload").setInputFiles([
         path.join(__dirname, "assets", 'chatgpt.jpg'),
     ]);
-    await page.getByRole('link', { name: 'Purchases' }).click();
+    await page.locator('a').filter({ hasText: 'Purchases' }).click();
     await page.getByRole('button', { name: 'Storage Request' }).click();
     await page.getByPlaceholder('Select or type your CID').click();
-    await page.locator('.dropdown-option').nth(1).click();
+    await page.locator('.dropdown ul li').nth(1).click();
     await expect(page.getByText('button[disabled]')).not.toBeVisible();
 })
 
 test('storage request navigation buttons', async ({ page }) => {
     await page.goto('/dashboard/purchases');
     await page.getByRole('button', { name: 'Storage Request' }).click();
-    await expect(page.locator('.stepper-number-done')).not.toBeVisible()
-    await expect(page.locator('.stepper-number-active')).toBeVisible()
-    await expect(page.locator('.stepper-buttons .button--primary')).toHaveAttribute("disabled");
-    await expect(page.locator('.stepper-buttons .button--outline')).not.toHaveAttribute("disabled");
+    await expect(page.locator('.step--done')).not.toBeVisible()
+    await expect(page.locator('.step--active')).toBeVisible()
+    await expect(page.locator('footer .button--primary')).toHaveAttribute("disabled");
+    await expect(page.locator('footer .button--outline').first()).not.toHaveAttribute("disabled");
     await page.locator('div').getByTestId("upload").setInputFiles([
         path.join(__dirname, "assets", 'chatgpt.jpg'),
     ]);
-    await expect(page.locator('.stepper-buttons .button--outline')).not.toHaveAttribute("disabled");
-    await expect(page.locator('.stepper-buttons .button--primary')).not.toHaveAttribute("disabled");
+    await expect(page.locator('footer .button--outline').first()).not.toHaveAttribute("disabled");
+    await expect(page.locator('footer .button--primary')).not.toHaveAttribute("disabled");
     await page.getByRole('button', { name: 'Next' }).click();
-    await expect(page.locator('.stepper-buttons .button--outline')).not.toHaveAttribute("disabled");
-    await expect(page.locator('.stepper-buttons .button--primary')).not.toHaveAttribute("disabled");
-    await expect(page.locator('.stepper-number-done')).toBeVisible()
-    await expect(page.locator('.stepper-number-active')).toBeVisible()
+    await expect(page.locator('footer .button--outline').first()).not.toHaveAttribute("disabled");
+    await expect(page.locator('footer .button--primary')).not.toHaveAttribute("disabled");
+    await expect(page.locator('.step--done')).toBeVisible()
+    await expect(page.locator('.step--active')).toBeVisible()
     await page.getByRole('button', { name: 'Back' }).click();
-    await expect(page.locator('.stepper-number-done')).not.toBeVisible()
-    await expect(page.locator('.stepper-number-active')).toBeVisible()
+    await expect(page.locator('.step--done')).not.toBeVisible()
+    await expect(page.locator('.step--active')).toBeVisible()
     await page.getByRole('button', { name: 'Next' }).click();
     await page.getByRole('button', { name: 'Next' }).click();
-    await expect(page.locator('.stepper-number-done')).toHaveCount(2)
-    await expect(page.locator('.stepper-number-active')).toBeVisible()
-    await expect(page.locator('.stepper-buttons .button--outline')).toHaveAttribute("disabled");
-    await expect(page.locator('.stepper-buttons .button--primary')).not.toHaveAttribute("disabled");
+    await expect(page.locator('.step--done')).toHaveCount(2)
+    await expect(page.locator('.step--active')).toBeVisible()
+    await expect(page.locator('footer .button--outline').first()).toHaveAttribute("disabled");
+    await expect(page.locator('footer .button--primary')).not.toHaveAttribute("disabled");
     await page.getByRole('button', { name: 'Finish' }).click();
     await expect(page.locator('.modal--open')).not.toBeVisible();
 })
 
 test('remove the CID when the file is deleted', async ({ page }) => {
     await page.goto('/dashboard');
-    await page.getByRole('link', { name: 'Purchases' }).click();
+    await page.locator('a').filter({ hasText: 'Purchases' }).click();
     await page.getByRole('button', { name: 'Storage Request' }).click();
     await page.locator('div').getByTestId("upload").setInputFiles([
         path.join(__dirname, "assets", 'chatgpt.jpg'),
     ]);
-    await expect(page.locator('#cid')).toHaveValue("zDvZRwzkvwapyNeL4mzw5gBsZvyn7x8F8Y9n4RYSC7ETBssDYpGe")
-    await page.locator('.uploadFile-infoRight .buttonIcon--small').click();
-    await expect(page.locator('#cid')).toHaveValue("")
+    await expect(page.locator('#cid')).not.toBeEmpty()
+    await page.locator('.button-icon--small').click();
+    await expect(page.locator('#cid')).toBeEmpty()
 })

e2e/upload.spec.ts

@@ -26,8 +26,8 @@ test('multiple files upload', async ({ page }) => {
   await expect(page.getByText('File uploaded successfully').nth(1)).toBeVisible();
 
 
-  await page.locator('.uploadFile-infoRight > .buttonIcon').first().click();
-  await page.locator('.uploadFile-infoRight > .buttonIcon').click();
+  await page.locator('.upload-file .button-icon--small').first().click();
+  await page.locator('.upload-file .button-icon--small').click();
 
   await expect(page.getByText('File uploaded successfully').first()).not.toBeVisible();
   await expect(page.getByText('File uploaded successfully').nth(1)).not.toBeVisible();
@@ -42,7 +42,7 @@ test('drag and drop file', async ({ page }) => {
   const dataTransfer = await page.evaluateHandle((data) => {
     const dt = new DataTransfer();
     // Convert the buffer to a hex array
-    const file = new File([data.toString('hex')], 'chat.jpg', { type: 'image/jpg' });
+    const file = new File([data.toString('hex')], 'chat.jpg', { type: 'image/jpeg' });
     dt.items.add(file);
     return dt;
   }, buffer);
@@ -63,7 +63,7 @@ test('drag and drop file', async ({ page }) => {
 //     mimeType: 'text/plain'
 //   });
 
-//   await page.locator('.uploadFile-infoRight > .buttonIcon--small').click();
+//   await page.locator('.uploadFile-infoRight > .button-icon--small').click();
 
 //   await expect(page.getByText('The upload has been cancelled')).toBeVisible();
 // });

package.json

@@ -14,7 +14,8 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview --host 127.0.0.1 --port 5173",
     "format": "prettier --write ./src",
-    "test": "npx playwright test"
+    "test": "npx playwright test",
+    "test:unit": "vitest run"
   },
   "keywords": [
     "Codex",
@@ -24,14 +25,15 @@
     "React"
   ],
   "dependencies": {
-    "@codex-storage/marketplace-ui-components": "^0.0.24",
-    "@codex-storage/sdk-js": "^0.0.8",
+    "@codex-storage/marketplace-ui-components": "0.0.42",
+    "@codex-storage/sdk-js": "^0.0.15",
     "@sentry/browser": "^8.32.0",
     "@sentry/react": "^8.31.0",
     "@tanstack/react-query": "^5.51.15",
     "@tanstack/react-router": "^1.58.7",
-    "echarts": "^5.5.1",
     "dotted-map": "^2.2.3",
+    "echarts": "^5.5.1",
+    "emoji-picker-react": "^4.12.0",
     "idb-keyval": "^6.2.1",
     "lucide-react": "^0.445.0",
     "react": "^18.3.1",
@@ -39,7 +41,7 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.48.0",
-    "@tanstack/router-devtools": "^1.58.7",
+    "@svgr/plugin-svgo": "^8.1.0",
     "@tanstack/router-plugin": "^1.58.4",
     "@types/node": "^22.7.5",
     "@types/react": "^18.3.8",
@@ -51,10 +53,13 @@
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.12",
+    "postcss": "^8.4.47",
+    "postcss-nesting": "^13.0.1",
     "prettier": "^3.3.3",
-    "sass-embedded": "^1.79.4",
     "typescript": "5.5.4",
-    "vite": "^5.4.7"
+    "vite": "^5.4.7",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^2.1.4"
   },
   "engines": {
     "node": ">=18"

postcss.config.json

@@ -0,0 +1,6 @@
+module.exports = {
+    plugins: {
+      'postcss-nesting': { /* plugin options */ },
+    },
+  }
+  

public/icons/circle-error.svg

@@ -0,0 +1,12 @@
+<span>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M8 15.5C3.85775 15.5 0.5 12.1423 0.5 8C0.5 3.85775 3.85775 0.5 8 0.5C12.1423 0.5 15.5 3.85775 15.5 8C15.5 12.1423 12.1423 15.5 8 15.5ZM8 6.9395L5.879 4.81775L4.81775 5.879L6.9395 8L4.81775 10.121L5.879 11.1823L8 9.0605L10.121 11.1823L11.1823 10.121L9.0605 8L11.1823 5.879L10.121 4.81775L8 6.9395Z"
+      fill="#FB3748" />
+  </svg>
+</span>

public/icons/select-arrow.svg

@@ -0,0 +1,10 @@
+<svg
+  width="10"
+  height="6"
+  viewBox="0 0 10 6"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4.99999 3.879L8.71249 0.166504L9.77299 1.227L4.99999 6L0.22699 1.227L1.28749 0.166504L4.99999 3.879Z"
+    fill="#969696" />
+</svg>

public/icons/us-flag.svg

@@ -0,0 +1,32 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_356_794)">
+    <path
+      d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z"
+      fill="#F0F0F0" />
+    <path
+      d="M7.65216 7.99981H16C16 7.27775 15.9037 6.57825 15.7244 5.91284H7.65216V7.99981Z"
+      fill="#D80027" />
+    <path
+      d="M7.65216 3.82598H14.8258C14.3361 3.02686 13.7099 2.32051 12.9798 1.73901H7.65216V3.82598Z"
+      fill="#D80027" />
+    <path
+      d="M7.99996 15.9999C9.88274 15.9999 11.6133 15.3491 12.9798 14.2607H3.02008C4.38664 15.3491 6.11717 15.9999 7.99996 15.9999Z"
+      fill="#D80027" />
+    <path
+      d="M1.17417 12.1739H14.8258C15.2189 11.5324 15.5239 10.8311 15.7244 10.0869H0.275574C0.476105 10.8311 0.781011 11.5324 1.17417 12.1739Z"
+      fill="#D80027" />
+    <path
+      d="M3.70575 1.24931H4.43478L3.75666 1.74197L4.01569 2.53912L3.33759 2.04647L2.6595 2.53912L2.88325 1.85047C2.28619 2.34781 1.76287 2.9305 1.33162 3.57975H1.56522L1.13356 3.89334C1.06631 4.00553 1.00181 4.1195 0.94 4.23516L1.14612 4.86956L0.761563 4.59016C0.665969 4.79269 0.578531 4.99978 0.499938 5.21119L0.727031 5.91019H1.56522L0.887094 6.40284L1.14612 7.2L0.468031 6.70734L0.0618437 7.00247C0.0211875 7.32928 0 7.66216 0 8H8C8 3.58175 8 3.06087 8 0C6.41963 0 4.94641 0.458438 3.70575 1.24931ZM4.01569 7.2L3.33759 6.70734L2.6595 7.2L2.91853 6.40284L2.24041 5.91019H3.07859L3.33759 5.11303L3.59659 5.91019H4.43478L3.75666 6.40284L4.01569 7.2ZM3.75666 4.07241L4.01569 4.86956L3.33759 4.37691L2.6595 4.86956L2.91853 4.07241L2.24041 3.57975H3.07859L3.33759 2.78259L3.59659 3.57975H4.43478L3.75666 4.07241ZM6.88525 7.2L6.20716 6.70734L5.52906 7.2L5.78809 6.40284L5.10997 5.91019H5.94816L6.20716 5.11303L6.46616 5.91019H7.30434L6.62622 6.40284L6.88525 7.2ZM6.62622 4.07241L6.88525 4.86956L6.20716 4.37691L5.52906 4.86956L5.78809 4.07241L5.10997 3.57975H5.94816L6.20716 2.78259L6.46616 3.57975H7.30434L6.62622 4.07241ZM6.62622 1.74197L6.88525 2.53912L6.20716 2.04647L5.52906 2.53912L5.78809 1.74197L5.10997 1.24931H5.94816L6.20716 0.452156L6.46616 1.24931H7.30434L6.62622 1.74197Z"
+      fill="#0052B4" />
+  </g>
+  <defs>
+    <clipPath id="clip0_356_794">
+      <rect width="16" height="16" fill="white" />
+    </clipPath>
+  </defs>
+</svg>

src/assets/icons/all.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M6.25 5.5V3.25C6.25 3.05109 6.32902 2.86032 6.46967 2.71967C6.61032 2.57902 6.80109 2.5 7 2.5H16C16.1989 2.5 16.3897 2.57902 16.5303 2.71967C16.671 2.86032 16.75 3.05109 16.75 3.25V13.75C16.75 13.9489 16.671 14.1397 16.5303 14.2803C16.3897 14.421 16.1989 14.5 16 14.5H13.75V16.75C13.75 17.164 13.4125 17.5 12.9948 17.5H4.00525C3.90635 17.5006 3.8083 17.4816 3.71674 17.4442C3.62519 17.4068 3.54192 17.3517 3.47174 17.282C3.40156 17.2123 3.34584 17.1294 3.30779 17.0381C3.26974 16.9468 3.2501 16.8489 3.25 16.75L3.25225 6.25C3.25225 5.836 3.58975 5.5 4.0075 5.5H6.25ZM7.75 5.5H13.75V13H15.25V4H7.75V5.5ZM6.25 9.25V10.75H10.75V9.25H6.25ZM6.25 12.25V13.75H10.75V12.25H6.25Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/alpha.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M9.8925 5.05486C9.95902 5.01646 10.041 5.01646 10.1075 5.05486L17.6928 9.43421C17.7593 9.47262 17.8003 9.54359 17.8003 9.62041V18.3791C17.8003 18.4559 17.7593 18.5269 17.6928 18.5653L10.1075 22.9446C10.041 22.9831 9.95902 22.9831 9.8925 22.9446L2.30725 18.5653L1.87725 19.3101L2.30724 18.5653C2.24072 18.5269 2.19975 18.4559 2.19975 18.3791V9.62041C2.19975 9.5436 2.24072 9.47262 2.30725 9.43421L9.8925 5.05486Z"
+    stroke="currentColor"
+    stroke-width="1.72" />
+  <circle cx="10" cy="13.9998" r="3" fill="currentColor" />
+</svg>

src/assets/icons/alphatext.svg

@@ -0,0 +1,17 @@
+<svg viewBox="0 0 38 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M35.9489 4.34319H32.6784L32.2315 5.21481H30.8979L33.5873 0H34.9878L37.7591 5.21481H36.4107L35.9489 4.34319ZM35.405 3.30768L34.3025 1.25155L33.2148 3.30768H35.405Z"
+    fill="currentColor" />
+  <path
+    d="M30.2112 0V5.21481H28.9448V3.07674H20.3031V5.21481H19.0366V0H20.3031V1.98908H28.9448V0H30.2112Z"
+    fill="currentColor" />
+  <path
+    d="M12.8926 5.21481V0H16.0215C17.2879 0 18.0701 0.752423 18.0701 1.91458C18.0701 3.12144 17.2879 3.88876 16.0215 3.88876H14.159L14.1739 5.21481H12.8926ZM14.159 2.80855H16.0215C16.461 2.80855 16.7366 2.51056 16.7366 1.92948C16.7366 1.37075 16.4684 1.08021 16.0215 1.08021H14.159V2.80855Z"
+    fill="currentColor" />
+  <path
+    d="M7.54883 5.21481V0H8.81528V4.1346H12.0708V5.21481H7.54883Z"
+    fill="currentColor" />
+  <path
+    d="M5.05091 4.34319H1.78048L1.3335 5.21481H0L2.68935 0H4.0899L6.8612 5.21481H5.5128L5.05091 4.34319ZM4.50708 3.30768L3.40452 1.25155L2.31686 3.30768H4.50708Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/analytics.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4.75 3.25V15.25H16.75V16.75H3.25V3.25H4.75ZM15.955 5.455L17.545 7.045L13 11.5915L10.75 9.3415L7.795 12.2965L6.205 10.705L10.75 6.16L13 8.41L15.955 5.455Z"
+    fill="#969696" />
+</svg>

src/assets/icons/archive.svg

@@ -0,0 +1,10 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M13.4 3.8001C13.5591 3.8001 13.7117 3.86331 13.8243 3.97583C13.9368 4.08836 14 4.24097 14 4.4001V12.8001C14 12.9592 13.9368 13.1118 13.8243 13.2244C13.7117 13.3369 13.5591 13.4001 13.4 13.4001H2.6C2.44087 13.4001 2.28826 13.3369 2.17574 13.2244C2.06321 13.1118 2 12.9592 2 12.8001V3.2001C2 3.04097 2.06321 2.88836 2.17574 2.77583C2.28826 2.66331 2.44087 2.6001 2.6 2.6001H7.0484L8.2484 3.8001H10.4V5.0001H11.6V3.8001H13.4ZM11.6 8.6001H10.4V9.8001H9.2V11.6001H11.6V8.6001ZM10.4 7.4001H9.2V8.6001H10.4V7.4001ZM11.6 6.2001H10.4V7.4001H11.6V6.2001ZM10.4 5.0001H9.2V6.2001H10.4V5.0001Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/arrow-circle.svg

@@ -0,0 +1,10 @@
+<svg
+  width="46"
+  height="46"
+  viewBox="0 0 46 46"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M23 20.75V14L32 23L23 32V25.25H14V20.75H23ZM23 0.5C35.42 0.5 45.5 10.58 45.5 23C45.5 35.42 35.42 45.5 23 45.5C10.58 45.5 0.5 35.42 0.5 23C0.5 10.58 10.58 0.5 23 0.5ZM23 41C32.945 41 41 32.945 41 23C41 13.055 32.945 5 23 5C13.055 5 5 13.055 5 23C5 32.945 13.055 41 23 41Z"
+    fill="white" />
+</svg>

src/assets/icons/arrow-left.svg

@@ -0,0 +1,10 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M7.36349 7.99931L10.3335 10.9693L9.48509 11.8177L5.66669 7.99931L9.48509 4.18091L10.3335 5.02931L7.36349 7.99931Z"
+    fill="#969696" />
+</svg>

src/assets/icons/arrow-right.svg

@@ -0,0 +1,10 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M8.63669 7.99931L5.66669 5.02931L6.51509 4.18091L10.3335 7.99931L6.51509 11.8177L5.66669 10.9693L8.63669 7.99931Z"
+    fill="#969696" />
+</svg>

src/assets/icons/availability.svg

@@ -0,0 +1,10 @@
+<svg
+  width="40"
+  height="40"
+  viewBox="0 0 40 40"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M8.75 8.75C8.05965 8.75 7.5 9.30965 7.5 10V13.75H16.9822L20 10.7322L18.0177 8.75H8.75ZM23.0177 11.25L18.0177 16.25H7.5V30C7.5 30.6904 8.05965 31.25 8.75 31.25H31.25C31.9404 31.25 32.5 30.6904 32.5 30V12.5C32.5 11.8096 31.9404 11.25 31.25 11.25H23.0177Z"
+    fill="#969696" />
+</svg>

src/assets/icons/chart.svg

@@ -0,0 +1,62 @@
+<svg viewBox="0 0 464 91" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <line
+    x1="15.5"
+    x2="15.5"
+    y2="70.1744"
+    stroke="white"
+    stroke-opacity="0.61"
+    stroke-dasharray="2 2" />
+  <path
+    d="M7.77365 80.1743H8.97678V85.8462C8.97678 86.3592 8.87521 86.798 8.67209 87.1626C8.47157 87.5272 8.18902 87.8058 7.82443 87.9985C7.45985 88.1886 7.03277 88.2837 6.54318 88.2837C6.09266 88.2837 5.68771 88.2017 5.32834 88.0376C4.97157 87.8735 4.68902 87.6353 4.48068 87.3228C4.27495 87.0076 4.17209 86.6248 4.17209 86.1743H5.37131C5.37131 86.3957 5.42209 86.5871 5.52365 86.7485C5.62782 86.91 5.76975 87.0363 5.94943 87.1274C6.13173 87.216 6.34006 87.2603 6.57443 87.2603C6.82964 87.2603 7.04579 87.2069 7.22287 87.1001C7.40256 86.9907 7.53928 86.8306 7.63303 86.6196C7.72678 86.4087 7.77365 86.1509 7.77365 85.8462V80.1743ZM11.6294 88.1743H10.3481L13.2271 80.1743H14.6216L17.5005 88.1743H16.2192L13.9575 81.6274H13.895L11.6294 88.1743ZM11.8442 85.0415H16.0005V86.0571H11.8442V85.0415ZM25.3328 80.1743V88.1743H24.2234L20.157 82.3071H20.0828V88.1743H18.8758V80.1743H19.9929L24.0633 86.0493H24.1375V80.1743H25.3328Z"
+    fill="white" />
+  <line
+    x1="103.7"
+    x2="103.7"
+    y2="70.1744"
+    stroke="white"
+    stroke-opacity="0.61"
+    stroke-dasharray="2 2" />
+  <path
+    d="M93.7237 88.1743V80.1743H98.6846V81.2134H94.9307V83.6509H98.3291V84.686H94.9307V88.1743H93.7237ZM100.389 88.1743V80.1743H105.405V81.2134H101.596V83.6509H105.143V84.686H101.596V87.1353H105.451V88.1743H100.389ZM107.237 88.1743V80.1743H110.167C110.734 80.1743 111.204 80.2681 111.577 80.4556C111.949 80.6405 112.228 80.8918 112.413 81.2095C112.598 81.5246 112.69 81.88 112.69 82.2759C112.69 82.6092 112.629 82.8905 112.506 83.1196C112.384 83.3462 112.22 83.5285 112.014 83.6665C111.811 83.8019 111.587 83.9009 111.342 83.9634V84.0415C111.608 84.0545 111.867 84.1405 112.12 84.2993C112.375 84.4556 112.586 84.6782 112.753 84.9673C112.919 85.2563 113.003 85.6079 113.003 86.022C113.003 86.4308 112.906 86.798 112.713 87.1235C112.523 87.4465 112.229 87.703 111.831 87.8931C111.432 88.0806 110.923 88.1743 110.303 88.1743H107.237ZM108.444 87.1392H110.186C110.764 87.1392 111.178 87.0272 111.428 86.8032C111.678 86.5793 111.803 86.2993 111.803 85.9634C111.803 85.7108 111.74 85.479 111.612 85.2681C111.484 85.0571 111.302 84.8892 111.065 84.7642C110.831 84.6392 110.552 84.5767 110.229 84.5767H108.444V87.1392ZM108.444 83.6353H110.061C110.332 83.6353 110.575 83.5832 110.792 83.479C111.01 83.3748 111.184 83.229 111.311 83.0415C111.441 82.8514 111.506 82.6274 111.506 82.3696C111.506 82.0389 111.391 81.7616 111.159 81.5376C110.927 81.3136 110.572 81.2017 110.092 81.2017H108.444V83.6353Z"
+    fill="white" />
+  <line
+    x1="191.9"
+    x2="191.9"
+    y2="70.1744"
+    stroke="white"
+    stroke-opacity="0.61"
+    stroke-dasharray="2 2" />
+  <path
+    d="M179.727 80.1743H181.192L183.739 86.3931H183.832L186.379 80.1743H187.844V88.1743H186.696V82.3853H186.621L184.262 88.1626H183.309L180.95 82.3813H180.875V88.1743H179.727V80.1743ZM190.495 88.1743H189.214L192.092 80.1743H193.487L196.366 88.1743H195.085L192.823 81.6274H192.76L190.495 88.1743ZM190.71 85.0415H194.866V86.0571H190.71V85.0415ZM197.741 88.1743V80.1743H200.593C201.212 80.1743 201.727 80.2811 202.136 80.4946C202.547 80.7082 202.854 81.0037 203.058 81.3813C203.261 81.7563 203.362 82.1899 203.362 82.6821C203.362 83.1717 203.259 83.6027 203.054 83.9751C202.85 84.3449 202.543 84.6326 202.132 84.8384C201.723 85.0441 201.209 85.147 200.589 85.147H198.429V84.1079H200.479C200.87 84.1079 201.188 84.0519 201.433 83.9399C201.68 83.828 201.861 83.6652 201.975 83.4517C202.09 83.2381 202.147 82.9816 202.147 82.6821C202.147 82.38 202.089 82.1183 201.972 81.897C201.857 81.6756 201.676 81.5063 201.429 81.3892C201.184 81.2694 200.862 81.2095 200.464 81.2095H198.948V88.1743H197.741ZM201.69 84.5649L203.667 88.1743H202.292L200.354 84.5649H201.69Z"
+    fill="white" />
+  <line
+    x1="279.6"
+    x2="279.6"
+    y2="70.1744"
+    stroke="white"
+    stroke-opacity="0.61"
+    stroke-dasharray="2 2" />
+  <path
+    d="M269.521 88.1743H268.239L271.118 80.1743H272.513L275.392 88.1743H274.11L271.849 81.6274H271.786L269.521 88.1743ZM269.735 85.0415H273.892V86.0571H269.735V85.0415ZM276.767 88.1743V80.1743H279.619C280.241 80.1743 280.757 80.2876 281.165 80.5142C281.574 80.7407 281.88 81.0506 282.083 81.4438C282.286 81.8345 282.388 82.2746 282.388 82.7642C282.388 83.2563 282.285 83.6991 282.079 84.0923C281.876 84.4829 281.569 84.7928 281.158 85.022C280.749 85.2485 280.234 85.3618 279.615 85.3618H277.654V84.3384H279.505C279.898 84.3384 280.217 84.2707 280.462 84.1353C280.707 83.9972 280.887 83.8097 281.001 83.5728C281.116 83.3358 281.173 83.0662 281.173 82.7642C281.173 82.4621 281.116 82.1938 281.001 81.9595C280.887 81.7251 280.706 81.5415 280.458 81.4087C280.214 81.2759 279.891 81.2095 279.49 81.2095H277.974V88.1743H276.767ZM284.023 88.1743V80.1743H286.875C287.494 80.1743 288.009 80.2811 288.418 80.4946C288.829 80.7082 289.136 81.0037 289.34 81.3813C289.543 81.7563 289.644 82.1899 289.644 82.6821C289.644 83.1717 289.541 83.6027 289.336 83.9751C289.132 84.3449 288.825 84.6326 288.414 84.8384C288.005 85.0441 287.491 85.147 286.871 85.147H284.711V84.1079H286.761C287.152 84.1079 287.47 84.0519 287.715 83.9399C287.962 83.828 288.143 83.6652 288.257 83.4517C288.372 83.2381 288.429 82.9816 288.429 82.6821C288.429 82.38 288.371 82.1183 288.254 81.897C288.139 81.6756 287.958 81.5063 287.711 81.3892C287.466 81.2694 287.144 81.2095 286.746 81.2095H285.23V88.1743H284.023ZM287.972 84.5649L289.949 88.1743H288.574L286.636 84.5649H287.972Z"
+    fill="white" />
+  <line
+    x1="366.3"
+    x2="366.3"
+    y2="70.1744"
+    stroke="white"
+    stroke-opacity="0.61"
+    stroke-dasharray="2 2" />
+  <path
+    d="M354.315 80.1743H355.78L358.327 86.3931H358.42L360.967 80.1743H362.432V88.1743H361.284V82.3853H361.209L358.85 88.1626H357.897L355.538 82.3813H355.463V88.1743H354.315V80.1743ZM365.083 88.1743H363.801L366.68 80.1743H368.075L370.954 88.1743H369.673L367.411 81.6274H367.348L365.083 88.1743ZM365.298 85.0415H369.454V86.0571H365.298V85.0415ZM370.895 80.1743H372.267L374.356 83.811H374.442L376.532 80.1743H377.903L375.001 85.0337V88.1743H373.798V85.0337L370.895 80.1743Z"
+    fill="white" />
+  <line
+    x1="452"
+    x2="452"
+    y2="70.1744"
+    stroke="white"
+    stroke-opacity="0.61"
+    stroke-dasharray="2 2" />
+  <path
+    d="M444.07 80.1743H445.273V85.8462C445.273 86.3592 445.171 86.798 444.968 87.1626C444.767 87.5272 444.485 87.8058 444.12 87.9985C443.756 88.1886 443.329 88.2837 442.839 88.2837C442.389 88.2837 441.984 88.2017 441.624 88.0376C441.267 87.8735 440.985 87.6353 440.777 87.3228C440.571 87.0076 440.468 86.6248 440.468 86.1743H441.667C441.667 86.3957 441.718 86.5871 441.82 86.7485C441.924 86.91 442.066 87.0363 442.245 87.1274C442.428 87.216 442.636 87.2603 442.87 87.2603C443.126 87.2603 443.342 87.2069 443.519 87.1001C443.698 86.9907 443.835 86.8306 443.929 86.6196C444.023 86.4087 444.07 86.1509 444.07 85.8462V80.1743ZM452.394 80.1743H453.605V85.436C453.605 85.9959 453.473 86.492 453.21 86.9243C452.947 87.354 452.578 87.6925 452.101 87.9399C451.625 88.1847 451.066 88.3071 450.425 88.3071C449.787 88.3071 449.23 88.1847 448.753 87.9399C448.277 87.6925 447.907 87.354 447.644 86.9243C447.381 86.492 447.25 85.9959 447.25 85.436V80.1743H448.457V85.3384C448.457 85.7004 448.536 86.022 448.695 86.3032C448.856 86.5845 449.084 86.8058 449.378 86.9673C449.673 87.1261 450.022 87.2056 450.425 87.2056C450.832 87.2056 451.182 87.1261 451.476 86.9673C451.773 86.8058 452 86.5845 452.156 86.3032C452.315 86.022 452.394 85.7004 452.394 85.3384V80.1743ZM462.037 80.1743V88.1743H460.928L456.861 82.3071H456.787V88.1743H455.58V80.1743H456.697L460.767 86.0493H460.842V80.1743H462.037Z"
+    fill="white" />
+</svg>

src/assets/icons/chevron.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M9.99999 10.879L13.7125 7.1665L14.773 8.227L9.99999 13L5.22699 8.227L6.28749 7.1665L9.99999 10.879Z"
+    fill="#969696" />
+</svg>

src/assets/icons/choose-cid.svg

@@ -0,0 +1,10 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M5.25 16.5H18.75V7.5H5.25V16.5ZM3.75 6.75C3.75 6.33579 4.08579 6 4.5 6H19.5C19.9142 6 20.25 6.33579 20.25 6.75V17.25C20.25 17.6642 19.9142 18 19.5 18H4.5C4.08579 18 3.75 17.6642 3.75 17.25V6.75ZM9.75 10.5C9.75 10.0858 9.41421 9.75 9 9.75C8.58579 9.75 8.25 10.0858 8.25 10.5C8.25 10.9142 8.58579 11.25 9 11.25C9.41421 11.25 9.75 10.9142 9.75 10.5ZM11.25 10.5C11.25 11.7427 10.2426 12.75 9 12.75C7.75736 12.75 6.75 11.7427 6.75 10.5C6.75 9.25736 7.75736 8.25 9 8.25C10.2426 8.25 11.25 9.25736 11.25 10.5ZM9.00135 15C8.27627 15 7.62105 15.293 7.1452 15.7688L6.08454 14.7082C6.8302 13.9625 7.86247 13.5 9.00135 13.5C10.1402 13.5 11.1725 13.9625 11.9182 14.7082L10.8575 15.7688C10.3817 15.293 9.72643 15 9.00135 15ZM12.75 9.75V14.25H14.25V9.75H12.75ZM15.75 9.75V14.25H17.25V9.75H15.75Z"
+    fill="#969696" />
+</svg>

src/assets/icons/close.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10.0001 8.93955L13.7126 5.22705L14.7731 6.28755L11.0606 10.0001L14.7731 13.7126L13.7126 14.7731L10.0001 11.0606L6.28755 14.7731L5.22705 13.7126L8.93955 10.0001L5.22705 6.28755L6.28755 5.22705L10.0001 8.93955Z"
+    fill="white" />
+</svg>

src/assets/icons/commitment.svg

@@ -0,0 +1,10 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M18.75 9V12H17.25V9.75H13.5V6H6.75V18H11.25V19.5H5.99505C5.58371 19.5 5.25 19.167 5.25 18.7561V5.24385C5.25 4.84148 5.58653 4.5 6.00166 4.5H14.2476L18.75 9ZM13.3393 14.4952C13.3685 13.9498 13.7893 13.5062 14.3325 13.4485L14.9855 13.3792C15.0631 13.3709 15.1361 13.3384 15.1942 13.2863L15.6826 12.8474C16.0889 12.4823 16.7002 12.4664 17.1251 12.8096L17.6359 13.2224C17.6965 13.2713 17.7712 13.3 17.8491 13.3042L18.5048 13.3393C19.0502 13.3685 19.4938 13.7893 19.5515 14.3325L19.6208 14.9855C19.6291 15.0631 19.6616 15.1361 19.7137 15.1942L20.1526 15.6826C20.5177 16.0889 20.5336 16.7002 20.1904 17.1251L19.7776 17.6359C19.7287 17.6965 19.7 17.7712 19.6958 17.8491L19.6607 18.5048C19.6315 19.0502 19.2106 19.4938 18.6675 19.5515L18.0145 19.6208C17.9369 19.6291 17.8639 19.6616 17.8058 19.7137L17.3174 20.1526C16.9111 20.5177 16.2998 20.5336 15.8749 20.1904L15.3641 19.7776C15.3035 19.7287 15.2288 19.7 15.1509 19.6958L14.4952 19.6607C13.9498 19.6315 13.5062 19.2106 13.4485 18.6675L13.3792 18.0145C13.3709 17.9369 13.3384 17.8639 13.2863 17.8058L12.8474 17.3174C12.4823 16.9111 12.4664 16.2997 12.8096 15.8749L13.2224 15.3641C13.2713 15.3035 13.3 15.2288 13.3042 15.1509L13.3393 14.4952ZM18.7727 15.7727L17.9773 14.9773L16.125 16.8295L15.0227 15.7273L14.2273 16.5227L16.125 18.4205L18.7727 15.7727Z"
+    fill="#969696" />
+</svg>

src/assets/icons/copy.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M7 5.5V3.25C7 3.05109 7.07902 2.86032 7.21967 2.71967C7.36032 2.57902 7.55109 2.5 7.75 2.5H16.75C16.9489 2.5 17.1397 2.57902 17.2803 2.71967C17.421 2.86032 17.5 3.05109 17.5 3.25V13.75C17.5 13.9489 17.421 14.1397 17.2803 14.2803C17.1397 14.421 16.9489 14.5 16.75 14.5H14.5V16.75C14.5 17.164 14.1625 17.5 13.7448 17.5H4.75525C4.65635 17.5006 4.5583 17.4816 4.46674 17.4442C4.37519 17.4068 4.29192 17.3517 4.22174 17.282C4.15156 17.2123 4.09584 17.1294 4.05779 17.0381C4.01974 16.9468 4.0001 16.8489 4 16.75L4.00225 6.25C4.00225 5.836 4.33975 5.5 4.7575 5.5H7ZM5.50225 7L5.5 16H13V7H5.50225ZM8.5 5.5H14.5V13H16V4H8.5V5.5Z"
+    fill="#969696" />
+</svg>

src/assets/icons/dashboard.svg

@@ -0,0 +1,10 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12.9 20.0999V11.0999H20.1V20.0999H12.9ZM3.89999 12.8999V3.8999H11.1V12.8999H3.89999ZM9.29999 11.0999V5.6999H5.69999V11.0999H9.29999ZM3.89999 20.0999V14.6999H11.1V20.0999H3.89999ZM5.69999 18.2999H9.29999V16.4999H5.69999V18.2999ZM14.7 18.2999H18.3V12.8999H14.7V18.2999ZM12.9 3.8999H20.1V9.2999H12.9V3.8999ZM14.7 5.6999V7.4999H18.3V5.6999H14.7Z"
+    fill="#969696" />
+</svg>

src/assets/icons/device.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M16 2.5C16.414 2.5 16.75 2.836 16.75 3.25V16.75C16.75 17.164 16.414 17.5 16 17.5H5.5C5.086 17.5 4.75 17.164 4.75 16.75V15.25H3.25V13.75H4.75V12.25H3.25V10.75H4.75V9.25H3.25V7.75H4.75V6.25H3.25V4.75H4.75V3.25C4.75 2.836 5.086 2.5 5.5 2.5H16ZM15.25 4H6.25V16H15.25V4ZM11.5 7V9.25H13.75V10.75H11.4992L11.5 13H10L9.99925 10.75H7.75V9.25H10V7H11.5Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/disclaimer.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12.25 4H4.75V16H15.25V7H12.25V4ZM3.25 3.244C3.25 2.833 3.58525 2.5 3.99925 2.5H13L16.75 6.25V16.7448C16.7507 16.8432 16.732 16.9409 16.6949 17.0322C16.6579 17.1234 16.6032 17.2065 16.534 17.2766C16.4649 17.3468 16.3826 17.4026 16.2919 17.4409C16.2011 17.4792 16.1037 17.4993 16.0052 17.5H3.99475C3.79778 17.4986 3.60926 17.4198 3.46991 17.2806C3.33056 17.1414 3.25157 16.953 3.25 16.756V3.244ZM9.25 12.25H10.75V13.75H9.25V12.25ZM9.25 6.25H10.75V10.75H9.25V6.25Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/discord.svg

@@ -0,0 +1,10 @@
+<svg
+  width="14"
+  height="17"
+  viewBox="0 0 14 17"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M5.557 7.25C6.007 7.25 6.3715 7.5875 6.36325 8C6.36325 8.4125 6.00775 8.75 5.557 8.75C5.1145 8.75 4.75 8.4125 4.75 8C4.75 7.5875 5.10625 7.25 5.557 7.25ZM8.443 7.25C8.89375 7.25 9.25 7.5875 9.25 8C9.25 8.4125 8.89375 8.75 8.443 8.75C8.0005 8.75 7.63675 8.4125 7.63675 8C7.63675 7.5875 7.99225 7.25 8.443 7.25ZM12.1683 0.5C13.0405 0.5 13.75 1.2245 13.75 2.12225V16.25L12.0917 14.7537L11.158 13.8717L10.1702 12.9342L10.5798 14.3915H1.83175C0.9595 14.3915 0.25 13.667 0.25 12.7692V2.12225C0.25 1.2245 0.9595 0.5 1.83175 0.5H12.1675H12.1683ZM9.19075 10.7847C10.8955 10.73 11.5518 9.58775 11.5518 9.58775C11.5518 7.052 10.4403 4.99625 10.4403 4.99625C9.33025 4.1465 8.27275 4.16975 8.27275 4.16975L8.16475 4.29575C9.4765 4.70525 10.0855 5.29625 10.0855 5.29625C9.3693 4.89274 8.57998 4.63575 7.7635 4.54025C7.24558 4.48175 6.72245 4.48679 6.20575 4.55525C6.15925 4.55525 6.12025 4.5635 6.0745 4.571C5.8045 4.595 5.14825 4.697 4.32325 5.0675C4.03825 5.201 3.868 5.29625 3.868 5.29625C3.868 5.29625 4.5085 4.67375 5.89675 4.26425L5.8195 4.16975C5.8195 4.16975 4.76275 4.1465 3.652 4.997C3.652 4.997 2.54125 7.052 2.54125 9.58775C2.54125 9.58775 3.18925 10.7292 4.894 10.7847C4.894 10.7847 5.179 10.4307 5.4115 10.1315C4.43125 9.8315 4.0615 9.2015 4.0615 9.2015C4.0615 9.2015 4.138 9.257 4.27675 9.33575C4.28425 9.34325 4.29175 9.3515 4.3075 9.359C4.33075 9.3755 4.354 9.383 4.37725 9.39875C4.57 9.509 4.76275 9.59525 4.93975 9.6665C5.25625 9.7925 5.63425 9.9185 6.0745 10.0055C6.73399 10.1348 7.41206 10.1373 8.0725 10.013C8.45719 9.94434 8.8325 9.83081 9.19075 9.67475C9.46075 9.572 9.7615 9.422 10.078 9.20975C10.078 9.20975 9.6925 9.8555 8.6815 10.1473C8.91325 10.4465 9.1915 10.7847 9.1915 10.7847H9.19075Z"
+    fill="#6FCB94" />
+</svg>

src/assets/icons/document.svg

@@ -0,0 +1,10 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M13.4 6.2V13.3958C13.4005 13.4746 13.3856 13.5527 13.3559 13.6257C13.3263 13.6987 13.2825 13.7652 13.2272 13.8213C13.1719 13.8774 13.1061 13.9221 13.0335 13.9527C12.9609 13.9834 12.883 13.9995 12.8042 14H3.19578C3.03786 14 2.88641 13.9373 2.77469 13.8257C2.66298 13.7141 2.60013 13.5627 2.59998 13.4048V2.5952C2.59998 2.273 2.86818 2 3.19878 2H9.19998V5.6C9.19998 5.75913 9.26319 5.91174 9.37571 6.02426C9.48823 6.13679 9.64085 6.2 9.79998 6.2H13.4ZM13.4 5H10.4V2.0018L13.4 5ZM5.59998 5V6.2H7.39998V5H5.59998ZM5.59998 7.4V8.6H10.4V7.4H5.59998ZM5.59998 9.8V11H10.4V9.8H5.59998Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/download-file.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4 15.25H16V10H17.5V16C17.5 16.1989 17.421 16.3897 17.2803 16.5303C17.1397 16.671 16.9489 16.75 16.75 16.75H3.25C3.05109 16.75 2.86032 16.671 2.71967 16.5303C2.57902 16.3897 2.5 16.1989 2.5 16V10H4V15.25ZM11.5 7.75H15.25L10 13L4.75 7.75H8.5V3.25H11.5V7.75Z"
+    fill="#969696" />
+</svg>

src/assets/icons/download.svg

@@ -0,0 +1,10 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12.9 12H15.6L12 15.6L8.39999 12H11.1V8.4H12.9V12ZM14.7 4.8H5.69999V19.2H18.3V8.4H14.7V4.8ZM3.89999 3.8928C3.89999 3.3996 4.30229 3 4.79909 3H15.6L20.1 7.5V20.0937C20.1008 20.2119 20.0784 20.3291 20.0339 20.4386C19.9894 20.5481 19.9238 20.6478 19.8409 20.7319C19.7579 20.8161 19.6591 20.8831 19.5502 20.9291C19.4414 20.9751 19.3245 20.9992 19.2063 21H4.79369C4.55733 20.9984 4.33111 20.9038 4.16389 20.7367C3.99667 20.5697 3.90188 20.3436 3.89999 20.1072V3.8928Z"
+    fill="#969696" />
+</svg>

src/assets/icons/durability.svg

@@ -0,0 +1,10 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12.3726 5.6999H20.1C20.3387 5.6999 20.5676 5.79472 20.7364 5.96351C20.9052 6.13229 21 6.36121 21 6.5999V19.1999C21 19.4386 20.9052 19.6675 20.7364 19.8363C20.5676 20.0051 20.3387 20.0999 20.1 20.0999H3.9C3.66131 20.0999 3.43239 20.0051 3.2636 19.8363C3.09482 19.6675 3 19.4386 3 19.1999V4.7999C3 4.56121 3.09482 4.33229 3.2636 4.16351C3.43239 3.99472 3.66131 3.8999 3.9 3.8999H10.5726L12.3726 5.6999ZM4.8 5.6999V18.2999H19.2V7.4999H11.6274L9.8274 5.6999H4.8ZM8.4 9.2999H15.6V13.7135C15.6 14.5163 15.1986 15.2651 14.5317 15.7106L12 17.3981L9.4683 15.7106C9.13962 15.4914 8.87015 15.1944 8.68379 14.846C8.49743 14.4976 8.39995 14.1086 8.4 13.7135V9.2999ZM10.2 13.7135C10.2 13.9142 10.2999 14.1014 10.4673 14.213L12 15.2345L13.5327 14.213C13.6149 14.1582 13.6824 14.0839 13.729 13.9968C13.7756 13.9096 13.8 13.8123 13.8 13.7135V11.0999H10.2V13.7135Z"
+    fill="#969696" />
+</svg>

src/assets/icons/edit.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M5.8105 13.0001L13.417 5.39356L12.3565 4.33306L4.75 11.9396V13.0001H5.8105ZM6.43225 14.5001H3.25V11.3178L11.8263 2.74156C11.9669 2.60096 12.1576 2.52197 12.3565 2.52197C12.5554 2.52197 12.7461 2.60096 12.8868 2.74156L15.0085 4.86331C15.1491 5.00396 15.2281 5.19469 15.2281 5.39356C15.2281 5.59244 15.1491 5.78317 15.0085 5.92381L6.43225 14.5001ZM3.25 16.0001H16.75V17.5001H3.25V16.0001Z"
+    fill="#969696" />
+</svg>

src/assets/icons/error-circle.svg

@@ -0,0 +1,9 @@
+<svg
+  data-testid="icon-error"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M8 15.5C3.85775 15.5 0.5 12.1423 0.5 8C0.5 3.85775 3.85775 0.5 8 0.5C12.1423 0.5 15.5 3.85775 15.5 8C15.5 12.1423 12.1423 15.5 8 15.5ZM8 6.9395L5.879 4.81775L4.81775 5.879L6.9395 8L4.81775 10.121L5.879 11.1823L8 9.0605L10.121 11.1823L11.1823 10.121L9.0605 8L11.1823 5.879L10.121 4.81775L8 6.9395Z"
+    fill="#FB3748" />
+</svg>

src/assets/icons/expand.svg

@@ -0,0 +1,16 @@
+<svg
+  height="20"
+  viewBox="0 0 17 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <rect
+    x="1.45746"
+    y="0.5"
+    width="15"
+    height="15"
+    rx="4.5"
+    stroke="#515151"></rect>
+  <path
+    d="M8.07651 3.88107L8.07646 7.44461L11.1798 7.44466V8.55577L8.07646 8.55572L8.0764 12.1191L3.95746 8.00011L8.07651 3.88107ZM12.2909 11.889V4.11121H13.402V11.889H12.2909Z"
+    fill="#969696"></path>
+</svg>

src/assets/icons/favorite.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M9.99999 13.75L5.59149 16.4425L6.78999 11.4175L2.86749 8.0575L8.01624 7.645L9.99999 2.875L11.9837 7.645L17.1332 8.0575L13.21 11.4175L14.4085 16.4425L9.99999 13.75Z"
+    fill="#969696" />
+</svg>

src/assets/icons/fetch.svg

@@ -0,0 +1,10 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M6.1167 5.18971C7.7498 3.7746 9.83909 2.99699 12 3.00001C16.9707 3.00001 21 7.02931 21 12C21 13.9224 20.397 15.7044 19.371 17.166L16.5 12H19.2C19.2001 10.5885 18.7853 9.20803 18.0072 8.03034C17.2291 6.85265 16.1219 5.92965 14.8235 5.37612C13.525 4.82259 12.0924 4.66294 10.704 4.91702C9.31548 5.17111 8.03231 5.82772 7.014 6.80521L6.1167 5.18971ZM17.8833 18.8103C16.2502 20.2254 14.1609 21.003 12 21C7.0293 21 3 16.9707 3 12C3 10.0776 3.603 8.29561 4.629 6.83401L7.5 12H4.8C4.79988 13.4115 5.21468 14.792 5.9928 15.9697C6.77093 17.1474 7.87806 18.0704 9.17654 18.6239C10.475 19.1774 11.9076 19.3371 13.296 19.083C14.6845 18.8289 15.9677 18.1723 16.986 17.1948L17.8833 18.8103Z"
+    fill="#969696" />
+</svg>

src/assets/icons/file-details.svg

@@ -0,0 +1,10 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M9.29993 3.0027V3H19.1981C19.6949 3 20.0999 3.4095 20.0999 3.8928V20.1072C20.0997 20.3441 20.0054 20.5712 19.8378 20.7386C19.6703 20.906 19.4431 21 19.2062 21H4.79362C4.67543 20.9992 4.55856 20.9751 4.44969 20.9291C4.34081 20.8831 4.24206 20.8161 4.15907 20.7319C4.07608 20.6478 4.01048 20.5481 3.96602 20.4386C3.92155 20.3291 3.89909 20.2119 3.89992 20.0937V8.4L9.29993 3.0027ZM6.44692 8.4H9.29993V5.547L6.44692 8.4ZM11.0999 4.8V9.3C11.0999 9.53869 11.0051 9.76761 10.8363 9.9364C10.6675 10.1052 10.4386 10.2 10.1999 10.2H5.69992V19.2H18.2999V4.8H11.0999Z"
+    fill="#969696" />
+</svg>

src/assets/icons/files-outline.svg

@@ -0,0 +1,10 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M6.6 7.4999V4.7999C6.6 4.56121 6.69482 4.33229 6.8636 4.16351C7.03239 3.99472 7.2613 3.8999 7.5 3.8999H13.2726L15.0726 5.6999H20.1C20.3387 5.6999 20.5676 5.79472 20.7364 5.96351C20.9052 6.13229 21 6.36121 21 6.5999V15.5999C21 15.8386 20.9052 16.0675 20.7364 16.2363C20.5676 16.4051 20.3387 16.4999 20.1 16.4999H17.4V19.1999C17.4 19.4386 17.3052 19.6675 17.1364 19.8363C16.9676 20.0051 16.7387 20.0999 16.5 20.0999H3.9C3.66131 20.0999 3.43239 20.0051 3.2636 19.8363C3.09482 19.6675 3 19.4386 3 19.1999V8.3999C3 8.16121 3.09482 7.93229 3.2636 7.76351C3.43239 7.59472 3.66131 7.4999 3.9 7.4999H6.6ZM6.6 9.2999H4.8V18.2999H15.6V16.4999H6.6V9.2999ZM8.4 5.6999V14.6999H19.2V7.4999H14.3274L12.5274 5.6999H8.4Z"
+    fill="#969696" />
+</svg>

src/assets/icons/files.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M5.5 6.25V4C5.5 3.80109 5.57902 3.61032 5.71967 3.46967C5.86032 3.32902 6.05109 3.25 6.25 3.25H11.0605L12.5605 4.75H16.75C16.9489 4.75 17.1397 4.82902 17.2803 4.96967C17.421 5.11032 17.5 5.30109 17.5 5.5V13C17.5 13.1989 17.421 13.3897 17.2803 13.5303C17.1397 13.671 16.9489 13.75 16.75 13.75H14.5V16C14.5 16.1989 14.421 16.3897 14.2803 16.5303C14.1397 16.671 13.9489 16.75 13.75 16.75H3.25C3.05109 16.75 2.86032 16.671 2.71967 16.5303C2.57902 16.3897 2.5 16.1989 2.5 16V7C2.5 6.80109 2.57902 6.61032 2.71967 6.46967C2.86032 6.32902 3.05109 6.25 3.25 6.25H5.5ZM5.5 7.75H4V15.25H13V13.75H5.5V7.75Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/flash.svg

@@ -0,0 +1,10 @@
+<svg
+  width="21"
+  height="20"
+  viewBox="0 0 21 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10.926 8.5H16.176L9.42603 18.25V11.5H4.17603L10.926 1.75V8.5Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/folder.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10.3105 4.75H16.75C16.9489 4.75 17.1397 4.82902 17.2803 4.96967C17.421 5.11032 17.5 5.30109 17.5 5.5V16C17.5 16.1989 17.421 16.3897 17.2803 16.5303C17.1397 16.671 16.9489 16.75 16.75 16.75H3.25C3.05109 16.75 2.86032 16.671 2.71967 16.5303C2.57902 16.3897 2.5 16.1989 2.5 16V4C2.5 3.80109 2.57902 3.61032 2.71967 3.46967C2.86032 3.32902 3.05109 3.25 3.25 3.25H8.8105L10.3105 4.75ZM4 4.75V15.25H16V6.25H9.6895L8.1895 4.75H4ZM9.25 10V7.75H10.75V10H13V11.5H10.75V13.75H9.25V11.5H7V10H9.25Z"
+    fill="#969696" />
+</svg>

src/assets/icons/hardrive.svg

@@ -0,0 +1,10 @@
+<svg
+  width="40"
+  height="40"
+  viewBox="0 0 40 40"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M33.5 6.5V33.5C33.5 33.8978 33.342 34.2794 33.0607 34.5607C32.7794 34.842 32.3978 35 32 35H8C7.60218 35 7.22064 34.842 6.93934 34.5607C6.65804 34.2794 6.5 33.8978 6.5 33.5V6.5C6.5 6.10218 6.65804 5.72064 6.93934 5.43934C7.22064 5.15804 7.60218 5 8 5H32C32.3978 5 32.7794 5.15804 33.0607 5.43934C33.342 5.72064 33.5 6.10218 33.5 6.5ZM9.5 26V32H30.5V26H9.5ZM24.5 27.5H27.5V30.5H24.5V27.5Z"
+    fill="#969696" />
+</svg>

src/assets/icons/help.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10 17.5C5.85775 17.5 2.5 14.1423 2.5 10C2.5 5.85775 5.85775 2.5 10 2.5C14.1423 2.5 17.5 5.85775 17.5 10C17.5 14.1423 14.1423 17.5 10 17.5ZM10 16C11.5913 16 13.1174 15.3679 14.2426 14.2426C15.3679 13.1174 16 11.5913 16 10C16 8.4087 15.3679 6.88258 14.2426 5.75736C13.1174 4.63214 11.5913 4 10 4C8.4087 4 6.88258 4.63214 5.75736 5.75736C4.63214 6.88258 4 8.4087 4 10C4 11.5913 4.63214 13.1174 5.75736 14.2426C6.88258 15.3679 8.4087 16 10 16ZM9.25 12.25H10.75V13.75H9.25V12.25ZM10.75 11.0162V11.5H9.25V10.375C9.25 10.1761 9.32902 9.98532 9.46967 9.84467C9.61032 9.70402 9.80109 9.625 10 9.625C10.2131 9.62499 10.4217 9.56447 10.6017 9.4505C10.7818 9.33652 10.9257 9.17377 11.0168 8.98119C11.108 8.7886 11.1425 8.5741 11.1165 8.36263C11.0905 8.15117 11.005 7.95144 10.8699 7.78668C10.7348 7.62193 10.5557 7.49892 10.3534 7.43198C10.1511 7.36503 9.93403 7.3569 9.72732 7.40853C9.52061 7.46016 9.33281 7.56942 9.18577 7.72361C9.03874 7.8778 8.93851 8.07057 8.89675 8.2795L7.42525 7.98475C7.51647 7.52881 7.72713 7.10528 8.03569 6.75744C8.34425 6.4096 8.73964 6.14994 9.18144 6.00499C9.62325 5.86004 10.0956 5.83501 10.5503 5.93246C11.0049 6.02991 11.4255 6.24634 11.7691 6.55962C12.1127 6.8729 12.3669 7.2718 12.5058 7.71555C12.6447 8.15929 12.6633 8.63196 12.5596 9.08523C12.456 9.5385 12.2338 9.95612 11.9159 10.2954C11.5979 10.6347 11.1956 10.8834 10.75 11.0162Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/home.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M17.5 8.49925V16C17.5 16.1989 17.421 16.3897 17.2803 16.5303C17.1397 16.671 16.9489 16.75 16.75 16.75H10.75V8.49925H17.5ZM9.25 12.9992V16.75H3.25C3.05109 16.75 2.86032 16.671 2.71967 16.5303C2.57902 16.3897 2.5 16.1989 2.5 16V12.9992H9.25ZM9.25 3.25V11.4992H2.5V4C2.5 3.80109 2.57902 3.61032 2.71967 3.46967C2.86032 3.32902 3.05109 3.25 3.25 3.25H9.25ZM16.75 3.25C16.9489 3.25 17.1397 3.32902 17.2803 3.46967C17.421 3.61032 17.5 3.80109 17.5 4V6.99925H10.75V3.25H16.75Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/host.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4.75 9.25H15.25V4.75H4.75V9.25ZM16.75 4V16C16.75 16.1989 16.671 16.3897 16.5303 16.5303C16.3897 16.671 16.1989 16.75 16 16.75H4C3.80109 16.75 3.61032 16.671 3.46967 16.5303C3.32902 16.3897 3.25 16.1989 3.25 16V4C3.25 3.80109 3.32902 3.61032 3.46967 3.46967C3.61032 3.32902 3.80109 3.25 4 3.25H16C16.1989 3.25 16.3897 3.32902 16.5303 3.46967C16.671 3.61032 16.75 3.80109 16.75 4ZM15.25 10.75H4.75V15.25H15.25V10.75ZM6.25 12.25H8.5V13.75H6.25V12.25ZM6.25 6.25H8.5V7.75H6.25V6.25Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/image.svg

@@ -0,0 +1,10 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12.8 3.8001H3.2V12.2001L8.7752 6.6237C8.88772 6.51122 9.0403 6.44803 9.1994 6.44803C9.3585 6.44803 9.51108 6.51122 9.6236 6.6237L12.8 9.8061V3.8001ZM2 3.1959C2.0011 3.03832 2.06414 2.88751 2.17551 2.77603C2.28688 2.66455 2.43763 2.60135 2.5952 2.6001H13.4048C13.7336 2.6001 14 2.8671 14 3.1959V12.8043C13.9989 12.9619 13.9359 13.1127 13.8245 13.2242C13.7131 13.3356 13.5624 13.3988 13.4048 13.4001H2.5952C2.43729 13.3999 2.2859 13.3371 2.17429 13.2254C2.06269 13.1137 2 12.9622 2 12.8043V3.1959ZM5.6 7.4001C5.28174 7.4001 4.97652 7.27367 4.75147 7.04863C4.52643 6.82358 4.4 6.51836 4.4 6.2001C4.4 5.88184 4.52643 5.57661 4.75147 5.35157C4.97652 5.12653 5.28174 5.0001 5.6 5.0001C5.91826 5.0001 6.22348 5.12653 6.44853 5.35157C6.67357 5.57661 6.8 5.88184 6.8 6.2001C6.8 6.51836 6.67357 6.82358 6.44853 7.04863C6.22348 7.27367 5.91826 7.4001 5.6 7.4001Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/info-file.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12.25 4H4.75V16H15.25V7H12.25V4ZM3.25 3.244C3.25 2.833 3.58525 2.5 3.99925 2.5H13L16.75 6.25V16.7448C16.7507 16.8432 16.732 16.9409 16.6949 17.0322C16.6579 17.1234 16.6032 17.2065 16.534 17.2766C16.4649 17.3468 16.3826 17.4026 16.2919 17.4409C16.2011 17.4792 16.1037 17.4993 16.0052 17.5H3.99475C3.79778 17.4986 3.60926 17.4198 3.46991 17.2806C3.33056 17.1414 3.25157 16.953 3.25 16.756V3.244ZM9.25 9.25H10.75V13.75H9.25V9.25ZM9.25 6.25H10.75V7.75H9.25V6.25Z"
+    fill="#969696" />
+</svg>

src/assets/icons/info.svg

@@ -0,0 +1,13 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12 19.5C16.1421 19.5 19.5 16.1421 19.5 12C19.5 7.85786 16.1421 4.5 12 4.5C7.85786 4.5 4.5 7.85786 4.5 12C4.5 16.1421 7.85786 19.5 12 19.5ZM13.339 15.8503L13.4588 15.3607C13.3968 15.3898 13.2968 15.4231 13.1598 15.461C13.0224 15.4988 12.8987 15.5181 12.79 15.5181C12.5584 15.5181 12.3954 15.4802 12.3008 15.4039C12.2068 15.3276 12.16 15.1841 12.16 14.9739C12.16 14.8906 12.1741 14.7665 12.2037 14.604C12.2323 14.4405 12.2653 14.2951 12.3019 14.168L12.749 12.5851C12.7928 12.4398 12.8229 12.2801 12.839 12.1058C12.8555 11.9319 12.8632 11.8102 12.8632 11.7412C12.8632 11.4074 12.7462 11.1365 12.5121 10.9275C12.278 10.7187 11.9447 10.6143 11.5128 10.6143C11.2724 10.6143 11.0183 10.6571 10.7493 10.7424C10.4804 10.8275 10.1992 10.9301 9.90505 11.0498L9.78498 11.5398C9.87263 11.5074 9.97703 11.4725 10.0992 11.4364C10.2208 11.4005 10.3401 11.3819 10.4562 11.3819C10.6932 11.3819 10.8528 11.4223 10.9364 11.5019C11.0201 11.5817 11.0621 11.7236 11.0621 11.9266C11.0621 12.0388 11.0488 12.1635 11.0213 12.299C10.9941 12.4354 10.9601 12.5796 10.9202 12.7318L10.4711 14.321C10.4312 14.488 10.402 14.6374 10.3836 14.7701C10.3654 14.9026 10.3567 15.0327 10.3567 15.1591C10.3567 15.4858 10.4774 15.755 10.7187 15.9675C10.96 16.1792 11.2983 16.2857 11.7332 16.2857C12.0165 16.2857 12.2651 16.2487 12.479 16.1742C12.6927 16.1 12.9797 15.9921 13.339 15.8503ZM13.2594 9.42024C13.4682 9.22658 13.5722 8.99105 13.5722 8.71526C13.5722 8.44009 13.4684 8.20409 13.2594 8.00797C13.051 7.81239 12.7999 7.71429 12.5063 7.71429C12.2117 7.71429 11.9596 7.81216 11.7493 8.00797C11.5389 8.20409 11.4336 8.44001 11.4336 8.71526C11.4336 8.99105 11.5389 9.2265 11.7493 9.42024C11.96 9.6146 12.2117 9.71186 12.5063 9.71186C12.8 9.71186 13.051 9.6146 13.2594 9.42024Z"
+    fill="currentColor"
+    fill-opacity="0.4" />
+</svg>

src/assets/icons/lines.svg

@@ -0,0 +1,24 @@
+<svg viewBox="0 0 464 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    opacity="0.5"
+    d="M10.5131 44.5368H0.231579C0.103681 44.5368 0 44.6405 0 44.7684C0 44.8963 0.103681 45 0.231579 45H460C462.209 45 464 43.2091 464 41V5C464 2.79086 462.209 1 460 1H437.926C437.43 1 436.938 1.09246 436.475 1.27265L381.325 22.7489C380.862 22.9291 380.37 23.0215 379.874 23.0215H362.053C361.293 23.0215 360.548 22.8049 359.907 22.3971L327.232 1.62441C326.591 1.21659 325.846 1 325.086 1H291.727C290.845 1 289.988 1.29141 289.289 1.82891L262.803 22.1926C262.104 22.7301 261.254 23.0215 260.372 23.0215H216.323C215.661 23.0215 215.02 23.1857 214.437 23.4993L186.929 38.3042C186.346 38.6178 185.695 38.782 185.033 38.782H166.823C166.154 38.782 165.495 38.6138 164.907 38.2929L137.827 23.5106C137.24 23.1897 136.581 23.0215 135.911 23.0215H112.308C111.412 23.0215 110.542 22.7208 109.837 22.1676L83.9663 1.85392C83.2617 1.3007 82.3919 1 81.4961 1H50.9186C49.7391 1 48.6197 1.52056 47.8597 2.42254L13.572 43.1143C12.812 44.0163 11.6926 44.5368 10.5131 44.5368Z"
+    fill="url(#paint0_linear_346_1558)"
+    fill-opacity="0.06" />
+  <path
+    opacity="0.6"
+    d="M0 45H8.62753C11.0011 45 13.2521 43.946 14.772 42.123L46.6596 3.87702C48.1796 2.05398 50.4306 1 52.8041 1H80.0903C81.896 1 83.6486 1.6109 85.0631 2.73335L108.741 21.5225C110.155 22.6449 111.908 23.2558 113.714 23.2558H134.871C136.223 23.2558 137.552 23.5982 138.736 24.2511L163.999 38.1886C165.182 38.8415 166.512 39.1839 167.863 39.1839H184.007C185.342 39.1839 186.656 38.8496 187.829 38.2116L213.537 24.2281C214.71 23.5901 216.013 23.2558 217.348 23.2558C229.407 23.2558 251.34 23.2558 258.999 23.2558C260.776 23.2558 262.487 22.6637 263.891 21.5729L288.202 2.68288C289.605 1.59212 291.332 1 293.11 1H323.901C325.435 1 326.936 1.44066 328.226 2.26951L358.913 21.9863C360.203 22.8152 361.704 23.2558 363.237 23.2558H379.107C380.11 23.2558 381.104 23.0673 382.037 22.7L435.763 1.55577C436.696 1.18853 437.69 1 438.693 1L464 1"
+    stroke="#3EE089"
+    stroke-width="2" />
+  <defs>
+    <linearGradient
+      id="paint0_linear_346_1558"
+      x1="232"
+      y1="17.617"
+      x2="232"
+      y2="45"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#CFD1D3" />
+      <stop offset="1" stop-color="#E4E5E7" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+</svg>

src/assets/icons/logo.svg

@@ -0,0 +1,25 @@
+<svg viewBox="0 0 45 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M22.884 1.59902L22.462 1.3427L22.0401 1.5993L1.45174 14.1216L1.06145 14.359L1.06145 14.8158L1.06145 35.0774L1.06145 35.5309L1.44742 35.7689L21.9256 48.3995L22.3493 48.6609L22.7745 48.4021L43.5047 35.787L43.8948 35.5496L43.8948 35.0929L43.8948 14.8158L43.8948 14.3586L43.504 14.1213L22.884 1.59902ZM22.4623 4.54508L41.0883 15.8913L41.0883 34.018L22.3699 45.4544L3.83635 34.0203L3.83635 15.8913L22.4623 4.54508Z"
+    fill="#6FCB94"
+    stroke="#6FCB94"
+    stroke-width="1.625" />
+  <path
+    d="M21.8959 47.0581L23.0143 47.0581L23.0143 2.85093L21.8959 2.85093L21.8959 47.0581Z"
+    fill="#6FCB94" />
+  <path
+    d="M31.8506 40.8662L32.969 40.8662L32.969 9.02652L31.8506 9.02652L31.8506 40.8662Z"
+    fill="#6FCB94" />
+  <path
+    d="M11.8611 40.8662L12.9795 40.8662L12.9795 9.02652L11.8611 9.02652L11.8611 40.8662Z"
+    fill="#6FCB94" />
+  <path
+    d="M12.6987 41.5298L42.6929 25.6138L42.1614 24.6468L12.1672 40.5628L12.6987 41.5298Z"
+    fill="#6FCB94" />
+  <path
+    d="M2.69293 35.5051L42.691 15.8494L42.1908 14.8664L2.19267 34.5222L2.69293 35.5051Z"
+    fill="#6FCB94" />
+  <path
+    d="M32.1329 41.4238L32.6643 40.4568L2.67012 24.5407L2.13867 25.5078L32.1329 41.4238Z"
+    fill="#6FCB94" />
+</svg>

src/assets/icons/logs.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M16 17.5H4C3.80109 17.5 3.61032 17.421 3.46967 17.2803C3.32902 17.1397 3.25 16.9489 3.25 16.75V3.25C3.25 3.05109 3.32902 2.86032 3.46967 2.71967C3.61032 2.57902 3.80109 2.5 4 2.5H16C16.1989 2.5 16.3897 2.57902 16.5303 2.71967C16.671 2.86032 16.75 3.05109 16.75 3.25V16.75C16.75 16.9489 16.671 17.1397 16.5303 17.2803C16.3897 17.421 16.1989 17.5 16 17.5ZM15.25 16V4H4.75V16H15.25ZM7 7.75H13V9.25H7V7.75ZM7 10.75H13V12.25H7V10.75Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/nodes.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10.2 3C10.6968 3 11.1 3.4032 11.1 3.9V7.5C11.1 7.9968 10.6968 8.4 10.2 8.4H8.40002V10.2H12.9V9.3C12.9 8.8032 13.3032 8.4 13.8 8.4H19.2C19.6968 8.4 20.1 8.8032 20.1 9.3V12.9C20.1 13.3968 19.6968 13.8 19.2 13.8H13.8C13.3032 13.8 12.9 13.3968 12.9 12.9V12H8.40002V17.4H12.9V16.5C12.9 16.0032 13.3032 15.6 13.8 15.6H19.2C19.6968 15.6 20.1 16.0032 20.1 16.5V20.1C20.1 20.5968 19.6968 21 19.2 21H13.8C13.3032 21 12.9 20.5968 12.9 20.1V19.2H7.50002C7.00322 19.2 6.60002 18.7968 6.60002 18.3V8.4H4.80002C4.30322 8.4 3.90002 7.9968 3.90002 7.5V3.9C3.90002 3.4032 4.30322 3 4.80002 3H10.2ZM18.3 17.4H14.7V19.2H18.3V17.4ZM18.3 10.2H14.7V12H18.3V10.2ZM9.30002 4.8H5.70002V6.6H9.30002V4.8Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/peers.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12 21C7.0293 21 3 16.9707 3 12C3 7.0293 7.0293 3 12 3C16.9707 3 21 7.0293 21 12C21 16.9707 16.9707 21 12 21ZM9.939 18.9003C9.05107 17.0169 8.53668 14.9792 8.4243 12.9H4.8558C5.03093 14.285 5.60453 15.5893 6.50691 16.6545C7.40929 17.7197 8.60161 18.4999 9.939 18.9003ZM10.227 12.9C10.3629 15.0951 10.9902 17.157 12 18.9768C13.0371 17.1089 13.6429 15.0325 13.773 12.9H10.227ZM19.1442 12.9H15.5757C15.4633 14.9792 14.9489 17.0169 14.061 18.9003C15.3984 18.4999 16.5907 17.7197 17.4931 16.6545C18.3955 15.5893 18.9691 14.285 19.1442 12.9ZM4.8558 11.1H8.4243C8.53668 9.02081 9.05107 6.98312 9.939 5.0997C8.60161 5.50009 7.40929 6.28028 6.50691 7.34547C5.60453 8.41065 5.03093 9.71499 4.8558 11.1ZM10.2279 11.1H13.7721C13.6423 8.96754 13.0368 6.89118 12 5.0232C10.9629 6.8911 10.3571 8.96747 10.227 11.1H10.2279ZM14.061 5.0997C14.9489 6.98312 15.4633 9.02081 15.5757 11.1H19.1442C18.9691 9.71499 18.3955 8.41065 17.4931 7.34547C16.5907 6.28028 15.3984 5.50009 14.061 5.0997Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/plus-circle.svg

@@ -0,0 +1,10 @@
+<svg
+  width="21"
+  height="20"
+  viewBox="0 0 21 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10.5 17.5C6.35775 17.5 3 14.1422 3 10C3 5.85775 6.35775 2.5 10.5 2.5C14.6422 2.5 18 5.85775 18 10C18 14.1422 14.6422 17.5 10.5 17.5ZM9.75 9.25H6.75V10.75H9.75V13.75H11.25V10.75H14.25V9.25H11.25V6.25H9.75V9.25Z"
+    fill="#99A0AE" />
+</svg>

src/assets/icons/plus.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M9.25 9.25V4.75H10.75V9.25H15.25V10.75H10.75V15.25H9.25V10.75H4.75V9.25H9.25Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/preset.svg

@@ -0,0 +1,11 @@
+<svg
+  width="61"
+  height="74"
+  viewBox="0 0 61 74"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M37 -7L0 15.2V59.46L37 81.66L74 59.46V15.2L37 -7ZM68.12 16.33L47.83 28.5L39 23.2V-1.14L68.12 16.33ZM46 40.4L40.88 37.33L46 34.26V40.4ZM28 34.26L33.12 37.33L28 40.4V34.26ZM39 33.8V27.86L43.95 30.83L39 33.8ZM35 33.8L30.05 30.83L35 27.86V33.8ZM35 40.86V46.8L30.05 43.83L35 40.86ZM39 40.86L43.95 43.83L39 46.8V40.86ZM35 -1.14V23.2L26.17 28.5L5.88 16.33L35 -1.14ZM4 19.86L24 31.86V42.8L4 54.8V19.86ZM5.88 58.33L26.17 46.16L35 51.46V75.8L5.88 58.33ZM39 75.8V51.46L47.83 46.16L68.12 58.33L39 75.8ZM70 54.8L50 42.8V31.86L70 19.86V54.8Z"
+    fill="currentColor"
+    fill-opacity="0.1" />
+</svg>

src/assets/icons/purchase-history-outline.svg

@@ -0,0 +1,10 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10.5726 3.8999L12.3726 5.6999H20.1C20.5968 5.6999 21 6.1031 21 6.5999V19.1999C21 19.6967 20.5968 20.0999 20.1 20.0999H3.9C3.4032 20.0999 3 19.6967 3 19.1999V4.7999C3 4.3031 3.4032 3.8999 3.9 3.8999H10.5726ZM9.8274 5.6999H4.8V18.2999H19.2V7.4999H11.6274L9.8274 5.6999ZM12.9 9.2999V12.8999H15.6V14.6999H11.1V9.2999H12.9Z"
+    fill="#969696" />
+</svg>

src/assets/icons/purchase.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4 5.81013L1.56775 3.37863L2.629 2.31738L5.0605 4.74963H16.492C16.6089 4.74962 16.7242 4.77694 16.8287 4.82941C16.9331 4.88187 17.0239 4.95803 17.0937 5.0518C17.1635 5.14558 17.2104 5.25437 17.2307 5.3695C17.251 5.48463 17.2441 5.6029 17.2105 5.71488L15.4105 11.7149C15.3642 11.8694 15.2693 12.005 15.1398 12.1013C15.0104 12.1976 14.8534 12.2496 14.692 12.2496H5.5V13.7496H13.75V15.2496H4.75C4.55109 15.2496 4.36032 15.1706 4.21967 15.03C4.07902 14.8893 4 14.6985 4 14.4996V5.81013ZM5.5 6.24963V10.7496H14.134L15.484 6.24963H5.5ZM5.125 18.2496C4.82663 18.2496 4.54048 18.1311 4.3295 17.9201C4.11853 17.7091 4 17.423 4 17.1246C4 16.8263 4.11853 16.5401 4.3295 16.3291C4.54048 16.1182 4.82663 15.9996 5.125 15.9996C5.42337 15.9996 5.70952 16.1182 5.92049 16.3291C6.13147 16.5401 6.25 16.8263 6.25 17.1246C6.25 17.423 6.13147 17.7091 5.92049 17.9201C5.70952 18.1311 5.42337 18.2496 5.125 18.2496ZM14.125 18.2496C13.8266 18.2496 13.5405 18.1311 13.3295 17.9201C13.1185 17.7091 13 17.423 13 17.1246C13 16.8263 13.1185 16.5401 13.3295 16.3291C13.5405 16.1182 13.8266 15.9996 14.125 15.9996C14.4234 15.9996 14.7095 16.1182 14.9205 16.3291C15.1315 16.5401 15.25 16.8263 15.25 17.1246C15.25 17.423 15.1315 17.7091 14.9205 17.9201C14.7095 18.1311 14.4234 18.2496 14.125 18.2496Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/purchases-state-pending.svg

@@ -0,0 +1,11 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M8.8105 3.25L10.3105 4.75H16.75C17.164 4.75 17.5 5.086 17.5 5.5V16C17.5 16.414 17.164 16.75 16.75 16.75H3.25C2.836 16.75 2.5 16.414 2.5 16V4C2.5 3.586 2.836 3.25 3.25 3.25H8.8105ZM10.75 7.75H9.25V12.25H13V10.75H10.75V7.75Z"
+    fill="#969696"
+    fill-opacity="0.6" />
+</svg>

src/assets/icons/refresh.svg

@@ -0,0 +1,10 @@
+<svg
+  width="32"
+  height="32"
+  viewBox="0 0 32 32"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M16 28C9.3724 28 4 22.6276 4 16C4 9.3724 9.3724 4 16 4C22.6276 4 28 9.3724 28 16C28 22.6276 22.6276 28 16 28ZM21.784 22.0912C23.2325 20.7182 24.1449 18.8744 24.3576 16.8899C24.5703 14.9055 24.0695 12.9101 22.9449 11.2613C21.8203 9.61253 20.1454 8.41804 18.2202 7.89182C16.295 7.36561 14.2453 7.54208 12.4384 8.3896L13.6084 10.4956C14.5215 10.0987 15.519 9.93535 16.511 10.0202C17.503 10.105 18.4584 10.4353 19.2909 10.9814C20.1234 11.5274 20.8069 12.2721 21.2798 13.1482C21.7528 14.0243 22.0003 15.0044 22 16H18.4L21.784 22.0912ZM19.5616 23.6104L18.3916 21.5044C17.4785 21.9013 16.481 22.0646 15.489 21.9799C14.497 21.8951 13.5416 21.5647 12.7091 21.0187C11.8766 20.4726 11.1931 19.7279 10.7202 18.8518C10.2472 17.9757 9.99973 16.9956 10 16H13.6L10.216 9.9088C8.76747 11.2818 7.85511 13.1256 7.64239 15.1101C7.42966 17.0945 7.93047 19.0899 9.05508 20.7387C10.1797 22.3875 11.8546 23.582 13.7798 24.1082C15.705 24.6344 17.7547 24.4579 19.5616 23.6104Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/request-duration.svg

@@ -0,0 +1,10 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M17.0562 6.5713L18.3639 5.2636L19.6365 6.5362L18.3288 7.8439C19.621 9.46135 20.2448 11.5122 20.0722 13.5752C19.8995 15.6382 18.9435 17.5569 17.4004 18.937C15.8574 20.3172 13.8444 21.0542 11.775 20.9966C9.70555 20.939 7.73671 20.0912 6.27283 18.6273C4.80895 17.1634 3.96114 15.1946 3.90353 13.1251C3.84592 11.0557 4.58288 9.04271 5.96306 7.49966C7.34323 5.9566 9.26185 5.00057 11.3249 4.82792C13.3879 4.65527 15.4388 5.2791 17.0562 6.5713ZM12 19.2001C12.8273 19.2001 13.6466 19.0371 14.4109 18.7205C15.1753 18.4039 15.8698 17.9399 16.4548 17.3549C17.0398 16.7699 17.5038 16.0754 17.8204 15.311C18.1371 14.5467 18.3 13.7274 18.3 12.9001C18.3 12.0728 18.1371 11.2535 17.8204 10.4892C17.5038 9.72484 17.0398 9.03033 16.4548 8.44532C15.8698 7.86032 15.1753 7.39626 14.4109 7.07966C13.6466 6.76305 12.8273 6.6001 12 6.6001C10.3291 6.6001 8.72671 7.26385 7.54523 8.44532C6.36375 9.6268 5.7 11.2292 5.7 12.9001C5.7 14.571 6.36375 16.1734 7.54523 17.3549C8.72671 18.5363 10.3291 19.2001 12 19.2001ZM11.1 8.4001H12.9V13.8001H11.1V8.4001ZM8.4 2.1001H15.6V3.9001H8.4V2.1001Z"
+    fill="#969696" />
+</svg>

src/assets/icons/save.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M14.5 16.75V10.75H5.5V16.75H4C3.80109 16.75 3.61032 16.671 3.46967 16.5303C3.32902 16.3897 3.25 16.1989 3.25 16V4C3.25 3.80109 3.32902 3.61032 3.46967 3.46967C3.61032 3.32902 3.80109 3.25 4 3.25H13.75L16.75 6.25V16C16.75 16.1989 16.671 16.3897 16.5303 16.5303C16.3897 16.671 16.1989 16.75 16 16.75H14.5ZM13 16.75H7V12.25H13V16.75Z"
+    fill="#99A0AE" />
+</svg>

src/assets/icons/settings.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M7.5145 4.00004L9.46975 2.04479C9.6104 1.90418 9.80113 1.8252 10 1.8252C10.1989 1.8252 10.3896 1.90418 10.5303 2.04479L12.4855 4.00004H15.25C15.4489 4.00004 15.6397 4.07905 15.7803 4.21971C15.921 4.36036 16 4.55112 16 4.75004V7.51453L17.9553 9.46979C18.0959 9.61043 18.1748 9.80116 18.1748 10C18.1748 10.1989 18.0959 10.3896 17.9553 10.5303L16 12.4855V15.25C16 15.4489 15.921 15.6397 15.7803 15.7804C15.6397 15.921 15.4489 16 15.25 16H12.4855L10.5303 17.9553C10.3896 18.0959 10.1989 18.1749 10 18.1749C9.80113 18.1749 9.6104 18.0959 9.46975 17.9553L7.5145 16H4.75C4.55109 16 4.36033 15.921 4.21967 15.7804C4.07902 15.6397 4 15.4489 4 15.25V12.4855L2.04475 10.5303C1.90415 10.3896 1.82516 10.1989 1.82516 10C1.82516 9.80116 1.90415 9.61043 2.04475 9.46979L4 7.51453V4.75004C4 4.55112 4.07902 4.36036 4.21967 4.21971C4.36033 4.07905 4.55109 4.00004 4.75 4.00004H7.5145ZM5.5 5.50003V8.13629L3.63625 10L5.5 11.8638V14.5H8.13625L10 16.3638L11.8638 14.5H14.5V11.8638L16.3638 10L14.5 8.13629V5.50003H11.8638L10 3.63629L8.13625 5.50003H5.5ZM10 13C9.20435 13 8.44129 12.684 7.87868 12.1214C7.31607 11.5587 7 10.7957 7 10C7 9.20438 7.31607 8.44132 7.87868 7.87871C8.44129 7.31611 9.20435 7.00003 10 7.00003C10.7957 7.00003 11.5587 7.31611 12.1213 7.87871C12.6839 8.44132 13 9.20438 13 10C13 10.7957 12.6839 11.5587 12.1213 12.1214C11.5587 12.684 10.7957 13 10 13ZM10 11.5C10.3978 11.5 10.7794 11.342 11.0607 11.0607C11.342 10.7794 11.5 10.3979 11.5 10C11.5 9.60221 11.342 9.22068 11.0607 8.93937C10.7794 8.65807 10.3978 8.50003 10 8.50003C9.60218 8.50003 9.22065 8.65807 8.93934 8.93937C8.65804 9.22068 8.5 9.60221 8.5 10C8.5 10.3979 8.65804 10.7794 8.93934 11.0607C9.22065 11.342 9.60218 11.5 10 11.5Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/slot.svg

@@ -0,0 +1,10 @@
+<svg
+  width="32"
+  height="32"
+  viewBox="0 0 32 32"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M24.5021 9.92225L16 5L7.49793 9.92225L16 14.8445L24.5021 9.92225ZM6.5 11.6555V21.5L15 26.4211V16.5765L6.5 11.6555ZM17 26.4211L25.5 21.5V11.6555L17 16.5765V26.4211Z"
+    fill="#969696" />
+</svg>

src/assets/icons/success-circle.svg

@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10 17.5C5.85775 17.5 2.5 14.1423 2.5 10C2.5 5.85775 5.85775 2.5 10 2.5C14.1423 2.5 17.5 5.85775 17.5 10C17.5 14.1423 14.1423 17.5 10 17.5ZM9.25225 13L14.5548 7.69675L13.4943 6.63625L9.25225 10.879L7.1305 8.75725L6.07 9.81775L9.25225 13Z"
+    fill="#1DAF61" />
+</svg>

src/assets/icons/upload.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12.3726 5.6999H20.1C20.3387 5.6999 20.5676 5.79472 20.7364 5.96351C20.9052 6.13229 21 6.36121 21 6.5999V19.1999C21 19.4386 20.9052 19.6675 20.7364 19.8363C20.5676 20.0051 20.3387 20.0999 20.1 20.0999H3.9C3.66131 20.0999 3.43239 20.0051 3.2636 19.8363C3.09482 19.6675 3 19.4386 3 19.1999V4.7999C3 4.56121 3.09482 4.33229 3.2636 4.16351C3.43239 3.99472 3.66131 3.8999 3.9 3.8999H10.5726L12.3726 5.6999ZM4.8 5.6999V18.2999H19.2V7.4999H11.6274L9.8274 5.6999H4.8ZM12.9 12.8999V16.4999H11.1V12.8999H8.4L12 9.2999L15.6 12.8999H12.9Z"
+    fill="currentColor" />
+</svg>

src/assets/icons/video.svg

@@ -0,0 +1,10 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12.5 4.5H8.2071L7.2071 3.5H3.5C3.22386 3.5 3 3.72386 3 4V12C3 12.2761 3.22386 12.5 3.5 12.5H12.5C12.7761 12.5 13 12.2761 13 12V5C13 4.72386 12.7761 4.5 12.5 4.5ZM9.5004 8.3335C9.5923 8.39475 9.61715 8.51895 9.55585 8.61085C9.5412 8.6328 9.52235 8.65165 9.5004 8.6663L7.06095 10.2926C6.96905 10.3539 6.84485 10.3291 6.7836 10.2372C6.7617 10.2043 6.75 10.1657 6.75 10.1262V6.87359C6.75 6.76313 6.83955 6.67358 6.95 6.67358C6.9895 6.67358 7.0281 6.68527 7.06095 6.70717L9.5004 8.3335Z"
+    fill="#969696" />
+</svg>

src/assets/icons/wallet.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M3.9 3.8999H20.1C20.3387 3.8999 20.5676 3.99472 20.7364 4.16351C20.9052 4.33229 21 4.56121 21 4.7999V19.1999C21 19.4386 20.9052 19.6675 20.7364 19.8363C20.5676 20.0051 20.3387 20.0999 20.1 20.0999H3.9C3.66131 20.0999 3.43239 20.0051 3.2636 19.8363C3.09482 19.6675 3 19.4386 3 19.1999V4.7999C3 4.56121 3.09482 4.33229 3.2636 4.16351C3.43239 3.99472 3.66131 3.8999 3.9 3.8999ZM19.2 11.0999H4.8V18.2999H19.2V11.0999ZM19.2 9.2999V5.6999H4.8V9.2999H19.2ZM13.8 14.6999H17.4V16.4999H13.8V14.6999Z"
+    fill="currentColor" />
+</svg>