UI tweaks

G-Ray · Nov 29, 2023 · 85a1f04 · 85a1f04
1 parent 85ba8bc
commit 85a1f04
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 10 deletions.
diff --git a/apps/app/app/(torrents)/_layout.tsx b/apps/app/app/(torrents)/_layout.tsx
@@ -110,11 +110,12 @@ export default function Torrents() {
               placeholder={i18n.t('torrents.filterListPlaceholder')}
               value={filter}
               onChangeText={setFilter}
-              bc={/^light/.test(theme) ? 'white' : 'black'}
               borderTopWidth={0}
               borderRightWidth={0}
               borderLeftWidth={0}
               br={0}
+              bc={/^light/.test(theme) ? 'white' : 'black'}
+              placeholderTextColor={'$color'}
             />
           </XStack>
         </Card>

diff --git a/apps/app/app/_layout.tsx b/apps/app/app/_layout.tsx
@@ -32,6 +32,7 @@ import { migrate } from '../lib/migrations'
 const screenOptions = {
   title: 'PikaTorrent',
   headerShown: false,
+  // lazy: false FIXME: Status bar becomes transparent
 }
 
 SplashScreen.preventAutoHideAsync()
@@ -146,7 +147,7 @@ const ThemedLayout = () => {
           <Stack
             f={1}
             {...(Platform.OS === 'web' ? { h: '100vh' } : {})}
-            bc="$backgroundStrong"
+            backgroundColor={theme === 'dark' ? 'black' : 'white'}
           >
             <TorrentsProvider>
               <Header />

diff --git a/apps/app/components/Navigation/ButtonLink.tsx b/apps/app/components/Navigation/ButtonLink.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { Link, useSegments } from 'expo-router'
-import { Button, XStack, useMedia, useThemeName } from 'tamagui'
+import { Button, useMedia, useThemeName } from 'tamagui'
 
 export const ButtonLink = ({ title, href, segment, icon }) => {
   const media = useMedia()

diff --git a/apps/app/components/SearchBar.tsx b/apps/app/components/SearchBar.tsx
@@ -60,19 +60,17 @@ export const SearchBar = () => {
           borderRightWidth={0}
           borderLeftWidth={0}
           br={0}
+          placeholderTextColor={'$color'}
         />
         <SearchEngineSelector
           engines={engines}
           value={selectedSearchEngineUrl}
           onValueChange={handleEngineChange}
         />
-        <Form.Trigger
-          asChild
-          disabled={query.length === 0}
-          o={query.length === 0 ? 0.5 : 1}
-        >
+        <Form.Trigger asChild>
           <Button
             icon={Search}
+            disabled={query.length === 0}
             scaleIcon={1.3}
             borderColor={'$gray7'}
             bc={/^light/.test(theme) ? 'white' : 'black'}

diff --git a/apps/app/components/reusable/Dialog.tsx b/apps/app/components/reusable/Dialog.tsx
@@ -42,8 +42,6 @@ const Dialog = ({
   const [localOpen, setLocalOpen] = useState(defaultOpen)
   const theme = useThemeName()
 
-  console.log('theme', theme)
-
   useEffect(() => {
     if (Platform.OS === 'web') {
       return