c57ae7717a
- Geräte-Liste wird jetzt direkt aus dem Redux-Store (locationDevicesFromDB) verwendet. - Dropdown-Menü zeigt alle verfügbaren Geräte aus der Datenbank. - Beim Öffnen des Modals wird der vorher zugewiesene Gerätname automatisch ausgewählt (Pre-Selection). - Cleanup und Optimierung: Keine separaten API-Calls mehr im Modal. - Struktur verbessert durch Auslagerung der Lade-Logik in useInitLocationDevices Hook.
34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
// /redux/slices/db/locationDevicesFromDBSlice.js
|
|
import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
|
|
import { fetchLocationDevices } from "../../api/fromDB/locationDevicesLoader";
|
|
|
|
export const fetchLocationDevicesFromDB = createAsyncThunk("locationDevicesFromDB/fetchLocationDevicesFromDB", async () => {
|
|
return fetchLocationDevices();
|
|
});
|
|
|
|
const locationDevicesFromDBSlice = createSlice({
|
|
name: "locationDevicesFromDB",
|
|
initialState: {
|
|
devices: [],
|
|
status: "idle",
|
|
error: null,
|
|
},
|
|
reducers: {},
|
|
extraReducers: (builder) => {
|
|
builder
|
|
.addCase(fetchLocationDevicesFromDB.pending, (state) => {
|
|
state.status = "loading";
|
|
})
|
|
.addCase(fetchLocationDevicesFromDB.fulfilled, (state, action) => {
|
|
state.status = "succeeded";
|
|
state.devices = action.payload; // <-- Hier landen die Daten
|
|
})
|
|
.addCase(fetchLocationDevicesFromDB.rejected, (state, action) => {
|
|
state.status = "failed";
|
|
state.error = action.error.message;
|
|
});
|
|
},
|
|
});
|
|
|
|
export default locationDevicesFromDBSlice.reducer;
|