The Redux actions are automatically generated by camarasSlice and provide type-safe ways to dispatch state changes. Use these actions to filter cameras and manage the application state.
Available Actions
filterCamara
Dispatches an action to filter the camera state by a specific camera ID.
The unique ID of the camera you want to retrieve
camaras/filterCamara
// Dispatch example
dispatch(filterCamara(5))
// Resulting action object:
// { type: 'camaras/filterCamara', payload: 5 }
filterModelo
Dispatches an action to filter cameras by their model number.
The camera model string to filter by (e.g., “IPC-TA42P-D”, “IPC-S41FP”)
camaras/filterModelo
// Dispatch example
dispatch(filterModelo("IPC-F42FP-D-0280B"))
// Resulting action object:
// { type: 'camaras/filterModelo', payload: 'IPC-F42FP-D-0280B' }
filterCamarasAside
Dispatches an action to apply multi-criteria filtering based on camera properties. This action supports both single and multiple filter values.
Array of filter strings. Each string is matched against all camera properties after capitalization.
camaras/filterCamarasAside
// Single filter example
dispatch(filterCamarasAside(["wifi"]))
// Returns cameras with conectividad: "Wifi"
// Multiple filters example (AND logic)
dispatch(filterCamarasAside(["exterior", "bullet", "4 mp"]))
// Returns cameras matching ALL three criteria
// Resulting action object:
// { type: 'camaras/filterCamarasAside', payload: ['exterior', 'bullet', '4 mp'] }
Returns cameras where any property value matches the capitalized filter string
Returns cameras where ALL filter strings match at least one property value (AND logic)
backToInitialState
Dispatches an action to reset the camera state to the complete original catalog.
Action Type: camaras/backToInitialState
// Dispatch example
dispatch(backToInitialState())
// Resulting action object:
// { type: 'camaras/backToInitialState' }
returnPreviousState
Dispatches an action that internally calls backToInitialState through case reducers.
Action Type: camaras/returnPreviousState
// Dispatch example
dispatch(returnPreviousState())
// Resulting action object:
// { type: 'camaras/returnPreviousState' }
This action uses camarasSlice.caseReducers.backToInitialState() internally. Consider using backToInitialState directly for clearer intent.
Importing Actions
Import actions from the slice exports:
const {
filterCamara,
filterModelo,
filterCamarasAside,
backToInitialState,
returnPreviousState
} = camarasSlice.actions
Complete Workflow Example
Here’s how you might use these actions in a typical user workflow:
// 1. User opens the catalog (show all cameras)
dispatch(backToInitialState())
// 2. User filters by exterior cameras
dispatch(filterCamarasAside(["exterior"]))
// 3. User adds additional filter for 4MP resolution
dispatch(filterCamarasAside(["exterior", "4 mp"]))
// 4. User clicks on a specific camera model
dispatch(filterModelo("IPC-F42FP-D-0280B"))
// 5. User returns to full catalog
dispatch(backToInitialState())
Action Payloads Reference
Payload passed to internal reducer