From 4f53c8aac32bbc3ad3f7bb117b1144ea66e00229 Mon Sep 17 00:00:00 2001
From: Chris-1010 <122332721@umail.ucc.ie>
Date: Wed, 5 Mar 2025 17:10:32 +0000
Subject: [PATCH] FIX: Remove ability to follow yourself when watching your
 stream

---
 frontend/src/pages/ResultsPage.tsx | 12 ++++++------
 frontend/src/pages/VideoPage.tsx   |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/ResultsPage.tsx b/frontend/src/pages/ResultsPage.tsx
index 712f400..532d0cd 100644
--- a/frontend/src/pages/ResultsPage.tsx
+++ b/frontend/src/pages/ResultsPage.tsx
@@ -62,8 +62,8 @@ const ResultsPage: React.FC = () => {
 						title="Streams"
 						onItemClick={(streamer_name: string) => (window.location.href = `/${streamer_name}`)}
 						extraClasses="min-h-[calc((20vw+20vh)/4)] bg-[var(--liveNow)]"
-						itemExtraClasses="min-w-[calc(12vw+12vh/2)]"
-						amountForScroll={3}
+						itemExtraClasses="w-[calc(12vw+12vh/2)]"
+						amountForScroll={4}
 					/>
 
 					<ListRow
@@ -81,8 +81,8 @@ const ResultsPage: React.FC = () => {
 						onItemClick={(category_name: string) => navigate(`/category/${category_name}`)}
 						titleClickable={true}
 						extraClasses="min-h-[calc((20vw+20vh)/4)] bg-[var(--liveNow)]"
-						itemExtraClasses="min-w-[calc(12vw+12vh/2)]"
-						amountForScroll={3}
+						itemExtraClasses="w-[calc(12vw+12vh/2)]"
+						amountForScroll={4}
 					/>
 
 					<ListRow
@@ -97,9 +97,9 @@ const ResultsPage: React.FC = () => {
 						}))}
 						title="Users"
 						onItemClick={(username: string) => (window.location.href = `/user/${username}`)}
-						amountForScroll={3}
+						amountForScroll={4}
 						extraClasses="min-h-[calc((20vw+20vh)/4)] bg-[var(--liveNow)]"
-						itemExtraClasses="min-w-[calc(12vw+12vh/2)]"
+						itemExtraClasses="w-[calc(12vw+12vh/2)]"
 					/>
 				</div>
 			</div>
diff --git a/frontend/src/pages/VideoPage.tsx b/frontend/src/pages/VideoPage.tsx
index 22d1180..411d77a 100644
--- a/frontend/src/pages/VideoPage.tsx
+++ b/frontend/src/pages/VideoPage.tsx
@@ -20,7 +20,7 @@ interface VideoPageProps {
 }
 
 const VideoPage: React.FC<VideoPageProps> = ({ streamerId }) => {
-	const { isLoggedIn } = useAuth();
+	const { isLoggedIn, username } = useAuth();
 	const { streamerName } = useParams<{ streamerName: string }>();
 	const [streamData, setStreamData] = useState<StreamType>();
 	const [viewerCount, setViewerCount] = useState(0);
@@ -180,7 +180,7 @@ const VideoPage: React.FC<VideoPageProps> = ({ streamerId }) => {
 						{/* Streamer Info */}
 						<div className="flex items-center gap-[0.75em] flex-col lg:flex-row">
 							<div className="group flex flex-col items-center lg:items-start">
-								{!isFollowing ? (
+								{!isFollowing && username === streamerName ? (
 									<button
 										className="bg-purple-600 text-white font-bold px-[1.5em] py-[0.5em] rounded-md hover:bg-purple-700 text-sm"
 										onClick={() => followUser(streamerId, setShowAuthModal)}