From 997de36306aba34bc7069b15e06225d72f72cf17 Mon Sep 17 00:00:00 2001
From: Ste <n00202054@iadt.ie>
Date: Sat, 16 Mar 2024 12:31:09 +0000
Subject: [PATCH] fixed more layout transitions

---
 src/app/@auth/layout.tsx                                   | 5 +----
 src/app/components/RecentTransaction/RecentTransaction.tsx | 4 ++--
 src/app/components/activity/Activity.tsx                   | 2 ++
 src/app/transactions/page.tsx                              | 5 ++++-
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/app/@auth/layout.tsx b/src/app/@auth/layout.tsx
index 63d7932..61875f3 100644
--- 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
index 5ca8851..3655bba 100644
--- 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
index 753fcb2..27a974d 100644
--- 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
index 2b99be6..e7e32ad 100644
--- 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>