fix(documentation): Typo in version switcher + add loading style (#2762)

swisspost · Mar 12, 2024 · 981ea81 · 981ea81
1 parent ab35c3c
commit 981ea81
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/documentation/.storybook/addons/version-switcher/VersionSwitcher.tsx b/packages/documentation/.storybook/addons/version-switcher/VersionSwitcher.tsx
@@ -37,7 +37,7 @@ function VersionSwitcher() {
   }, []);
 
   if (loading) {
-    return <div>Loading...</div>;
+    return <div className="version-switcher-loading">Loading...</div>;
   }
 
   const latestVersionMajorMinor = getVersion(
@@ -103,7 +103,7 @@ function VersionSwitcher() {
           );
         }}
       >
-        <IconButton placeholder="Versions">Versions {latestVersionMajorMinor}</IconButton>
+        <IconButton placeholder="Versions">Version {latestVersionMajorMinor}</IconButton>
       </WithTooltip>
     </Fragment>
   );

diff --git a/packages/documentation/.storybook/addons/version-switcher/version-switcher.scss b/packages/documentation/.storybook/addons/version-switcher/version-switcher.scss
@@ -1,6 +1,12 @@
 @use '../../../node_modules/@swisspost/design-system-styles/variables/type';
 @use '../../../node_modules/@swisspost/design-system-styles/variables/spacing';
 
+.version-switcher-loading {
+  display: flex;
+  align-items: center;
+  font-size: type.$font-size-14;
+}
+
 .version-switcher-dropdown {
   display: flex;
   flex-flow: column nowrap;