Ui changes for environment and cluster

gql-queries-generator/doc/queries.graphql

@@ -48,6 +48,13 @@ mutation consoleCreateAccount($account: AccountIn!) {
   }
 }
 
+query consoleGetAvailableKloudliteRegions {
+  accounts_availableKloudliteRegions {
+    displayName
+    id
+  }
+}
+
 query consoleListAccounts {
   accounts_listAccounts {
     id
@@ -57,6 +64,7 @@ query consoleListAccounts {
     }
     updateTime
     displayName
+    kloudliteGatewayRegion
   }
 }
 
@@ -76,6 +84,7 @@ query consoleGetAccount($accountName: String!) {
     updateTime
     contactEmail
     displayName
+    kloudliteGatewayRegion
   }
 }
 
@@ -122,6 +131,7 @@ query consoleListAllClusters($search: SearchCluster, $pagination: CursorPaginati
       node {
         accountName
         clusterSvcCIDR
+        lastOnlineAt
         createdBy {
           userEmail
           userId
@@ -179,6 +189,7 @@ query consoleListAllClusters($search: SearchCluster, $pagination: CursorPaginati
       node {
         id
         displayName
+        lastOnlineAt
         markedForDeletion
         metadata {
           name
@@ -293,6 +304,7 @@ query consoleListClusters($search: SearchCluster, $pagination: CursorPaginationI
         id
         displayName
         markedForDeletion
+        lastOnlineAt
         metadata {
           name
           annotations
@@ -809,6 +821,7 @@ query consoleGetEnvironment($name: String!) {
     creationTime
     displayName
     clusterName
+    isArchived
     lastUpdatedBy {
       userEmail
       userId
@@ -887,6 +900,7 @@ query consoleListEnvironments($search: SearchEnvironments, $pq: CursorPagination
         creationTime
         displayName
         clusterName
+        isArchived
         lastUpdatedBy {
           userEmail
           userId
@@ -3357,6 +3371,7 @@ query consoleListByokClusters($search: SearchCluster, $pagination: CursorPaginat
       node {
         accountName
         clusterSvcCIDR
+        lastOnlineAt
         createdBy {
           userEmail
           userId

package.json

@@ -34,7 +34,7 @@
 		"@radix-ui/react-compose-refs": "^1.0.1",
 		"@radix-ui/react-context": "^1.0.1",
 		"@radix-ui/react-dialog": "1.0.4",
-		"@radix-ui/react-direction": "^1.0.1",
+		"@radix-ui/react-direction": "1.0.1",
 		"@radix-ui/react-dismissable-layer": "^1.0.5",
 		"@radix-ui/react-dropdown-menu": "^2.0.6",
 		"@radix-ui/react-focus-guards": "^1.0.1",

src/apps/console/components/empty-resource-images.tsx

@@ -0,0 +1,250 @@
+import React from 'react';
+
+export const EmptyEnvironmentImage = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="48"
+      height="48"
+      fill="none"
+      viewBox="0 0 48 48"
+    >
+      <path
+        fill="#111827"
+        fillRule="evenodd"
+        d="M.501 3.376a1 1 0 011-1H46.5a1 1 0 011 1v33.748a1 1 0 01-1 1H1.5a1 1 0 01-1-1V3.376zm2 1v31.748H45.5V4.376H2.5zm13 40.248a1 1 0 011-1H31.5a1 1 0 010 2h-15a1 1 0 01-1-1zm8.987-36.412a1 1 0 00-.976 0l-10.117 5.66a1 1 0 00-.512.873v11.32a1 1 0 00.512.872l10.117 5.66a1 1 0 00.976 0l10.117-5.66a1 1 0 00.512-.873v-11.29a1 1 0 00-.512-.9L24.488 8.21zm7.594 6.54L24 10.23l-8.007 4.48 8.12 4.523c.026 0 .052.001.077.003l7.892-4.484zm-17.199 1.63l8.23 4.583v9.118l-8.23-4.605v-9.096zm18.234 9.096l-8.004 4.479v-8.945l8.004-4.547v9.013z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+};
+
+export const EmptyAppImage = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="50"
+      height="51"
+      fill="none"
+      viewBox="0 0 50 51"
+    >
+      <path
+        stroke="#111827"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M1 1.5H20.2V20.7H1z"
+      />
+      <path
+        stroke="#111827"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M1 30.3H20.2V49.5H1z"
+      />
+      <path
+        stroke="#111827"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M29.8 1.5H49V20.7H29.8z"
+      />
+      <path
+        stroke="#111827"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M29.8 30.3H49V49.5H29.8z"
+      />
+    </svg>
+  );
+};
+
+export const EmptyConfigImage = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="50"
+      height="50"
+      fill="none"
+      viewBox="0 0 50 50"
+    >
+      <path
+        fill="#111827"
+        fillRule="evenodd"
+        d="M20.035 0a1 1 0 00-1 1v5.24c-1.07.34-2.1.769-3.081 1.277l-3.706-3.706a1 1 0 00-1.415 0l-7.022 7.022a1 1 0 000 1.415l3.706 3.706a19.564 19.564 0 00-1.277 3.08H1a1 1 0 00-1 1v9.931a1 1 0 001 1h5.24c.34 1.07.769 2.1 1.277 3.081l-3.706 3.706a1 1 0 000 1.414l7.022 7.023a1 1 0 001.415 0l3.706-3.706c.981.508 2.011.937 3.08 1.277V49a1 1 0 001 1h9.931a1 1 0 001-1v-5.24c1.07-.34 2.1-.768 3.081-1.277l3.706 3.706a1 1 0 001.414 0l7.023-7.022a1 1 0 000-1.415l-3.706-3.706c.509-.981.937-2.011 1.277-3.08H49a1 1 0 001-1v-9.931a1 1 0 00-1-1h-5.24a19.57 19.57 0 00-1.277-3.081l3.706-3.706a1 1 0 000-1.415l-7.022-7.022a1 1 0 00-1.415 0l-3.706 3.706a19.567 19.567 0 00-3.08-1.277V1a1 1 0 00-1-1h-9.931zm1 6.987V2h7.93v4.987a1 1 0 00.735.964c1.424.391 2.775.956 4.03 1.67a1 1 0 001.202-.161l3.527-3.527 5.608 5.607-3.527 3.528a1 1 0 00-.162 1.201 17.57 17.57 0 011.671 4.03 1 1 0 00.965.736H48v7.93h-4.986a1 1 0 00-.965.735 17.565 17.565 0 01-1.67 4.03 1 1 0 00.161 1.203l3.527 3.526-5.608 5.608-3.527-3.527a1 1 0 00-1.201-.162 17.562 17.562 0 01-4.03 1.671 1 1 0 00-.736.964V48h-7.93v-4.987a1 1 0 00-.735-.964 17.566 17.566 0 01-4.03-1.67 1 1 0 00-1.202.161l-3.527 3.527-5.608-5.608 3.527-3.527a1 1 0 00.162-1.201A17.566 17.566 0 017.95 29.7a1 1 0 00-.964-.736H2v-7.93h4.987a1 1 0 00.964-.735 17.57 17.57 0 011.67-4.03 1 1 0 00-.161-1.202L5.933 11.54l5.607-5.608 3.528 3.527a1 1 0 001.201.162A17.568 17.568 0 0120.3 7.95a1 1 0 00.736-.964zM14 25c0-6.075 4.925-11 11-11s11 4.925 11 11-4.925 11-11 11-11-4.925-11-11zm11-13c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+};
+
+export const EmptyConfigEntryImage = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="42"
+      height="50"
+      fill="none"
+      viewBox="0 0 42 50"
+    >
+      <path
+        stroke="#111827"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M27.996 49H41V15.017L27.043 1H1v23.965"
+      />
+      <path
+        stroke="#111827"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M27.179 14.881V1.256L40.816 14.88H27.179zM12.92 41.943a4.5 4.5 0 100-9 4.5 4.5 0 000 9z"
+      />
+      <path
+        fill="#111827"
+        d="M6.312 43.956l.866.5a1 1 0 00-.153-1.202l-.713.702zm-1.488 2.578l-.866-.5a1 1 0 00.366 1.366l.5-.866zm-.85-6.624l.964-.265a1 1 0 00-.964-.735v1zM1 39.91H0a1 1 0 001 1v-1zm0-4.933v-1a1 1 0 00-1 1h1zm2.974 0v1a1 1 0 00.964-.735l-.964-.265zm2.338-4.047l.713.702a1 1 0 00.153-1.202l-.866.5zm-1.488-2.577l-.5-.866a1 1 0 00-.366 1.366l.866-.5zm4.272-2.466l.866-.5a1 1 0 00-1.366-.366l.5.866zm1.487 2.575l-.866.5a1 1 0 001.117.468l-.251-.968zm4.675 0l-.251.968a1 1 0 001.117-.468l-.866-.5zm1.487-2.575l.5-.866a1 1 0 00-1.366.366l.866.5zm4.272 2.466l.866.5a1 1 0 00-.366-1.366l-.5.866zm-1.488 2.577l-.866-.5a1 1 0 00.154 1.202l.712-.702zm2.339 4.047l-.964.265a1 1 0 00.964.735v-1zm2.973 0h1a1 1 0 00-1-1v1zm0 4.933v1a1 1 0 001-1h-1zm-2.973 0v-1a1 1 0 00-.964.735l.964.265zm-2.34 4.047l-.711-.702a1 1 0 00-.154 1.202l.866-.5zm1.489 2.577l.5.866a1 1 0 00.366-1.366l-.866.5zM16.745 49l-.866.5a1 1 0 001.366.366l-.5-.866zm-1.487-2.575l.866-.5a1 1 0 00-1.117-.468l.251.968zm-4.675 0l.251-.968a1 1 0 00-1.117.468l.866.5zM9.096 49l-.5.866a1 1 0 001.366-.366l-.866-.5zm-3.65-5.544l-1.488 2.578 1.732 1 1.488-2.578-1.732-1zM3.01 40.175A10.269 10.269 0 005.6 44.658l1.425-1.404a8.269 8.269 0 01-2.087-3.61l-1.929.53zm.965-1.265H1v2h2.974v-2zM2 39.91v-4.933H0v4.933h2zm-1-3.933h2.974v-2H1v2zm4.6-5.749a10.268 10.268 0 00-2.59 4.484l1.928.53a8.268 8.268 0 012.087-3.61L5.6 30.228zm-1.642-1.375l1.488 2.577 1.732-1-1.488-2.577-1.732 1zm4.638-3.832l-4.272 2.466 1 1.732 4.272-2.466-1-1.732zm2.853 2.94l-1.487-2.574-1.732 1 1.487 2.575 1.732-1zm1.472-.796c-.893 0-1.761.114-2.59.329l.503 1.936a8.296 8.296 0 012.087-.265v-2zm2.588.329a10.296 10.296 0 00-2.588-.33v2c.722 0 1.42.093 2.086.266l.502-1.936zm.37-2.107l-1.487 2.575 1.732 1 1.487-2.575-1.732-1zm5.638 2.1l-4.272-2.466-1 1.732 4.272 2.466 1-1.732zm-1.122 3.943l1.488-2.577-1.732-1-1.488 2.577 1.732 1zm2.437 3.282a10.269 10.269 0 00-2.591-4.484l-1.424 1.404a8.269 8.269 0 012.087 3.61l1.928-.53zm-.964 1.265h2.973v-2h-2.973v2zm1.973-1v4.933h2v-4.933h-2zm1 3.933h-2.973v2h2.973v-2zm-4.6 5.749a10.267 10.267 0 002.59-4.484l-1.927-.53a8.268 8.268 0 01-2.087 3.61l1.424 1.404zm1.642 1.375l-1.488-2.577-1.732 1 1.488 2.577 1.732-1zm-4.638 3.832l4.272-2.466-1-1.732-4.272 2.466 1 1.732zm-2.853-2.941L15.88 49.5l1.732-1-1.487-2.575-1.732 1zm-1.471.797c.893 0 1.76-.114 2.588-.33l-.502-1.935a8.294 8.294 0 01-2.086.265v2zm-2.59-.33c.829.216 1.697.33 2.59.33v-2a8.291 8.291 0 01-2.087-.265l-.502 1.936zM9.963 49.5l1.487-2.575-1.732-1L8.23 48.5l1.732 1zm-5.638-2.1l4.272 2.466 1-1.732-4.272-2.466-1 1.732z"
+      />
+    </svg>
+  );
+};
+
+export const EmptyManagedResourceImage = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="48"
+      height="40"
+      fill="none"
+      viewBox="0 0 48 40"
+    >
+      <path
+        fill="#111827"
+        fillRule="evenodd"
+        d="M14.943.088h-1v3.8a1 1 0 002 0v-1.8h18.38a1 1 0 000-2h-19.38zm26.176 3.134a3.809 3.809 0 013.627 6.043c-.856 1.094-2.39 1.53-4.138 1.53h-4.203a2.365 2.365 0 01-.453-4.687c-.045.29-.067.584-.067.879a1 1 0 002 0 3.81 3.81 0 013.234-3.765zm5.221 7.25l-.8-.6.79.614c-1.427 1.835-3.757 2.31-5.722 2.31h-4.205a4.366 4.366 0 11.267-8.725 5.81 5.81 0 119.67 6.401zm-4.235 4.741a1 1 0 011 1v15.869h-8.738a1 1 0 110-2h6.738V16.213a1 1 0 011-1zm-39.607.5c0-1.599 1.201-3.266 3.632-4.591 2.392-1.305 5.765-2.143 9.546-2.143 3.78 0 7.154.838 9.546 2.143 2.427 1.323 3.628 2.987 3.632 4.583v.022c-.007 1.593-1.209 3.254-3.632 4.576-2.392 1.305-5.765 2.143-9.546 2.143-3.78 0-7.154-.838-9.546-2.143-2.43-1.326-3.632-2.993-3.632-4.59zM28.854 20.1c-.744.747-1.657 1.404-2.674 1.958-2.739 1.494-6.454 2.388-10.504 2.388s-7.765-.894-10.504-2.388c-1.017-.554-1.93-1.212-2.674-1.958v3.346c0 1.598 1.201 3.265 3.632 4.59 2.392 1.305 5.765 2.143 9.546 2.143 3.78 0 7.154-.838 9.546-2.143 2.43-1.325 3.632-2.992 3.632-4.59V20.1zM.498 15.712V31.18c0 2.673 1.973 4.873 4.674 6.346 2.739 1.494 6.455 2.387 10.504 2.387 4.05 0 7.765-.893 10.504-2.387 2.701-1.473 4.674-3.673 4.674-6.346V15.712c0-2.673-1.973-4.873-4.674-6.346-2.739-1.494-6.454-2.387-10.504-2.387s-7.765.893-10.504 2.387C2.474 10.838.502 13.034.498 15.703v.01zm2 15.467v-3.346c.744.747 1.657 1.404 2.674 1.959 2.739 1.494 6.455 2.387 10.504 2.387 4.05 0 7.765-.893 10.504-2.387 1.017-.555 1.93-1.212 2.674-1.959v3.346c0 1.598-1.201 3.265-3.632 4.59-2.392 1.305-5.765 2.143-9.546 2.143-3.78 0-7.154-.838-9.546-2.143-2.43-1.325-3.632-2.992-3.632-4.59z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+};
+
+export const EmptyClusterImage = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="48"
+      height="48"
+      fill="none"
+      viewBox="0 0 48 48"
+    >
+      <path
+        fill="#111827"
+        fillRule="evenodd"
+        d="M41.372 2.102a4.038 4.038 0 100 8.076 4.038 4.038 0 000-8.076zM35.334 6.14a6.038 6.038 0 112.746 5.063l-7.67 7.67a7.834 7.834 0 011.401 4.485c0 1.806-.608 3.47-1.63 4.798l4.592 4.593a4.509 4.509 0 11-1.479 1.35l-4.524-4.526a7.83 7.83 0 01-3.958 1.608v3.913a6.04 6.04 0 01-.87 12.015 6.038 6.038 0 01-1.13-11.971v-3.99a7.83 7.83 0 01-3.623-1.516L11.422 37.4a6.038 6.038 0 11-1.463-1.366l7.803-7.802a7.837 7.837 0 01-1.69-4.874c0-1.853.64-3.557 1.712-4.902l-6.838-6.838a4.51 4.51 0 111.36-1.468l6.912 6.912a7.835 7.835 0 014.723-1.574 7.84 7.84 0 015.127 1.899l7.538-7.539a6.013 6.013 0 01-1.272-3.708zM23.94 17.488a5.87 5.87 0 100 11.74 5.87 5.87 0 000-11.74zM2.588 41.07a4.038 4.038 0 118.077 0 4.038 4.038 0 01-8.077 0zm21.353-4.038a4.038 4.038 0 100 8.077 4.038 4.038 0 000-8.077zm10.548-.36a2.509 2.509 0 115.017 0 2.509 2.509 0 01-5.017 0zM8.4 5.384a2.51 2.51 0 100 5.02 2.51 2.51 0 000-5.02z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+};
+
+export const EmptyHelmReleaseImage = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="48"
+      height="49"
+      fill="none"
+      viewBox="0 0 48 49"
+    >
+      <path
+        fill="#111827"
+        d="M37.337 39.394c1.412 2.015 1.925 4.088 1.15 4.632-.777.543-2.55-.65-3.96-2.665a10.102 10.102 0 01-1.172-2.17 17.188 17.188 0 01-7.816 2.807c.162.682.26 1.478.26 2.339 0 2.46-.767 4.453-1.716 4.453-.948 0-1.716-1.993-1.716-4.453 0-.843.094-1.619.25-2.29a17.18 17.18 0 01-7.908-2.575 10.362 10.362 0 01-1.05 1.889c-1.412 2.015-3.185 3.208-3.961 2.665-.776-.544-.263-2.617 1.149-4.632.473-.676.987-1.247 1.49-1.705a17.107 17.107 0 01-2.625-2.965l2.254-1.568a14.437 14.437 0 0011.847 6.192c4.732 0 9.165-2.322 11.862-6.212l2.256 1.564a17.176 17.176 0 01-2.372 2.739c.593.483 1.213 1.149 1.778 1.955zM12.525 12.065a17.218 17.218 0 00-3.14 3.623l2.306 1.49a14.378 14.378 0 0112.123-6.603c5.084 0 9.696 2.595 12.334 6.94l2.346-1.425a17.36 17.36 0 00-3.128-3.8c.65-.491 1.346-1.21 1.971-2.104 1.412-2.015 1.925-4.088 1.15-4.632-.777-.543-2.55.65-3.96 2.665-.59.84-1.011 1.685-1.258 2.43a17.02 17.02 0 00-7.82-2.735c.216-.745.35-1.664.35-2.672 0-2.459-.767-4.452-1.716-4.452-.948 0-1.716 1.993-1.716 4.454 0 .984.126 1.886.335 2.622a17.086 17.086 0 00-7.88 2.5 10.011 10.011 0 00-1.164-2.147c-1.41-2.015-3.182-3.206-3.958-2.663-.776.544-.263 2.617 1.149 4.632a10.09 10.09 0 001.676 1.877zM.941 31.413h3.305v-4.957h3.728v4.96h3.304V18.922H7.976v4.65h-3.73v-4.65H.94v12.49zm13.106-12.49v12.49h8.264v-2.767h-4.96v-2.23h4.075V23.65h-4.074v-1.961h4.766v-2.767l-8.07.002zm10.684 0v12.49h8.033v-2.767h-4.729v-9.723h-3.304zm10.184 0v12.49h3.036v-3.69c0-.32-.016-.671-.048-1.056s-.068-.778-.106-1.181a33.202 33.202 0 00-.135-1.181 92.41 92.41 0 01-.134-1.037h.076l.999 2.922 1.73 4.208h1.23l1.728-4.208 1.037-2.922h.076c-.038.307-.085.654-.135 1.039-.052.385-.096.778-.134 1.18-.038.404-.074.799-.106 1.182-.032.385-.048.736-.048 1.057v3.69h3.08V18.922H43.64l-1.883 5.19-.692 2.037h-.076l-.692-2.038-1.961-5.19h-3.42z"
+      />
+    </svg>
+  );
+};
+
+export const EmptyNodepoolImage = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="50"
+      height="50"
+      fill="none"
+      viewBox="0 0 50 50"
+    >
+      <path
+        stroke="#111827"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M43.46 19.461H49M43.46 30.539H49M1 19.461h5.538M1 30.539h5.538M30.54 43.461V49M19.46 43.461V49M30.54 1v5.538M19.46 1v5.538"
+      />
+      <path
+        stroke="#111827"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M6.539 6.539H43.462V43.462H6.539z"
+      />
+      <rect
+        width="12.923"
+        height="12.923"
+        x="18.539"
+        y="18.539"
+        stroke="#111827"
+        strokeWidth="2"
+        rx="0.5"
+      />
+    </svg>
+  );
+};
+
+export const EmptyStorageImage = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="46"
+      height="51"
+      fill="none"
+      viewBox="0 0 46 51"
+    >
+      <path
+        stroke="#111827"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M23 25.395c12.15 0 22-5.373 22-12s-9.85-12-22-12-22 5.373-22 12 9.85 12 22 12z"
+      />
+      <path
+        stroke="#111827"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M1 13.395v12c0 6.627 9.85 12 22 12s22-5.373 22-12v-12"
+      />
+      <path
+        stroke="#111827"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M1 25.395v12c0 6.627 9.85 12 22 12s22-5.373 22-12v-12"
+      />
+    </svg>
+  );
+};
+
+export const EmptyCloudProviderImage = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="48"
+      height="36"
+      fill="none"
+      viewBox="0 0 48 36"
+    >
+      <path
+        fill="#111827"
+        fillRule="evenodd"
+        d="M22.695.925a.997.997 0 011.433.018l4.105 4.105a1 1 0 01-1.414 1.415l-2.416-2.416v8.788a11.508 11.508 0 016.826.137 11.492 11.492 0 015.561 4.01c.042-.07.092-.134.151-.193l7.166-7.166h-3.461a1 1 0 110-2h5.831a1 1 0 01.708.293l.01.01.011.012a1 1 0 01.271.915v5.602a1 1 0 01-2 0V11.08l-7.122 7.122a.996.996 0 01-.607.288 11.498 11.498 0 01-.958 12.28l-.01.015c-.389.498-.806.97-1.227 1.409-2.272 2.361-5.508 3.174-8.564 3.174H16.051a8.346 8.346 0 01-5.509-14.608 1.004 1.004 0 01-.184-.145L2.524 12.78v3.374a1 1 0 11-2 0v-5.602a1 1 0 01.27-.915l.012-.01.01-.011a1 1 0 01.708-.293h5.831a1 1 0 110 2h-3.46l7.877 7.877c.144.144.235.32.272.505a8.347 8.347 0 015.253-.936l.067-.132a11.493 11.493 0 015.039-5.016V4.046l-2.417 2.417a1 1 0 11-1.415-1.415L22.695.925zm3.468 13.566a9.495 9.495 0 019.032 15.074c-.336.432-.704.849-1.084 1.243-1.755 1.825-4.37 2.56-7.122 2.56H16.053a6.346 6.346 0 11.497-12.671 11.49 11.49 0 00-.449 3.178 1 1 0 102 0 9.493 9.493 0 018.062-9.384z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+};

src/apps/console/components/icons.tsx

@@ -133,4 +133,6 @@ export {
   BellFill,
   UserCircle,
   Sliders,
+  FileLock,
+  StackSimple,
 } from '@jengaicons/react';

src/apps/console/page-components/app/general.tsx

@@ -148,7 +148,7 @@ const AppGeneral = ({ mode = 'new' }: { mode: 'edit' | 'new' }) => {
       name: Yup.string().required(),
       displayName: Yup.string().required(),
       imageUrl: Yup.string().matches(
-        /^\w(\w|[-/])+?(?::(\w|[-])+)?\w$/,
+        constants.dockerImageFormatRegex,
         'Invalid image format'
       ),
       manualRepo: Yup.string().when(

src/apps/console/page-components/handle-console-devices.tsx

@@ -301,7 +301,7 @@ export const ShowWireguardConfig = ({
   deviceName: string;
   creationMethod: string;
 }) => {
-  const [mode, setMode] = useState<'config' | 'qr'>('qr');
+  const [mode, setMode] = useState<'config' | 'qr'>('config');
 
   const [data, setData] = useState<{
     value: string;
@@ -391,14 +391,14 @@ export const ShowWireguardConfig = ({
                 setMode(v as any);
               }}
               items={[
-                {
-                  label: 'QR Code',
-                  value: 'qr',
-                },
                 {
                   label: 'Config',
                   value: 'config',
                 },
+                {
+                  label: 'QR Code',
+                  value: 'qr',
+                },
               ]}
             />
             {modeView()}