style: standardize JSX quotes and reorder class names for consistency

chimpdev · Nov 2, 2024 · bb4f5a3 · bb4f5a3
1 parent cd7e086
commit bb4f5a3
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git 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,28 +33,28 @@ 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>
 
       <h2 className='mt-6 text-sm font-medium tracking-wide'>
         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
@@ -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
@@ -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
@@ -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
@@ -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>
-Original file line number
+Diff line change
@@ Expand Up / @@ -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>
@@ Expand Down @@