Andreas/watchtower
1
0
Fork 0
mirror of https://github.com/containrrr/watchtower.git synced 2025-12-17 07:30:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix change of container id after update

Browse source
This commit is contained in:
Anders Roos 2022-11-15 22:48:09 +01:00
parent adb97f7ed0
commit ee9475bcda
2 changed files with 30 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/ContainerList.tsx
View file

@ -8,7 +8,7 @@ interface ContainerListProps {
const ContainerList = (props: ContainerListProps) => (
<ul className="list-group">
{props.containers.map((c) => <ContainerListEntry {...c} onClick={() => props.onContainerClick(c)} />)}
{props.containers.map((c) => <ContainerListEntry {...c} key={c.ContainerID} onClick={() => props.onContainerClick(c)} />)}
</ul >
);

32
web/src/components/ContainerView.tsx
View file

@ -1,6 +1,6 @@
import { useEffect, useState } from "react";
import ContainerModel from "../models/ContainerModel";
import { check, list, update } from "../services/Api";
import { check, list, ListResponse, update } from "../services/Api";
import ContainerList from "./ContainerList";
import Spinner from "./Spinner";
import SpinnerModal from "./SpinnerModal";
@ -23,7 +23,12 @@ const ContainerView = () => {
const hasSelectedContainers = containers.some((c) => c.Selected);
const hasUpdates = containersWithUpdates.length > 0;
const checkForUpdates = async () => {
const checkForUpdates = async (containersToUpdate?: ContainerModel[]) => {
if (!containersToUpdate) {
containersToUpdate = containers;
}
setChecking(true);
setViewModel((m) => ({
@ -34,7 +39,7 @@ const ContainerView = () => {
}))
}));
await Promise.all(containers.map(async (c1) => {
await Promise.all(containersToUpdate.map(async (c1) => {
const result = await check(c1.ContainerID);
setViewModel((m) => ({
...m,
@ -51,10 +56,7 @@ const ContainerView = () => {
setHasChecked(true);
};
const listContainers = async () => {
setLoading(true);
const data = await list();
setViewModel({
const mapListDataToViewModel = (data: ListResponse) => ({
Containers: data.Containers.map((c) => ({
...c,
Selected: false,
@ -65,15 +67,25 @@ const ContainerView = () => {
NewVersionCreated: ""
}))
});
const listContainers = async () => {
setLoading(true);
const data = await list();
const mappedViewModel = mapListDataToViewModel(data);
setViewModel((m) => ({
...m,
...mappedViewModel
}));
setLoading(false);
setHasChecked(false);
return mappedViewModel;
};
const updateImages = async (imagesToUpdate?: string[]) => {
setUpdating(true);
await update(imagesToUpdate);
await listContainers();
await checkForUpdates();
const data = await listContainers();
await checkForUpdates(data.Containers);
setUpdating(false);
};
@ -117,7 +129,7 @@ const ContainerView = () => {
<div className="col-12 col-md-8 text-end">
{hasUpdates && <UpdateSelected onClick={updateSelected} disabled={checking || !hasSelectedContainers} />}
{hasUpdates && <UpdateAll onClick={updateAll} disabled={checking} />}
<UpdateCheck onClick={checkForUpdates} disabled={checking} />
<UpdateCheck onClick={() => checkForUpdates()} disabled={checking} />
</div>
</div>