diff --git a/src/features/landtag/components/landtag-configure.tsx b/src/features/landtag/components/landtag-configure.tsx index e67350b..2324416 100644 --- a/src/features/landtag/components/landtag-configure.tsx +++ b/src/features/landtag/components/landtag-configure.tsx @@ -1,4 +1,5 @@ import { RepresentativeList } from "@/shared/components/representative-list" +import { TopicToggleList } from "@/shared/components/topic-toggle-list" import { useDb } from "@/shared/db/provider" import type { MandateWithPolitician } from "@/shared/lib/aw-api" import { Link } from "@tanstack/react-router" @@ -8,8 +9,10 @@ import { useLandtagUI } from "../store" export function LandtagConfigure() { const db = useDb() - const search = useLandtagUI((s) => s.politicianSearch) - const setSearch = useLandtagUI((s) => s.setPoliticianSearch) + const topicSearch = useLandtagUI((s) => s.topicSearch) + const setTopicSearch = useLandtagUI((s) => s.setTopicSearch) + const politicianSearch = useLandtagUI((s) => s.politicianSearch) + const setPoliticianSearch = useLandtagUI((s) => s.setPoliticianSearch) const [mandates, setMandates] = useState([]) const [loaded, setLoaded] = useState(false) @@ -20,21 +23,13 @@ export function LandtagConfigure() { }) }, [db]) - if (loaded && mandates.length === 0) { - return ( -
-

- Noch keine Abgeordneten geladen. Erkenne zuerst deinen Standort in den Einstellungen. -

- - Zu den Einstellungen - -
- ) - } - return (
+
+

Themen

+ +
+

Abgeordnete @@ -43,8 +38,17 @@ export function LandtagConfigure() {
+ ) : mandates.length > 0 ? ( + ) : ( - +
+

+ Noch keine Abgeordneten geladen. Erkenne zuerst deinen Standort in den Einstellungen. +

+ + Zu den Einstellungen + +
)}

diff --git a/src/features/landtag/store.ts b/src/features/landtag/store.ts index c12ee64..061ba66 100644 --- a/src/features/landtag/store.ts +++ b/src/features/landtag/store.ts @@ -1,11 +1,15 @@ import { create } from "zustand" interface LandtagUIState { + topicSearch: string + setTopicSearch: (query: string) => void politicianSearch: string setPoliticianSearch: (query: string) => void } export const useLandtagUI = create((set) => ({ + topicSearch: "", + setTopicSearch: (query) => set({ topicSearch: query }), politicianSearch: "", setPoliticianSearch: (query) => set({ politicianSearch: query }), }))