Update sketch

TanStack · Oct 14, 2024 · 7b13708 · 7b13708
1 parent ee943e2
commit 7b13708
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 0 deletions.
diff --git a/app/libraries/index.tsx b/app/libraries/index.tsx
@@ -65,6 +65,7 @@ export type Library = {
   handleRedirects?: (href: string) => void
   hideCodesandboxUrl?: true
   hideStackblitzUrl?: true
+  showVercelUrl?: true
 }
 
 export const libraries = [

diff --git a/app/libraries/router.ts b/app/libraries/router.ts
@@ -22,4 +22,5 @@ export const routerProject: Library = {
   scarfId: '3d14fff2-f326-4929-b5e1-6ecf953d24f4',
   defaultDocs: 'framework/react/overview',
   hideCodesandboxUrl: true,
+  showVercelUrl: true,
 }
diff --git a/app/routes/$libraryId.$version.docs.framework.$framework.examples.$.tsx b/app/routes/$libraryId.$version.docs.framework.$framework.examples.$.tsx
@@ -57,6 +57,7 @@ export default function Example() {
 
   const hideCodesandbox = library.hideCodesandboxUrl
   const hideStackblitz = library.hideStackblitzUrl
+  const showVercel = library.showVercelUrl
 
   return (
     <div className="flex-1 flex flex-col min-h-0 overflow-auto">
@@ -66,10 +67,18 @@ export default function Example() {
             {capitalize(framework)} Example: {slugToTitle(_splat)}
           </span>
           <div className="flex items-center gap-4 flex-wrap font-normal text-xs">
+            {showVercel ? (
+              <a
+                href={`https://vercel.com/new/clone?repository-url=${githubUrl}`}
+              >
+                <img src="https://vercel.com/button" alt="Deploy with Vercel" />
+              </a>
+            ) : null}
             <a
               href={githubUrl}
               target="_blank"
               className="flex gap-1 items-center"
+              rel="noreferrer"
             >
               <FaExternalLinkAlt /> Github
             </a>
@@ -78,6 +87,7 @@ export default function Example() {
                 href={stackBlitzUrl}
                 target="_blank"
                 className="flex gap-1 items-center"
+                rel="noreferrer"
               >
                 <FaExternalLinkAlt /> StackBlitz
               </a>
@@ -87,6 +97,7 @@ export default function Example() {
                 href={codesandboxUrl}
                 target="_blank"
                 className="flex gap-1 items-center"
+                rel="noreferrer"
               >
                 <FaExternalLinkAlt /> CodeSandbox
               </a>

diff --git a/media/brand.sketch b/media/brand.sketch