clean

pmndrs · Aug 20, 2024 · 6827b79 · 6827b79
1 parent 986972a
commit 6827b79
Show file tree

Hide file tree

Showing 8 changed files with 9 additions and 57 deletions.
diff --git a/src/app/[...slug]/layout.tsx b/src/app/[...slug]/layout.tsx
@@ -108,19 +108,13 @@ export default async function Layout({ params, children }: Props) {
                         <label
                           className={cn(
                             'mb-2 text-xs font-bold uppercase leading-4',
-                            // "text-gray-500"
                             'text-on-surface-variant/50',
                           )}
                         >
                           Previous
                         </label>
                         <div className="text-xl">
-                          <Link
-                            href={previousPage.url}
-                            // className="text-gray-900 dark:text-gray-300"
-                          >
-                            {previousPage.title}
-                          </Link>
+                          <Link href={previousPage.url}>{previousPage.title}</Link>
                         </div>
                       </div>
                     )}
@@ -129,19 +123,13 @@ export default async function Layout({ params, children }: Props) {
                         <label
                           className={cn(
                             'mb-2 text-xs font-bold uppercase leading-4',
-                            // "text-gray-500"
                             'text-on-surface-variant/50',
                           )}
                         >
                           Next
                         </label>
                         <div className="text-xl">
-                          <Link
-                            href={nextPage.url}
-                            // className="text-gray-900 dark:text-gray-300"
-                          >
-                            {nextPage.title}
-                          </Link>
+                          <Link href={nextPage.url}>{nextPage.title}</Link>
                         </div>
                       </div>
                     )}

diff --git a/src/components/Codesandbox.tsx b/src/components/Codesandbox.tsx
@@ -57,30 +57,15 @@ export default function Codesandbox({
 
       {!hideTitle && (
         <>
-          <h6
-            className={cn(
-              'mt-4 font-bold',
-              // "text-gray-700"
-            )}
-          >
-            {title}
-          </h6>
-          <p
-            className={cn(
-              'mt-1',
-              // "text-gray-700"
-            )}
-          >
-            {description}
-          </p>
+          <h6 className={cn('mt-4 font-bold')}>{title}</h6>
+          <p className={cn('mt-1')}>{description}</p>
           <div className="w-full">
             {tags.map((tag, i) => (
               <span
                 key={i}
                 className={cn(
                   'mt-2 inline-block rounded px-1 py-1 text-xs',
                   i !== tags.length - 1 && 'mr-1',
-                  // 'bg-gray-100 text-gray-500',
                 )}
               >
                 {tag}

diff --git a/src/components/Search/SearchItem.tsx b/src/components/Search/SearchItem.tsx
@@ -40,10 +40,7 @@ function SearchItem({ search, result }: SearchItemProps) {
             // eslint-disable-next-line @next/next/no-img-element
             <img className="max-w-[40%] rounded" src={result.image} alt={result.title} />
           ) : (
-            <Icon
-              icon="enter"
-              // className="text-gray-400"
-            />
+            <Icon icon="enter" />
           )}
         </div>
       </li>

diff --git a/src/components/Search/SearchModal.tsx b/src/components/Search/SearchModal.tsx
@@ -18,10 +18,7 @@ function SearchModal({ search, results, onClose, onChange }: SearchModelProps) {
       <div className="z-100 absolute bottom-20 left-2/4 top-20 w-[500px] max-w-[90%] -translate-x-1/2 transform overflow-y-auto">
         <div className="relative mt-1 rounded-md shadow-sm">
           <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
-            <Icon
-              icon="search"
-              // className="text-gray-300"
-            />
+            <Icon icon="search" />
           </div>
           <input
             type="search"

diff --git a/src/components/Search/index.tsx b/src/components/Search/index.tsx
@@ -58,10 +58,7 @@ function Search() {
             </span>
             <span
               style={{ opacity: 1 }}
-              className={cn(
-                'hidden rounded-md border px-1.5 py-0.5 text-sm leading-5 sm:block',
-                // 'border-gray-300 text-gray-400 dark:border-gray-700',
-              )}
+              className={cn('hidden rounded-md border px-1.5 py-0.5 text-sm leading-5 sm:block')}
             >
               <span className="sr-only">Press </span>
               <kbd className="font-sans">

diff --git a/src/components/Toc.tsx b/src/components/Toc.tsx
@@ -31,12 +31,7 @@ function Toc({ toc }: ToCProps) {
 
   return (
     <div className="max-h-(screen-16) sticky top-16 flex flex-col justify-between overflow-y-auto pb-6">
-      <label
-        className={cn(
-          'mb-2 mt-12 text-sm font-semibold uppercase tracking-wide lg:text-xs',
-          // "text-gray-900 dark:text-gray-300"
-        )}
-      >
+      <label className={cn('mb-2 mt-12 text-sm font-semibold uppercase tracking-wide lg:text-xs')}>
         On This Page
       </label>
       {toc.map((item, index) => (

diff --git a/src/components/mdx/Grid.tsx b/src/components/mdx/Grid.tsx
@@ -12,7 +12,6 @@ export const Grid = ({ children, cols = 4 }: { children: React.ReactNode; cols?:
             ? 'md:grid-cols-2'
             : 'md:grid-cols-1',
       `grid-list gap-4 text-sm`,
-      // 'text-gray-700',
     )}
     style={{ marginBottom: '1rem' }}
   >

diff --git a/src/components/mdx/Hint.tsx b/src/components/mdx/Hint.tsx
@@ -3,13 +3,7 @@ import { IoDocumentTextOutline } from 'react-icons/io5'
 
 export const Hint = ({ children }: { children: React.ReactNode }) => {
   return (
-    <div
-      className={cn(
-        'hint my-6 overflow-clip rounded-lg px-6 py-4',
-        // 'bg-yellow-100 dark:text-gray-500',
-        'bg-hint-container',
-      )}
-    >
+    <div className={cn('hint my-6 overflow-clip rounded-lg px-6 py-4', 'bg-hint-container')}>
       <p className="mb-2 flex items-center gap-1 text-lg">
         <IoDocumentTextOutline className="text-[125%]" />
         Note