From 2d32a80a24a554d1e61ee00b725b832f5322bb08 Mon Sep 17 00:00:00 2001
From: kim <kim.phanhoang@epfl.ch>
Date: Wed, 6 Mar 2024 12:03:41 +0100
Subject: [PATCH] fix: fix mobile platform switch colors
---
src/components/main/Main.tsx | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/src/components/main/Main.tsx b/src/components/main/Main.tsx
index 6700aa97f..28656688c 100644
--- a/src/components/main/Main.tsx
+++ b/src/components/main/Main.tsx
@@ -1,6 +1,6 @@
import { Link, useParams } from 'react-router-dom';
-import { Stack, styled } from '@mui/material';
+import { Stack, styled, useTheme } from '@mui/material';
import { Context } from '@graasp/sdk';
import {
@@ -47,6 +47,7 @@ type Props = { children: JSX.Element | (JSX.Element & string) };
const Main = ({ children }: Props): JSX.Element => {
const { t } = useBuilderTranslation();
+ const theme = useTheme();
const itemId = useParams()[ITEM_ID_PARAMS];
@@ -89,6 +90,8 @@ const Main = ({ children }: Props): JSX.Element => {
id={APP_NAVIGATION_PLATFORM_SWITCH_ID}
selected={Platform.Builder}
platformsProps={platformProps}
+ color={theme.palette.primary.main}
+ accentColor={theme.palette.secondary.main}
/>
}
>