From bb4f5a3d0e94014c1a55543e7785d71cef7a4e60 Mon Sep 17 00:00:00 2001
From: chimpdev <skyhancloud@gmail.com>
Date: Sat, 2 Nov 2024 08:50:21 +0300
Subject: [PATCH] style: standardize JSX quotes and reorder class names for
 consistency

---
 components/about-tab.jsx    | 12 ++++++------
 components/keywords.jsx     |  2 +-
 components/projects-tab.jsx |  4 ++--
 components/tooltip.jsx      |  2 +-
 components/work-tab.jsx     |  2 +-
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/components/about-tab.jsx b/components/about-tab.jsx
index cd70fd6..64a798e 100644
--- a/components/about-tab.jsx
+++ b/components/about-tab.jsx
@@ -1,5 +1,5 @@
-import Link from "next/link";
-import { MdArrowOutward } from "react-icons/md";
+import Link from 'next/link';
+import { MdArrowOutward } from 'react-icons/md';
 
 export default function AboutTab() {
   const aboutText = 'I’m a 19-year-old high school student and freelancer, passionate about software development and always eager to learn. I dive into various projects, from building efficient Discord bots to exploring web development with Next.js and React.\n\nI’m meticulous about my workflow, using GitHub Actions for automation, optimizing APIs, and implementing caching and validation systems. I like building projects that are useful, like my Discord resource hub and personal portfolio.\n\nI enjoy adding a bit of irony and teasing to keep things fun. Overall, I’m driven by curiosity, continuous improvement, and a love for creating.';
@@ -33,7 +33,7 @@ export default function AboutTab() {
         About
       </h2>
 
-      <p className='whitespace-pre-wrap sm:text-justify text-sm text-tertiary'>
+      <p className='whitespace-pre-wrap text-sm text-tertiary sm:text-justify'>
         {aboutText}
       </p>
 
@@ -41,20 +41,20 @@ export default function AboutTab() {
         Contact
       </h2>
 
-      <div className='mt-4 mb-24 flex flex-col gap-y-0.5 text-sm'>
+      <div className='mb-24 mt-4 flex flex-col gap-y-0.5 text-sm'>
         {contacts.map(contact => (
           <div
             className='flex items-center'
             key={contact.label}
           >
-            <span className="min-w-[100px] text-tertiary font-medium">
+            <span className='min-w-[100px] font-medium text-tertiary'>
               {contact.label}
             </span>
 
             <Link
               href={contact.href}
               target='_blank'
-              className="hover:underline underline-offset-2"
+              className='underline-offset-2 hover:underline'
             >
               {contact.text}
               <MdArrowOutward size={12} className='ml-1 inline' />
diff --git a/components/keywords.jsx b/components/keywords.jsx
index 47f8b75..8dd8767 100644
--- a/components/keywords.jsx
+++ b/components/keywords.jsx
@@ -43,7 +43,7 @@ export default function Page() {
   const isLoading = isDarkMode === 'loading';
 
   return (
-    <div className='mt-4 grid grid-cols-2 mobile:grid-cols-3 sm:flex flex-wrap gap-2'>
+    <div className='mt-4 grid grid-cols-2 flex-wrap gap-2 mobile:grid-cols-3 sm:flex'>
       {isLoading ? (
         new Array(keywords.length).fill(null).map((_, index) => (
           <div
diff --git a/components/projects-tab.jsx b/components/projects-tab.jsx
index b56296c..d656c6a 100644
--- a/components/projects-tab.jsx
+++ b/components/projects-tab.jsx
@@ -70,12 +70,12 @@ export default function ProjectsTab() {
               )}
             </div>
 
-            <p className='whitespace-pre-wrap sm:text-justify text-tertiary'>
+            <p className='whitespace-pre-wrap text-tertiary sm:text-justify'>
               {item.description}
             </p>
 
             {item.images?.length > 0 && (
-              <div className='mt-4 grid grid-cols-1 sm:grid-cols-2 lg:flex gap-4'>
+              <div className='mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:flex'>
                 <Gallery images={item.images} />
               </div>
             )}
diff --git a/components/tooltip.jsx b/components/tooltip.jsx
index 5aefef7..a7a8a01 100644
--- a/components/tooltip.jsx
+++ b/components/tooltip.jsx
@@ -31,7 +31,7 @@ export default function Tooltip({ children, content, side, sideOffset, hide }) {
         {content && (
           <RadixTooltip.Portal>
             <RadixTooltip.Content
-              className='z-10 max-w-[calc(100%_-_10px)] rounded-lg sm:rounded-full bg-black p-2 sm:px-2 sm:py-1 text-center text-xs font-semibold text-white [transform-origin:var(--radix-tooltip-content-transform-origin)] sm:max-w-[unset] dark:bg-white dark:text-black'
+              className='z-10 max-w-[calc(100%_-_10px)] rounded-lg bg-black p-2 text-center text-xs font-semibold text-white [transform-origin:var(--radix-tooltip-content-transform-origin)] sm:max-w-[unset] sm:rounded-full sm:px-2 sm:py-1 dark:bg-white dark:text-black'
               sideOffset={sideOffset || 5}
               side={side || 'top'}
             >
diff --git a/components/work-tab.jsx b/components/work-tab.jsx
index 4d34fd5..6256a5f 100644
--- a/components/work-tab.jsx
+++ b/components/work-tab.jsx
@@ -70,7 +70,7 @@ export default function WorkTab() {
                 </div>
               </div>
 
-              <p className='sm:text-justify text-tertiary'>
+              <p className='text-tertiary sm:text-justify'>
                 {item.description}
               </p>