starred/native
1
0
Fork 0
mirror of https://github.com/bulwarkmail/native.git synced 2026-11-04 16:06:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: use the theme's tag colours in the tag sheet

Browse Source
This commit is contained in:
Linus Rath
2026-10-15 02:35:11 +02:00
parent 9e463d3a66
commit 29c172f2af
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/TagSheet.tsx
+3 -3
View File
@@ -4,7 +4,7 @@ import {
} from 'react-native'; } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context'; import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { X, Check, Tag } from 'lucide-react-native'; import { X, Check, Tag } from 'lucide-react-native';
import { spacing, radius, typography, colors as tokenColors, type ThemePalette } from '../theme/tokens'; import { spacing, radius, typography, type ThemePalette } from '../theme/tokens';
import { useColors } from '../theme/colors'; import { useColors } from '../theme/colors';
import { useSheetDrag } from '../lib/use-sheet-drag'; import { useSheetDrag } from '../lib/use-sheet-drag';
import { keywordToken, type KeywordDef } from '../stores/keywords-store'; import { keywordToken, type KeywordDef } from '../stores/keywords-store';
@@ -102,7 +102,7 @@ export function TagSheet({ visible, onClose, keywords, selectedEmails, onToggle
keywords.map((kw) => { keywords.map((kw) => {
const token = keywordToken(kw.id); const token = keywordToken(kw.id);
const applied = allHaveToken(token); const applied = allHaveToken(token);
const dot = tokenColors.tags[kw.color]?.dot ?? c.primary; const dot = c.tags[kw.color]?.dot ?? c.primary;
return ( return (
<Pressable <Pressable
key={kw.id} key={kw.id}
@@ -125,7 +125,7 @@ export function TagSheet({ visible, onClose, keywords, selectedEmails, onToggle
onPress={() => onToggle(token, !applied)} onPress={() => onToggle(token, !applied)}
style={({ pressed }) => [styles.row, pressed && styles.rowPressed]} style={({ pressed }) => [styles.row, pressed && styles.rowPressed]}
> >
<Tag size={16} color={tokenColors.tags.gray.dot} fill={tokenColors.tags.gray.dot} /> <Tag size={16} color={c.tags.gray.dot} fill={c.tags.gray.dot} />
<Text style={styles.rowLabel} numberOfLines={1}>{id}</Text> <Text style={styles.rowLabel} numberOfLines={1}>{id}</Text>
<Text style={styles.rowHint}>{t('email_list.unknown_tag', 'not defined here')}</Text> <Text style={styles.rowHint}>{t('email_list.unknown_tag', 'not defined here')}</Text>
{applied && <Check size={16} color={c.primary} />} {applied && <Check size={16} color={c.primary} />}