feat: wagmi- integrations

README.md

@@ -1,8 +1,10 @@
 <a href="https://weave-three.vercel.app"><img src ="./public/banner.png" alt="Weave Logo" width="100%"/></a>
 
-# [Weave](#) - Connecting Web3, One Thread at a Time. ! 
+# [Weave](#) - Connecting Web3, One Thread at a Time. !
 ## Powered by <img src="https://www.mtpelerin.com/images/rate-calculator/flag-gho.svg" alt="GHO Logo" width="35"/> GHO Token.
 
+🏆 🏊 Family Pool Prize Winner
+
 At Weave, we believe in the power of networking as a way create limitless amount of possibilities that WEB3 brings to the world.
 
 Our **interactive map** is designed to help people meet each other at IRL Events, to make events visible to everyone and rewards active users with a integrated leaderboard.
@@ -67,4 +69,4 @@ Weave is [MIT licensed](./LICENSE).
 ## Authors
 
 - [Magicred-1](https://github.com/Magicred-1/)
-- [Sakshi](https://github.com/SakshiShah29)
+- [Sakshi](https://github.com/SakshiShah29)

src/app/components/Loading.tsx

@@ -2,8 +2,8 @@ import React from 'react'
 import { ThreeDots } from 'react-loading-icons'
 
 const Loading = () => {
-  return (
-		<div className="flex justify-center items-center h-[80vh]">
+return (
+		<div className="w-full flex justify-center items-center h-[80vh]">
 			<div className="bg-[rgba( 85, 85, 85, 0.45 )] p-6 rounded-lg shadow-md max-h-96">
 				<div className="spinner-border text-primary" role="status">
 					<span className="sr-only">Loading...</span>
@@ -14,7 +14,7 @@ const Loading = () => {
 				</p>
 			</div>
 		</div>
-  )
+	)
 }
 
 export default Loading

src/app/components/Profile/ProfileComponent.tsx

@@ -63,7 +63,7 @@ export default function ProfileComponent({ address }: ProfileComponentProps) {
 					</Card>
 				</div>
 			) : (
-				<h1 className="mb-4 text-4xl font-extrabold tracking-tight leading-none   text-white text-center py-6">
+				<h1 className="mb-4 h-screen text-4xl font-extrabold tracking-tight leading-none   text-white text-center py-6">
 					Please Connect your wallet!
 				</h1>
 			)}