From d193b5961e8ecf3626776449ad58b628f67c2118 Mon Sep 17 00:00:00 2001
From: woodybury <whshortridge@gmail.com>
Date: Mon, 25 Nov 2024 14:32:00 -0500
Subject: [PATCH] love layout

---
 ui/src/components/molecules/stats/index.tsx    |  4 ----
 ui/src/components/organisms/banner/index.tsx   | 16 ++++++++++------
 ui/src/components/organisms/floating/index.tsx |  6 +++++-
 ui/src/components/organisms/panel/index.tsx    |  6 +++++-
 4 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/ui/src/components/molecules/stats/index.tsx b/ui/src/components/molecules/stats/index.tsx
index d6b6f7e..7134979 100644
--- a/ui/src/components/molecules/stats/index.tsx
+++ b/ui/src/components/molecules/stats/index.tsx
@@ -10,7 +10,6 @@ import {humanizeCount} from '../../../utils/humanize'
 import {LifetimeConnectionsWrapper} from './styles'
 import {Layouts} from '../../../constants'
 import {useTranslation} from 'react-i18next'
-import Love from '../love'
 // import TwitterLink from '../../atoms/twitterLink'
 // import useSample from '../../../hooks/useSample'
 
@@ -87,9 +86,6 @@ const Stats = () => {
 			{/*	<Text>Lifetime data proxied</Text>*/}
 			{/*	<Text>{formattedTotalChunks.toUpperCase()}</Text>*/}
 			{/*</Row>*/}
-			<div style={{marginTop: 16}}>
-				<Love />
-			</div>
 		</>
 	)
 }
diff --git a/ui/src/components/organisms/banner/index.tsx b/ui/src/components/organisms/banner/index.tsx
index 9584a0e..92c4a05 100644
--- a/ui/src/components/organisms/banner/index.tsx
+++ b/ui/src/components/organisms/banner/index.tsx
@@ -15,6 +15,7 @@ import ExpandCollapse from '../../atoms/expandCollapse'
 import LogoLink from '../../atoms/logoLink'
 import Title from '../../molecules/title'
 import ExtensionCta from '../../molecules/extensionCta'
+import Love from '../../molecules/love'
 // import Tutorial from '../../atoms/tutorial' // removing this at request of nelson
 
 const Globe = lazy(() => import('../../molecules/globe'))
@@ -124,7 +125,7 @@ const Banner = () => {
 										style={{
 											fontSize: 14,
 											lineHeight: `28px`
-									}}
+										}}
 									/>
 								</div>
 								<Row
@@ -144,19 +145,22 @@ const Banner = () => {
 								<Stats/>
 								{
 									!menu && (target === Targets.WEB) && (
-										<ExtensionCta />
+										<ExtensionCta/>
 									)
 								}
+								<div style={{marginTop: 16}}>
+									<Love/>
+								</div>
 								<div
 									style={{width: '100%', height: !title && width > BREAKPOINT ? 80 : 24}}
 								/>
 								{/*<div*/}
 								{/*	style={{paddingLeft: 8, paddingRight: 8}}*/}
 								{/*>*/}
-									{/*<Footer*/}
-									{/*	social={true}*/}
-									{/*	donate={settings.donate}*/}
-									{/*/>*/}
+								{/*<Footer*/}
+								{/*	social={true}*/}
+								{/*	donate={settings.donate}*/}
+								{/*/>*/}
 								{/*</div>*/}
 							</Col>
 						</Body>
diff --git a/ui/src/components/organisms/floating/index.tsx b/ui/src/components/organisms/floating/index.tsx
index 8403096..a17b016 100644
--- a/ui/src/components/organisms/floating/index.tsx
+++ b/ui/src/components/organisms/floating/index.tsx
@@ -15,6 +15,7 @@ import About from '../../molecules/about'
 import Menu from '../../molecules/menu'
 import LogoLink from '../../atoms/logoLink'
 import ExtensionCta from '../../molecules/extensionCta'
+import Love from '../../molecules/love'
 
 const Globe = lazy(() => import('../../molecules/globe'))
 
@@ -103,7 +104,7 @@ const Floating = () => {
 								{
 									expanded && (
 										<>
-											{ height > 650 ? <Stats/> : <Row><Connections/></Row> }
+											{height > 650 ? <Stats/> : <Row><Connections/></Row>}
 										</>
 									)
 								}
@@ -114,6 +115,9 @@ const Floating = () => {
 										</CtaWrapper>
 									)
 								}
+								<div style={{marginTop: 16}}>
+									<Love/>
+								</div>
 							</Col>
 						)
 					}
diff --git a/ui/src/components/organisms/panel/index.tsx b/ui/src/components/organisms/panel/index.tsx
index 92bdcc4..50d8282 100644
--- a/ui/src/components/organisms/panel/index.tsx
+++ b/ui/src/components/organisms/panel/index.tsx
@@ -14,6 +14,7 @@ import {useLatch} from '../../../hooks/useLatch'
 import Menu from '../../molecules/menu'
 import LogoLink from '../../atoms/logoLink'
 import ExtensionCta from '../../molecules/extensionCta'
+import Love from '../../molecules/love'
 
 const Globe = lazy(() => import('../../molecules/globe'))
 
@@ -62,7 +63,7 @@ const Panel = () => {
 								onToggle={onToggle}
 							/>
 						</Row>
-						<Stats />
+						<Stats/>
 						{
 							!menu && (target === Targets.WEB) && (
 								<CtaWrapper>
@@ -70,6 +71,9 @@ const Panel = () => {
 								</CtaWrapper>
 							)
 						}
+						<div style={{marginTop: 16}}>
+							<Love/>
+						</div>
 						{
 							settings.collapse && settings.globe && (
 								<ExpandWrapper