refactor: convert classless divs to fragments

kevhjc · Feb 28, 2022 · c6c0ac1 · c6c0ac1 · vercel · Feb 28, 2022
1 parent 19bea9c
commit c6c0ac1
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/src/components/CommandPalette.tsx b/src/components/CommandPalette.tsx
@@ -123,23 +123,23 @@ function CommandMenu() {
         style={{ padding: '9rem 16px 16px' }}
       >
         {session ? (
-          <div>
+          <>
             <span
               className="fixed top-20 z-20 flex cursor-pointer justify-center rounded-lg border border-neutral-200 bg-white/80 px-4 py-2 font-mono dark:border-neutral-700/80 dark:bg-neutral-800 dark:text-neutral-100/80
               "
             >
               <PersonIcon className="mr-2 h-6 w-4 opacity-80" />
               {session.user.email}
             </span>
-          </div>
+          </>
         ) : null}
         <KBarAnimator className="z-10 w-full max-w-2xl overflow-hidden rounded-lg border border-neutral-300 bg-white/80 shadow-2xl backdrop-blur-sm dark:border-neutral-700 dark:bg-neutral-800/80 dark:text-white">
-          <div>
+          <>
             <KBarSearch
               defaultPlaceholder="What would you like to do?"
               className="mb-2 box-border w-full border-b-[1px] bg-white/70 px-4 pt-4 pb-4 outline-none backdrop-blur-sm dark:border-neutral-700/80 dark:bg-neutral-800/80 dark:placeholder:text-neutral-100/60"
             />
-          </div>
+          </>
           <div className="pb-2">
             <Results />
           </div>
@@ -262,7 +262,7 @@ const ResultItem = React.forwardRef(
           </span>
 
           <div className="mt-0.5 flex flex-col">
-            <div>
+            <>
               {ancestors.length > 0 &&
                 ancestors.map((ancestor: ActionImpl) => (
                   <React.Fragment key={ancestor.id}>
@@ -271,7 +271,7 @@ const ResultItem = React.forwardRef(
                   </React.Fragment>
                 ))}
               <span>{action.name}</span>
-            </div>
+            </>
             {action.subtitle && (
               <span className="text-[0.75rem]">{action.subtitle}</span>
             )}

diff --git a/src/components/Home.tsx b/src/components/Home.tsx
@@ -87,7 +87,7 @@ const Home = () => {
   };
 
   return (
-    <div>
+    <>
       {location.pathname === PATHS.NEW_NOTE && (
         <AddNote userEntries={userEntries} setUserEntries={setUserEntries} />
       )}
@@ -133,7 +133,7 @@ const Home = () => {
           </ul>
         </div>
       </div>
-    </div>
+    </>
   );
 };
 

diff --git a/src/components/NoteEntryView.tsx b/src/components/NoteEntryView.tsx
@@ -141,7 +141,7 @@ const NoteEntryView = () => {
           </div>
           <div className="group relative mt-12 mb-24">
             {editMode ? (
-              <div>
+              <>
                 <span className="absolute top-0 -mt-8 hidden text-xs text-neutral-400 group-hover:block">
                   {'Body'}
                 </span>
@@ -153,9 +153,9 @@ const NoteEntryView = () => {
                 >
                   {entry[0].content}
                 </p>
-              </div>
+              </>
             ) : (
-              <div>
+              <>
                 <span className="absolute top-0 -mt-8 hidden text-xs text-neutral-400 group-hover:block">
                   {'Body'}
                 </span>
@@ -165,7 +165,7 @@ const NoteEntryView = () => {
                 >
                   {entry[0].content}
                 </p>
-              </div>
+              </>
             )}
           </div>
         </div>