Do not show CDKTF language switcher if there is no to switch

Signed-off-by: Damian Stasik <[email protected]>
opentofu · Sep 3, 2024 · 70c8ff2 · 70c8ff2
1 parent 3998286
commit 70c8ff2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 26 deletions.
diff --git a/frontend/src/components/LanguagePicker/index.tsx b/frontend/src/components/LanguagePicker/index.tsx
@@ -25,10 +25,6 @@ function Language({ name, code }: LanguageProps) {
   );
 }
 
-function LanguageSkeleton() {
-  return <span className="ml-2 flex h-10 w-24 animate-pulse bg-gray-500/25" />;
-}
-
 interface LanguagePickerProps {
   languages: Array<{ name: string; code: string }>;
 }
@@ -46,14 +42,3 @@ export function LanguagePicker({ languages }: LanguagePickerProps) {
     </nav>
   );
 }
-
-export function LanguagePickerSkeleton() {
-  return (
-    <nav className="flex items-center">
-      <span className="mr-2 text-gray-700 dark:text-gray-300">
-        Provider language
-      </span>
-      <LanguageSkeleton />
-    </nav>
-  );
-}
diff --git a/frontend/src/routes/Provider/components/VersionInfo.tsx b/frontend/src/routes/Provider/components/VersionInfo.tsx
@@ -1,8 +1,5 @@
 import { OldVersionBanner } from "@/components/OldVersionBanner";
-import {
-  LanguagePicker,
-  LanguagePickerSkeleton,
-} from "@/components/LanguagePicker";
+import { LanguagePicker } from "@/components/LanguagePicker";
 import { VersionInfo, VersionInfoSkeleton } from "@/components/VersionInfo";
 import { useSuspenseQueries } from "@tanstack/react-query";
 import { getProviderDataQuery, getProviderVersionDataQuery } from "../query";
@@ -50,7 +47,7 @@ export function ProviderVersionInfo() {
     <div className="flex flex-col gap-5">
       <div className="flex items-center justify-between">
         <VersionInfo currentVersion={version} latestVersion={latestVersion} />
-        <LanguagePicker languages={languages} />
+        {languages.length > 0 && <LanguagePicker languages={languages} />}
       </div>
       {version !== latestVersion && (
         <OldVersionBanner latestVersionLink={latestVersionLink} />
@@ -60,10 +57,5 @@ export function ProviderVersionInfo() {
 }
 
 export function ProviderVersionInfoSkeleton() {
-  return (
-    <div className="flex items-center justify-between">
-      <VersionInfoSkeleton />
-      <LanguagePickerSkeleton />
-    </div>
-  );
+  return <VersionInfoSkeleton />;
 }