error resolved

Author: charu1603

app/page.tsx

@@ -88,8 +88,8 @@ const exportPng = async () => {
 <div className="fixed top-0 left-0 w-full bg-[#191919] rounded-b-lg shadow-md p-2 z-10 md:hidden">
   <h2 className="font-black pb-1 text-2xl text-center">CodeCanvas</h2>
   <div className="flex flex-wrap justify-around">
-    <SelectLanguage language={language} setLanguage={setLanguage} seActiveIcon={setActiveIcon} />
-    <SelectTheme theme={theme} setTheme={setTheme} />
+   
+   
     <SelectBackground background={background} setBackground={setBackground} />
     <SelectPadding paddings={paddings} currentPadding={currentPadding} setCurrentPadding={setCurrentPadding} />
     <div className="export-btn pt-2">
@@ -124,8 +124,8 @@ const exportPng = async () => {
       {/* Sidebar for larger screens */}
       <div className="hidden md:block w-[22%] overflow-y-auto no-scrollbar p-5 text-white fixed h-[520px] z-10 bg-[#191919] rounded border border-[#3C3C3C] shadow-md">
         <h2 className="font-black pb-2 text-4xl">CodeCanvas</h2>
-        <SelectLanguage language={language} setLanguage={setLanguage} seActiveIcon={setActiveIcon} />
-        <SelectTheme theme={theme} setTheme={setTheme} />
+      
+      
         <SelectBackground background={background} setBackground={setBackground} />
         <SelectPadding paddings={paddings} currentPadding={currentPadding} setCurrentPadding={setCurrentPadding} />
         <div className="export-btn self-center ml-auto pt-4">

components/SelectBackground.tsx

@@ -27,16 +27,7 @@ function SelectBackground({
     <OutsideClickHandler onOutsideClick={() => setShowDropdown(false)}>
       <div className="bg-selector relative" onClick={toggleDropdown}>
         <p className="py-[10px] text-sm font-medium">Theme Selector</p>
-        <div className="dropdown-title w-[62px]">
-          <div
-            className="rounded-full w-[20px] h-[20px]"
-            style={{
-              background: background,
-            }}
-          ></div>
-          <ChevronDown />
-        </div>
-        {showDropdown && (
+       
           <div className="dropdown-menu top-[74px] w-full rounded-full flex flex-wrap h-full gap-1">
             {backgrounds.map((bg, i) => {
               return (
@@ -49,7 +40,7 @@ function SelectBackground({
               );
             })}
           </div>
-        )}
+        
       </div>
     </OutsideClickHandler>
   );

utils/utility.tsx

@@ -50,9 +50,6 @@ export const languages = [
     "linear-gradient(140deg, rgb(255, 207, 115), rgb(255, 122, 47))",
     "linear-gradient(354deg,#ff75b5,#ffb86c)",
 
-    "linear-gradient(90deg,#93f9b9,#1d976c)",
-    "linear-gradient(140deg, rgb(142, 199, 251), rgb(28, 85, 170))",
-    "linear-gradient(337deg,#654ea3,#da98b4)",
     "#000",
     "#fff",
     "linear-gradient(270deg,#fc6767,#ec008c)",