feat(api, cluster): support in-place upgrade for clusters (#122)

Author: Yuiham

apps/main/[3]cluster/[1]instances/[-2]_clusterId/Layout.tsx

@@ -11,9 +11,14 @@ import { trimTrailingSlash } from '@/utils/path'
 
 const Layout: FC = ({ children }) => {
   const { clusterId } = useParams<{ clusterId: string }>()
-  const { data, isLoading, isError, error } = useQueryClusterDetail({
-    id: clusterId,
-  })
+  const { data, isLoading, isError, error } = useQueryClusterDetail(
+    {
+      id: clusterId,
+    },
+    {
+      refetchOnWindowFocus: false,
+    }
+  )
 
   const history = useHistory()
   const { t, i18n } = useI18n()

apps/main/[3]cluster/[1]instances/[-2]_clusterId/[-1]upgrade/components/HeaderBar/index.tsx

@@ -0,0 +1,12 @@
+import { useI18n } from '@i18n-macro'
+import Header from '@/components/Header'
+
+export interface HeaderBarProps {
+  back: () => void
+}
+
+export default function HeaderBar({ back }: HeaderBarProps) {
+  const { t } = useI18n()
+
+  return <Header onBack={back} title={t('header.title')} />
+}

apps/main/[3]cluster/[1]instances/[-2]_clusterId/[-1]upgrade/components/UpgradePanel/index.module.less

@@ -0,0 +1,26 @@
+.panel {
+  min-width: 800px;
+  padding: 40px 30px 30px;
+  margin-top: 20px;
+  background-color: #fff;
+}
+
+.container {
+  width: max-content;
+  min-width: 600px;
+  max-width: 100%;
+  margin: auto;
+}
+
+.content {
+  min-height: 400px;
+  padding: 30px 0 20px;
+}
+
+.hidden {
+  display: none;
+}
+
+.expand-icon {
+  color: #999;
+}