fixed more layout transitions

Stephen-Gordon · Mar 16, 2024 · 997de36 · 997de36
1 parent bea7fc3
commit 997de36
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/src/app/@auth/layout.tsx b/src/app/@auth/layout.tsx
@@ -2,7 +2,6 @@
 import SheetLayout from '@/app/components/Layouts/SheetLayout';
 import { Metadata } from 'next';
 import * as React from 'react';
-import TransitionLayout from '../components/Layouts/TransitionLayout';
 
 export default function ComponentsLayout({
   children,
@@ -11,9 +10,7 @@ export default function ComponentsLayout({
 }) {
   return (
     <>
-      <SheetLayout>
-        <TransitionLayout>{children}</TransitionLayout>
-      </SheetLayout>
+      <SheetLayout>{children}</SheetLayout>
     </>
   );
 }
diff --git a/src/app/components/RecentTransaction/RecentTransaction.tsx b/src/app/components/RecentTransaction/RecentTransaction.tsx
@@ -27,7 +27,7 @@ export default function RecentTransaction({ transaction }: any) {
   const address = useGetAddress();
 
   return (
-    <motion.div layoutId={transaction.hash}>
+    <div className=''>
       <Link href={{ pathname: '/tx', query: { hash: transaction.hash } }}>
         {/* <motion.div className='bg-background mb-4 flex content-center justify-between rounded-md border p-2 text-base transition-all duration-300'>
           <div className='flex items-center'>
@@ -78,6 +78,6 @@ export default function RecentTransaction({ transaction }: any) {
           </div>
         </div>
       </Link>
-    </motion.div>
+    </div>
   );
 }
diff --git a/src/app/components/activity/Activity.tsx b/src/app/components/activity/Activity.tsx
@@ -70,6 +70,8 @@ export default function Activity() {
                 {transactions &&
                   transactions.map((transaction: any, i: any) => (
                     <motion.div
+                      className='h-fit w-full'
+                      layoutId={transaction.hash}
                       /*  layoutId={`activity-${transaction.hash}`} */
                       key={i}
                     >

diff --git a/src/app/transactions/page.tsx b/src/app/transactions/page.tsx
@@ -67,7 +67,10 @@ export default function Page() {
             {transactions &&
               transactions.map((transaction: any, i: any) => (
                 <motion.div
-                  /* layoutId={`activity-${transaction.hash}`} */ key={i}
+                  className='h-fit w-full'
+                  layoutId={transaction.hash}
+                  /*  layoutId={`activity-${transaction.hash}`} */
+                  key={i}
                 >
                   <RecentTransaction transaction={transaction} />
                 </motion.div>