feat: persist view mode (grid/list) across division, project, dan division/task
- Simpan preferensi tampilan ke AsyncStorage dengan key 'division_view_mode' - Load preferensi saat halaman dibuka agar tidak reset - Samakan style list item division/task dengan project (bg transparent, icon hitam) - Sejajarkan toggle dengan input pencarian pada halaman division/task
This commit is contained in:
@@ -23,6 +23,7 @@ import { router, useLocalSearchParams } from "expo-router";
|
||||
import { useEffect, useMemo, useState } from "react";
|
||||
import { Pressable, RefreshControl, ScrollView, View, VirtualizedList } from "react-native";
|
||||
import { useSelector } from "react-redux";
|
||||
import AsyncStorage from "@react-native-async-storage/async-storage";
|
||||
|
||||
type Props = {
|
||||
id: string;
|
||||
@@ -50,6 +51,18 @@ export default function ListProject() {
|
||||
const [search, setSearch] = useState("")
|
||||
const [isList, setList] = useState(false)
|
||||
const update = useSelector((state: any) => state.projectUpdate)
|
||||
|
||||
useEffect(() => {
|
||||
AsyncStorage.getItem('division_view_mode').then((val) => {
|
||||
if (val !== null) setList(val === 'list')
|
||||
})
|
||||
}, [])
|
||||
|
||||
function toggleView() {
|
||||
const next = !isList
|
||||
setList(next)
|
||||
AsyncStorage.setItem('division_view_mode', next ? 'list' : 'grid')
|
||||
}
|
||||
const queryClient = useQueryClient()
|
||||
const [refreshing, setRefreshing] = useState(false)
|
||||
|
||||
@@ -188,11 +201,7 @@ export default function ListProject() {
|
||||
|
||||
<View style={[Styles.rowSpaceBetween, Styles.rowItemsCenter]}>
|
||||
<InputSearch width={68} onChange={setSearch} />
|
||||
<Pressable
|
||||
onPress={() => {
|
||||
setList(!isList);
|
||||
}}
|
||||
>
|
||||
<Pressable onPress={toggleView}>
|
||||
<MaterialCommunityIcons
|
||||
name={isList ? "format-list-bulleted" : "view-grid"}
|
||||
color={colors.text}
|
||||
|
||||
Reference in New Issue
Block a user