update tab nhật ký (Lọc, Ngôn ngữ,...)

components/diary/FilterButton.tsx

@@ -1,20 +1,41 @@
 import React from "react";
 import { TouchableOpacity, Text, StyleSheet, Platform } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
+import { useI18n } from "@/hooks/use-i18n";
 
 interface FilterButtonProps {
   onPress?: () => void;
+  isFiltered?: boolean;
 }
 
-export default function FilterButton({ onPress }: FilterButtonProps) {
+export default function FilterButton({
+  onPress,
+  isFiltered,
+}: FilterButtonProps) {
+  const { t } = useI18n();
+  
   return (
     <TouchableOpacity
       style={styles.button}
       onPress={onPress}
       activeOpacity={0.7}
     >
-      <Ionicons name="filter" size={20} color="#374151" />
-      <Text style={styles.text}>Bộ lọc</Text>
+      <Ionicons
+        name="filter"
+        size={20}
+        color={isFiltered ? "#3B82F6" : "#374151"}
+      />
+      <Text style={[styles.text, isFiltered && { color: "#3B82F6" }]}>
+        {t("diary.filter")}
+      </Text>
+      {isFiltered && (
+        <Ionicons
+          name="ellipse"
+          size={10}
+          color="#3B82F6"
+          style={{ marginLeft: 4 }}
+        />
+      )}
     </TouchableOpacity>
   );
 }