From 7b253100f81d294f9b01768d17eb501c1e351ad5 Mon Sep 17 00:00:00 2001
From: Carl Meyer <carl@astral.sh>
Date: Wed, 21 May 2025 02:35:13 -0400
Subject: [PATCH] switch the playground repo button to ty repo (#18228)

Co-authored-by: Micha Reiser <micha@reiser.io>
---
 playground/ruff/src/Editor/Chrome.tsx | 2 +-
 playground/shared/src/Header.tsx      | 8 ++++----
 playground/shared/src/RepoButton.tsx  | 9 ++-------
 playground/ty/src/Playground.tsx      | 2 +-
 4 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/playground/ruff/src/Editor/Chrome.tsx b/playground/ruff/src/Editor/Chrome.tsx
index db70b06471..43d798b0d0 100644
--- a/playground/ruff/src/Editor/Chrome.tsx
+++ b/playground/ruff/src/Editor/Chrome.tsx
@@ -87,7 +87,7 @@ export default function Chrome() {
       <Header
         edit={revision}
         theme={theme}
-        logo="ruff"
+        tool="ruff"
         version={ruffVersion}
         onChangeTheme={setTheme}
         onShare={handleShare}
diff --git a/playground/shared/src/Header.tsx b/playground/shared/src/Header.tsx
index 0d83cc5058..694ec20a25 100644
--- a/playground/shared/src/Header.tsx
+++ b/playground/shared/src/Header.tsx
@@ -9,7 +9,7 @@ import AstralButton from "./AstralButton";
 export default function Header({
   edit,
   theme,
-  logo,
+  tool,
   version,
   onChangeTheme,
   onReset,
@@ -17,7 +17,7 @@ export default function Header({
 }: {
   edit: number | null;
   theme: Theme;
-  logo: "ruff" | "ty";
+  tool: "ruff" | "ty";
   version: string | null;
   onChangeTheme: (theme: Theme) => void;
   onReset?(): void;
@@ -37,7 +37,7 @@ export default function Header({
       "
     >
       <div className="py-4 pl-2">
-        <Logo name={logo} className="fill-galaxy dark:fill-radiate" />
+        <Logo name={tool} className="fill-galaxy dark:fill-radiate" />
       </div>
       <div className="flex items-center min-w-0 gap-4 mx-2">
         {version ? (
@@ -46,7 +46,7 @@ export default function Header({
           </div>
         ) : null}
         <Divider />
-        <RepoButton />
+        <RepoButton href={`https://github.com/astral-sh/${tool}`} />
         <Divider />
         <div className="max-sm:hidden flex">
           <ResetButton onClicked={onReset} />
diff --git a/playground/shared/src/RepoButton.tsx b/playground/shared/src/RepoButton.tsx
index 1834d4dc4c..a992810f48 100644
--- a/playground/shared/src/RepoButton.tsx
+++ b/playground/shared/src/RepoButton.tsx
@@ -1,11 +1,6 @@
-export default function RepoButton() {
+export default function RepoButton({ href }: { href: string }) {
   return (
-    <a
-      className="rounded-full"
-      href="https://github.com/astral-sh/ruff"
-      target="_blank"
-      rel="noreferrer"
-    >
+    <a className="rounded-full" href={href} target="_blank" rel="noreferrer">
       <svg
         xmlns="http://www.w3.org/2000/svg"
         width="24"
diff --git a/playground/ty/src/Playground.tsx b/playground/ty/src/Playground.tsx
index 734285ba96..eca7f6657b 100644
--- a/playground/ty/src/Playground.tsx
+++ b/playground/ty/src/Playground.tsx
@@ -156,7 +156,7 @@ export default function Playground() {
       <Header
         edit={files.revision}
         theme={theme}
-        logo="ty"
+        tool="ty"
         version={version}
         onChangeTheme={setTheme}
         onShare={handleShare}