From 442d6526bede9f8e0d239faa1eacfce2334f0e0b Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mnvr.in>
Date: Tue, 13 May 2025 11:45:40 +0530
Subject: [PATCH] sopt color

something (I'm not sure what, but I think react-select itself) overrides the
color for the option's root element to white when displaying the search bar on
the search results screen itself. as a workaround, provide a explicit color to
the text.

steps to reproduce (light mode):
- search for something (all options look normal)
- select an option
- search for something on this results screen itself
- note how the search options titles are in white
---
 web/packages/new/photos/components/SearchBar.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/packages/new/photos/components/SearchBar.tsx b/web/packages/new/photos/components/SearchBar.tsx
index 0240bbdf4c..db1297e3f2 100644
--- a/web/packages/new/photos/components/SearchBar.tsx
+++ b/web/packages/new/photos/components/SearchBar.tsx
@@ -473,7 +473,11 @@ const OptionContents = ({ data: option }: { data: SearchOption }) => (
         >
             <Box>
                 <Typography
-                    sx={{ fontWeight: "medium", wordBreak: "break-word" }}
+                    sx={{
+                        color: "text.base",
+                        fontWeight: "medium",
+                        wordBreak: "break-word",
+                    }}
                 >
                     {option.suggestion.label}
                 </Typography>