mirror of
https://github.com/bulwarkmail/native.git
synced 2026-11-03 16:07:32 +00:00
fix: use the theme's tag colours in the tag sheet
This commit is contained in:
@@ -4,7 +4,7 @@ import {
|
||||
} from 'react-native';
|
||||
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
||||
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 { useSheetDrag } from '../lib/use-sheet-drag';
|
||||
import { keywordToken, type KeywordDef } from '../stores/keywords-store';
|
||||
@@ -102,7 +102,7 @@ export function TagSheet({ visible, onClose, keywords, selectedEmails, onToggle
|
||||
keywords.map((kw) => {
|
||||
const token = keywordToken(kw.id);
|
||||
const applied = allHaveToken(token);
|
||||
const dot = tokenColors.tags[kw.color]?.dot ?? c.primary;
|
||||
const dot = c.tags[kw.color]?.dot ?? c.primary;
|
||||
return (
|
||||
<Pressable
|
||||
key={kw.id}
|
||||
@@ -125,7 +125,7 @@ export function TagSheet({ visible, onClose, keywords, selectedEmails, onToggle
|
||||
onPress={() => onToggle(token, !applied)}
|
||||
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.rowHint}>{t('email_list.unknown_tag', 'not defined here')}</Text>
|
||||
{applied && <Check size={16} color={c.primary} />}
|
||||
|
||||
Reference in New Issue
Block a user