From 023826fdce6aceca9ea20032676f329f8a8b33c1 Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Mon, 6 May 2024 19:58:38 +0200
Subject: [PATCH] Refactor ScriptBrowser component for improved performance and
 readability

---
 app/scripts/page.tsx         | 4 +++-
 components/Navbar.tsx        | 2 +-
 components/ScriptBrowser.tsx | 4 ++--
 components/ui/accordion.tsx  | 2 +-
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/scripts/page.tsx b/app/scripts/page.tsx
index 6cc50fd..0acf2b4 100644
--- a/app/scripts/page.tsx
+++ b/app/scripts/page.tsx
@@ -12,7 +12,9 @@ export default function Page() {
         quantity={100}
       />
       <div className="mt-20 flex">
-        <ScriptBrowser />
+        <div className="hidden sm:flex">
+          <ScriptBrowser />
+        </div>
         <div className="flex">
           <div className="h-screen w-full">
             <ScriptItem />
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index e376954..e92ab0e 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -57,7 +57,7 @@ function Navbar() {
               <SheetTrigger>
                 <Menu className="w-8 h-8" />
               </SheetTrigger>
-              <SheetContent side={"left"} className="w-full">
+              <SheetContent side={"left"}>
                 <SheetHeader>
                   <SheetTitle>Proxmox Helper Scripts</SheetTitle>
                   <SheetDescription>
diff --git a/components/ScriptBrowser.tsx b/components/ScriptBrowser.tsx
index 1e3b4b4..34275e1 100644
--- a/components/ScriptBrowser.tsx
+++ b/components/ScriptBrowser.tsx
@@ -58,7 +58,7 @@ const ScriptBrowser = () => {
   }, [links, searchTerm]);
 
   return (
-    <div className="min-w-72 max-w-72 flex-col hidden sm:flex">
+    <div className="min-w-72 sm:max-w-72 flex-col flex">
       <h1 className="mb-5 text-xl font-bold">Scripts</h1>
       <Input
         className="mb-5"
@@ -72,7 +72,7 @@ const ScriptBrowser = () => {
           <AccordionItem
             key={category.id}
             value={category.Catagory_Title}
-            className={`text-md flex flex-col gap-2`}
+            className={`sm:text-md flex flex-col gap-2`}
           >
             <AccordionTrigger>{category.Catagory_Title}</AccordionTrigger>
             <AccordionContent>
diff --git a/components/ui/accordion.tsx b/components/ui/accordion.tsx
index bf0b8d2..e9251f8 100644
--- a/components/ui/accordion.tsx
+++ b/components/ui/accordion.tsx
@@ -46,7 +46,7 @@ const AccordionContent = React.forwardRef<
 >(({ className, children, ...props }, ref) => (
   <AccordionPrimitive.Content
     ref={ref}
-    className="overflow-hidden text-sm transition-all py-1 data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    className="overflow-hidden text-lg transition-all py-1 data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
     {...props}
   >
     <div className={cn("pb-4 pt-0", className)}>{children}</div>