refactor: rename UploadManager to UploadInputBoxWithStats

vighnesh153 · Oct 30, 2024 · 2f3ed8f · 2f3ed8f
1 parent 1ff91d4
commit 2f3ed8f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/...mponents/solid/uploader/UploadManager.tsx → ...olid/uploader/UploadInputBoxWithStats.tsx b/...mponents/solid/uploader/UploadManager.tsx → ...olid/uploader/UploadInputBoxWithStats.tsx
@@ -15,7 +15,9 @@ export type UploadManagerProps = {
 };
 
 // UI inspiration: https://dribbble.com/shots/20881427-Stratis-UI-Misc-Containers
-export function UploadManager(props: UploadManagerProps): JSX.Element {
+export function UploadInputBoxWithStats(
+  props: UploadManagerProps,
+): JSX.Element {
   const fileUploadManager = new FileUploadManager();
   const [dragCounter, setDragCounter] = createSignal<number>(0);
   const [fileStates, setFileStates] = createSignal<FileUploadState[]>([]);

diff --git a/tools-nodejs/vighnesh153-astro/src/components/solid/uploader/index.ts b/tools-nodejs/vighnesh153-astro/src/components/solid/uploader/index.ts
@@ -1,2 +1,2 @@
 export * from "./UploadInputBox.tsx";
-export * from "./UploadManager.tsx";
+export * from "./UploadInputBoxWithStats.tsx";
diff --git a/tools-nodejs/vighnesh153-astro/src/pages/playground.astro b/tools-nodejs/vighnesh153-astro/src/pages/playground.astro
@@ -1,13 +1,16 @@
 ---
-import ContentLayout from '@/layouts/ContentLayout.astro';
+import ContentLayout from "@/layouts/ContentLayout.astro";
 import {
   // CodeViewer,
-  UploadManager,
-} from '@/components/solid/index.ts';
-import { classes } from '@/utils/index.ts';
+  UploadInputBoxWithStats,
+} from "@/components/solid/index.ts";
+import { classes } from "@/utils/index.ts";
 ---
 
-<ContentLayout title="Playground" description="A playground page for different components.">
+<ContentLayout
+  title="Playground"
+  description="A playground page for different components."
+>
   <div
     class={classes(`
     w-11/12
@@ -16,7 +19,7 @@ import { classes } from '@/utils/index.ts';
     mt-[200px]
   `)}
   >
-    <UploadManager client:load />
+    <UploadInputBoxWithStats client:load />
     <!-- <CodeViewer
       client:only="solid-js"
       lang="kotlin"