Changes requested is done

VaibhavArora314 · Jun 13, 2024 · 590dc83 · 590dc83
1 parent e2a5f40
commit 590dc83
Show file tree

Hide file tree

Showing 9 changed files with 17 additions and 18 deletions.
diff --git a/frontend/src/components/CodeEditor.tsx b/frontend/src/components/CodeEditor.tsx
@@ -5,25 +5,24 @@ import { useNavigate } from 'react-router-dom';
 import { useTranslation } from "react-i18next";
 
 const CodeEditor = () => {
-  const initialCode = `<div class="relative flex min-h-screen flex-col justify-center overflow-hidden bg-gray-50 py-6 sm:py-12">
-    <div class="absolute inset-0 bg-[url(/img/grid.svg)] bg-center [mask-image:linear-gradient(180deg,white,rgba(255,255,255,0))]"></div>
-    <div class="relative bg-white px-6 pt-10 pb-8 shadow-xl ring-1 ring-gray-900/5 sm:mx-auto sm:max-w-lg sm:rounded-lg sm:px-10">
-      <div class="mx-auto max-w-md">
+  const initialCode = `<div class="relative flex min-h-screen flex-col justify-center overflow-hidden bg-blue-400 py-6 sm:py-12">
+    <div class="relative px-6 pt-10 pb-8 shadow-2xl ring-1 ring-gray-900/5 sm:mx-auto sm:max-w-lg sm:rounded-lg sm:px-10">
+      <div class="mx-auto max-w-md text-white">
       <h1 class="text-3xl font-semibold">💅 Style Share</h1>
         <div class="divide-y divide-gray-300/50">
-          <div class="space-y-6 py-8 text-base leading-7 text-gray-600">
+          <div class="space-y-6 py-8 text-base leading-7">
             <p>An advanced online playground for Tailwind CSS, including support for things like:</p>
             <ul class="space-y-4">
               <li class="flex items-center">
                 <p class="ml-4">
                   🤜 Customizing your
-                  <code class="text-sm font-bold text-gray-900">tailwind.config.js</code> file
+                  <code class="text-sm font-bold">tailwind.config.js</code> file
                 </p>
               </li>
               <li class="flex items-center">
                 <p class="ml-4">
                   🤜 Extracting classes with
-                  <code class="text-sm font-bold text-gray-900">@apply</code>
+                  <code class="text-sm font-bold">@apply</code>
                 </p>
               </li>
               <li class="flex items-center">
@@ -33,9 +32,9 @@ const CodeEditor = () => {
             <p>Perfect for learning how the framework works, prototyping a new idea, or creating a demo to share online.</p>
           </div>
           <div class="pt-8 text-base font-semibold leading-7">
-            <p class="text-gray-900">Want to dig deeper into Tailwind?</p>
+            <p class="mb-3">Want to dig deeper into Tailwind?</p>
             <p>
-              <a href="https://tailwindcss.com/docs" class="text-sky-500 hover:text-sky-600">Read the docs &rarr;</a>
+              <a href="https://tailwindcss.com/docs" class="text-blue-500 p-2 bg-white rounded-lg hover:text-blue-600">Read the docs &rarr;</a>
             </p>
           </div>
         </div>
@@ -44,7 +43,7 @@ const CodeEditor = () => {
   </div>`;
   const [code, setCode] = useState(initialCode);
   const [theme, setTheme] = useState<'light' | 'dark'>(
-    () => localStorage.getItem('theme') as 'light' | 'dark' || 'light'
+    () => (localStorage.getItem('theme') as 'light' | 'dark') || 'dark'
   );
   const outputRef = useRef<HTMLIFrameElement>(null);
   const navigate = useNavigate();

diff --git a/frontend/src/locales/en/translation.json b/frontend/src/locales/en/translation.json
@@ -122,6 +122,6 @@
         "og":"Original Code Snippet",
         "des":"📝 Describe your customization here..."
     },
-    "code":"Code",
+    "code":"Code Editor",
     "share":"Share Your Masterpiece"
 } 
diff --git a/frontend/src/locales/guj/translation.json b/frontend/src/locales/guj/translation.json
@@ -122,6 +122,6 @@
         "og":"અસલ કોડ સ્નિપેટ",
         "des":"📝 અહીં તમારા કસ્ટમાઇઝેશનનું વર્ણન કરો..."
     },
-    "code":"કોડ",
+    "code":"કોડ એડિટર",
     "share":"તમારી શ્રેષ્ઠ કૃતિ શેર કરો"
 }
diff --git a/frontend/src/locales/hi/translation.json b/frontend/src/locales/hi/translation.json
@@ -122,6 +122,6 @@
     "og": "मौलिक कोड स्निपेट",
     "des": "📝 यहाँ अपनी अनुकूलन का विवरण दें..."
   },
-  "code":"कोड",
+  "code":"कोड संपादक",
   "share":"अपनी उत्कृष्ट कृति साझा करें"
 }
diff --git a/frontend/src/locales/mh/translation.json b/frontend/src/locales/mh/translation.json
@@ -121,6 +121,6 @@
     "og": "मूळ कोड स्निपेट",
     "des": "📝 येथे आपले सानुकूलन वर्णन करा..."
   },
-  "code":"कोड",
+  "code":"कोड एडिटर",
   "share":"तुमचा उत्कृष्ट नमुना शेअर करा"
 }
diff --git a/frontend/src/locales/tam/translation.json b/frontend/src/locales/tam/translation.json
@@ -122,6 +122,6 @@
         "og":"அசல் குறியீட்டு துணுக்கு",
         "des":"📝 உங்கள் தனிப்பயனாக்கத்தை இங்கு விவரிக்கவும்..."
     },
-    "code":"குறியீடு",
+    "code":"குறியீடு திருத்தி",
     "share":"உங்கள் தலைசிறந்த படைப்பைப் பகிரவும்"
 }
diff --git a/frontend/src/locales/tel/translation.json b/frontend/src/locales/tel/translation.json
@@ -122,6 +122,6 @@
         "og":"మూల కోడ్ స్నిపెట్",
         "des":"📝 ఇక్కడ మీ అనుకూలీకరణను వివరించండి..."
     },
-    "code":"కోడ్",
+    "code":"కోడ్ ఎడిటర్",
     "share":"మీ మాస్టర్‌పీస్‌ను భాగస్వామ్యం చేయండి"
 }
diff --git a/frontend/src/locales/ur/translation.json b/frontend/src/locales/ur/translation.json
@@ -122,6 +122,6 @@
         "og":"اصلی کوڈ اسنیپٹ",
         "des":"📝 یہاں اپنی حسب ضرورت بیان کریں..."
     },
-    "code":"کوڈ",
+    "code":"کوڈ ایڈیٹر",
     "share":"اپنا شاہکار شیئر کریں۔"
 }
diff --git a/frontend/src/locales/wb/translation.json b/frontend/src/locales/wb/translation.json
@@ -122,6 +122,6 @@
         "og":"মূল কোড স্নিপেট",
         "des":"📝 এখানে আপনার কাস্টমাইজেশন বর্ণনা করুন..."
     },
-    "code":"কোড",
+    "code":"কোড এডিটর",
     "share":"আপনার মাস্টারপিস শেয়ার করুন"
 }