const fetchContainers = async () => {
try {
- const containersData = await DockerService.fetchContainers(); // Assuming you have a service to fetch containers
+ const containersData = await DockerService.fetchContainers( { all: true } ); // Assuming you have a service to fetch containers
setContainers(containersData);
} catch (error) {
setMessage(error);
};
useEffect( () => {
- fetchImages().catch( e => setMessage( e ) );
- fetchContainers().catch( e => setMessage( e ) );
+ fetchImages().catch();
+ fetchContainers().catch();
}, [] );
const handleContainerAction = async (action, containerId) => {
<Button type="submit" variant="contained" color="secondary">Stop Compose Services</Button>
</form>
- {message && <Typography color={message.startsWith('Error') ? 'error' : 'success'}>{message}</Typography>}
+ {message && <Typography color={message?.startsWith('Error') ? 'error' : 'success'}>{message}</Typography>}
</Container>
)
}