From 2f3ed8ff34d7264d5a1ac9dcd7646064f738f654 Mon Sep 17 00:00:00 2001
From: vighnesh153 <vighnesh.raut13@gmail.com>
Date: Thu, 31 Oct 2024 00:18:23 +0530
Subject: [PATCH] refactor: rename UploadManager to UploadInputBoxWithStats

---
 ...oadManager.tsx => UploadInputBoxWithStats.tsx} |  4 +++-
 .../src/components/solid/uploader/index.ts        |  2 +-
 .../vighnesh153-astro/src/pages/playground.astro  | 15 +++++++++------
 3 files changed, 13 insertions(+), 8 deletions(-)
 rename tools-nodejs/vighnesh153-astro/src/components/solid/uploader/{UploadManager.tsx => UploadInputBoxWithStats.tsx} (97%)

diff --git a/tools-nodejs/vighnesh153-astro/src/components/solid/uploader/UploadManager.tsx b/tools-nodejs/vighnesh153-astro/src/components/solid/uploader/UploadInputBoxWithStats.tsx
similarity index 97%
rename from tools-nodejs/vighnesh153-astro/src/components/solid/uploader/UploadManager.tsx
rename to tools-nodejs/vighnesh153-astro/src/components/solid/uploader/UploadInputBoxWithStats.tsx
index d88c176a..a8b87b1f 100644
--- a/tools-nodejs/vighnesh153-astro/src/components/solid/uploader/UploadManager.tsx
+++ b/tools-nodejs/vighnesh153-astro/src/components/solid/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
index 828410ec..dfbe798d 100644
--- 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
index ef8a31d2..05a143a6 100644
--- 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"