From 21ad836f43a8759fd082841c7abbd53cd772ca54 Mon Sep 17 00:00:00 2001
From: Ewan Lyon <websites@ewanlyon.com>
Date: Fri, 24 May 2024 20:01:49 +1000
Subject: [PATCH] wrap chips

---
 apps/nextjs/pages/[event]/schedule.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/nextjs/pages/[event]/schedule.tsx b/apps/nextjs/pages/[event]/schedule.tsx
index 6124c0b..71a9be4 100644
--- a/apps/nextjs/pages/[event]/schedule.tsx
+++ b/apps/nextjs/pages/[event]/schedule.tsx
@@ -142,6 +142,11 @@ const SETTINGS = {
 	liveRunId: "",
 };
 
+const WrappableChip = styled(Chip)(({theme}) => ({
+    padding: theme.spacing(1), height: '100%', display: 'flex', flexDirection: 'row',
+    '& .MuiChip-label': { overflowWrap: 'break-word', whiteSpace: 'normal', textOverflow: 'clip' }
+}))
+
 type Run = QUERY_EVENT_RESULTS["event"]["runs"][number] & { order: number };
 
 type EventScheduleProps = {
@@ -219,7 +224,7 @@ export default function EventSchedule({ event }: EventScheduleProps) {
 	const consoleFilterElements = [...new Set(event.runs.map((item) => item.platform))].sort().map((console) => {
 		if (console === "?") return <></>;
 		return (
-			<Chip
+			<WrappableChip
 				key={console}
 				color={settings.filter.console.includes(console.toLowerCase()) ? "primary" : "default"}
 				label={console}
@@ -854,7 +859,8 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => {
 			url:
 				process.env.NODE_ENV === "production"
 					? "https://keystone.ausspeedruns.com/api/graphql"
-					: "http://localhost:8000/api/graphql",
+					: "https://keystone.ausspeedruns.com/api/graphql",
+					// : "http://localhost:8000/api/graphql",
 			exchanges: [cacheExchange, ssrCache, fetchExchange],
 		},
 		false,