Merge pull request #30 from Retr0-01/fix-layout-confirmations

fix: improve layout confirmation messages

.gitignore

@@ -26,3 +26,7 @@ dist-ssr
 .env*
 !.env.example
 docker-compose.*.yml
+
+data/
+meta/
+garage.toml

src/pages/cluster/components/nodes-list.tsx

@@ -108,7 +108,7 @@ const NodesList = ({ nodes }: NodeListProps) => {
 
   const onRevert = () => {
     if (
-      window.confirm("Are you sure you want to revert layout changes?") &&
+      window.confirm("Are you sure you want to revert any changes made?") &&
       data?.version != null
     ) {
       revertChanges.mutate(data?.version + 1);
@@ -117,7 +117,7 @@ const NodesList = ({ nodes }: NodeListProps) => {
 
   const onApply = () => {
     if (
-      window.confirm("Are you sure you want to revert layout changes?") &&
+      window.confirm("Are you sure you want to apply your layout changes?") &&
       data?.version != null
     ) {
       applyChanges.mutate(data?.version + 1);
@@ -247,7 +247,7 @@ const NodesList = ({ nodes }: NodeListProps) => {
                           ` (${Math.round(
                             (item.dataPartition.available /
                               item.dataPartition.total) *
-                              100
+                            100
                           )}%)`}
                       </p>
                     </div>
@@ -262,8 +262,8 @@ const NodesList = ({ nodes }: NodeListProps) => {
                   {item.draining
                     ? "Draining"
                     : item.isUp
-                    ? "Active"
+                      ? "Active"
-                    : "Inactive"}
+                      : "Inactive"}
                 </Badge>
 
                 <Dropdown

src/pages/home/page.tsx

@@ -38,8 +38,8 @@ const HomePage = () => {
             health?.status === "healthy"
               ? "text-success"
               : health?.status === "degraded"
-              ? "text-warning"
+                ? "text-warning"
-              : "text-error"
+                : "text-error"
           )}
         />
         <StatsCard title="Nodes" icon={HardDrive} value={health?.knownNodes} />
@@ -56,7 +56,7 @@ const HomePage = () => {
         <StatsCard
           title="Active Storage Nodes"
           icon={DatabaseZap}
-          value={health?.storageNodesOk}
+          value={health?.storageNodesUp}
         />
         <StatsCard
           title="Partitions"

src/pages/home/types.ts

@@ -5,7 +5,7 @@ export type GetHealthResult = {
   knownNodes: number;
   connectedNodes: number;
   storageNodes: number;
-  storageNodesOk: number;
+  storageNodesUp: number;
   partitions: number;
   partitionsQuorum: number;
   partitionsAllOk: number;