From d0d8e1adebb59b875a21d0a6a7817c20e8381694 Mon Sep 17 00:00:00 2001
From: Stephen Gordon <n00202054@iadt.ie>
Date: Thu, 28 Mar 2024 17:33:04 +0000
Subject: [PATCH] fixed QR code page

---
 src/app/@auth/(.)receive/page.tsx | 8 +++++---
 src/app/components/Qr/Qr.tsx      | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/@auth/(.)receive/page.tsx b/src/app/@auth/(.)receive/page.tsx
index 163eb87..da92da5 100644
--- a/src/app/@auth/(.)receive/page.tsx
+++ b/src/app/@auth/(.)receive/page.tsx
@@ -11,6 +11,7 @@ import QRCode from 'react-qr-code';
 // Redux
 import { useSelector } from 'react-redux';
 import Qr from '@/app/components/Qr/Qr';
+import { DrawerHeader, DrawerTitle } from '@/app/components/ui/drawer';
 
 export default function Page() {
   const address = useSelector((state: string) => state.address.value);
@@ -18,9 +19,10 @@ export default function Page() {
   return (
     <>
       <div className='grid'>
-        <div className='my-4 '>
-          <p className='my-4 text-center text-xl text-gray-300'>Receive</p>
-        </div>
+        <DrawerHeader>
+          <DrawerTitle>Receive</DrawerTitle>
+        </DrawerHeader>
+       
         <div className='grid justify-center'>
           <div className='mt-4 '>
             <Qr />
diff --git a/src/app/components/Qr/Qr.tsx b/src/app/components/Qr/Qr.tsx
index ee910d8..1f61205 100644
--- a/src/app/components/Qr/Qr.tsx
+++ b/src/app/components/Qr/Qr.tsx
@@ -17,7 +17,7 @@ export default function Qr() {
   useEffect(() => {
     function handleResize() {
       const screenWidth = window.innerWidth; // Get the screen width
-      const tenPercentOfScreenWidth = screenWidth * 0.1; // Calculate 10% of the screen width
+      const tenPercentOfScreenWidth = screenWidth * 0.3; // Calculate 10% of the screen width
       const screenWidthMinusTenPercent = screenWidth - tenPercentOfScreenWidth; // Subtract 10% from the screen width
       setWindowWidth(screenWidthMinusTenPercent); // Set the state with the modified screen width
     }