chore: replace Playground link with Playroom link in docs

kiwicom · Jan 16, 2025 · 0f5eee1 · 0f5eee1
1 parent e2c90cf
commit 0f5eee1
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 6 deletions.
diff --git a/docs/src/components/Footer.tsx b/docs/src/components/Footer.tsx
@@ -112,6 +112,10 @@ export default function Footer() {
               <Dot />
               <StyledFooterLink to="https://kiwicom.github.io/orbit/">Storybook</StyledFooterLink>
               <Dot />
+              <StyledFooterLink to="https://kiwicom.github.io/orbit/playroom">
+                Playroom
+              </StyledFooterLink>
+              <Dot />
               <StyledFooterLink to="/changelog/">Changelog</StyledFooterLink>
               <Dot />
               <StyledFooterLink to="/themer/">Themer</StyledFooterLink>

diff --git a/docs/src/components/Navbar/Links.tsx b/docs/src/components/Navbar/Links.tsx
@@ -9,7 +9,7 @@ import ReadArt from "../../images/streamline-light/read-art.svg";
 import IrisScanIcon from "../../images/streamline-light/iris-scan.svg";
 import ScriptIcon from "../../images/streamline-light/script.svg";
 
-type Link = "Components" | "Guides" | "Tokens" | "Accessibility" | "Foundation" | "Playground";
+type Link = "Components" | "Guides" | "Tokens" | "Accessibility" | "Foundation" | "Playroom";
 
 interface Props {
   links?: Link[];
@@ -31,7 +31,7 @@ const LinkIcon = ({ name }: { name?: string }) => {
       return <ColorBrushIcon {...iconStyles} />;
     case "Accessibility":
       return <IrisScanIcon {...iconStyles} />;
-    case "Playground":
+    case "Playroom":
       return <Code size="medium" />;
     default:
       return <ScriptIcon {...iconStyles} />;
@@ -59,6 +59,7 @@ const getLinkPath = (link: Link) => {
   if (link === "Tokens") return "/foundation/design-tokens/";
   if (link === "Guides") return "/development/guides/";
   if (link === "Accessibility") return "/foundation/accessibility/";
+  if (link === "Playroom") return "https://kiwicom.github.io/orbit/playroom";
 
   return link.toLowerCase();
 };
@@ -82,7 +83,7 @@ const LinkList = ({ isDesktop, links }: { isDesktop?: boolean; links: Props["lin
 );
 
 const Links = ({
-  links = ["Foundation", "Components", "Tokens", "Guides", "Accessibility", "Playground"],
+  links = ["Foundation", "Components", "Tokens", "Guides", "Accessibility", "Playroom"],
 }: Props) => {
   return (
     <>

diff --git a/docs/src/documentation/01-getting-started/02-for-developers.mdx b/docs/src/documentation/01-getting-started/02-for-developers.mdx
@@ -57,7 +57,7 @@ See [more info about the Orbit provider](/utilities/orbit-provider/).
 
 For a live preview, check out our [Storybook](https://kiwicom.github.io/orbit/) or [orbit.kiwi](https://orbit.kiwi).
 
-You can also try `orbit-components` directly on our [Playground](https://orbit.kiwi/playground/).
+You can also try `orbit-components` directly on our [Playroom](https://kiwicom.github.io/orbit/playroom/).
 
 ## Typescript
 

diff --git a/packages/orbit-components/README.md b/packages/orbit-components/README.md
@@ -42,7 +42,7 @@ or do so with [Yarn](https://yarnpkg.com/):
 
 For a live preview, check out our [Storybook](https://kiwicom.github.io/orbit/) or [orbit.kiwi](https://orbit.kiwi).
 
-You can also try `orbit-components` directly on our [Playground](https://orbit.kiwi/playground/).
+You can also try `orbit-components` directly on our [Playroom](https://kiwicom.github.io/orbit/playroom/).
 
 ## Contributing
 

diff --git a/readme.md b/readme.md
@@ -63,7 +63,7 @@ If you want to use custom theme inside your project, it's necessary to wrap your
 
 For live preview check out [Storybook](https://kiwicom.github.io/orbit/) or [orbit.kiwi](https://orbit.kiwi).
 
-You can also try `orbit-components` directly on our [Playground](https://orbit.kiwi/playground/).
+You can also try `orbit-components` directly on our [Playroom](https://kiwicom.github.io/orbit/playroom).
 
 ## Documentation