From 811592e8a0cf82931a77b84ed0f06437b10361cf Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <jon.summers.muir@googlemail.com>
Date: Tue, 30 Mar 2021 20:55:29 +0800
Subject: [PATCH] chore: updated example app card on storage

---
 www/components/ExampleCard.tsx | 27 +++++++++++++++------------
 www/pages/storage/Storage.tsx  | 14 ++++++++------
 2 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/www/components/ExampleCard.tsx b/www/components/ExampleCard.tsx
index ca9668f792d..89d7d6c5425 100644
--- a/www/components/ExampleCard.tsx
+++ b/www/components/ExampleCard.tsx
@@ -59,18 +59,21 @@ function ExampleCard(props: any) {
           </Typography.Text>
           <Space className="mt-3">
             {props.vercel_deploy_url && (
-              <Link href={props.vercel_deploy_url} as={props.vercel_deploy_url}>
-                <a target="_blank">
-                  <Button
-                    size="tiny"
-                    type="outline"
-                    icon={<IconTriangle />}
-                    style={{ background: '#1F6FF0', color: 'white', borderColor: '#1F6FF0' }}
-                  >
-                    Deploy
-                  </Button>
-                </a>
-              </Link>
+              // <Link href={props.vercel_deploy_url} as={props.vercel_deploy_url}>
+              //   <a target="_blank">
+              //     <Button
+              //       size="tiny"
+              //       type="outline"
+              //       icon={<IconTriangle />}
+              //       style={{ background: '#1F6FF0', color: 'white', borderColor: '#1F6FF0' }}
+              //     >
+              //       Deploy
+              //     </Button>
+              //   </a>
+              // </Link>
+              <a target="_blank" href={props.vercel_deploy_url}>
+                <img src="https://vercel.com/button" />
+              </a>
             )}
             {props.demo_url && (
               <Link href={props.demo_url} as={props.demo_url}>
diff --git a/www/pages/storage/Storage.tsx b/www/pages/storage/Storage.tsx
index f40b27eea05..c5a9a410459 100644
--- a/www/pages/storage/Storage.tsx
+++ b/www/pages/storage/Storage.tsx
@@ -88,7 +88,7 @@ function AuthPage() {
 
         <SectionContainer>
           <div className="grid grid-cols-12">
-            <div className="col-span-3">
+            <div className="mb-10 lg:mb-0 col-span-12 lg:col-span-3">
               <p className="mb-4">
                 <Space>
                   <ProductIcon icon={Solutions['storage'].icon} />
@@ -109,7 +109,7 @@ function AuthPage() {
               </p> */}
               </Typography.Text>
             </div>
-            <div className="col-span-3 col-start-5">
+            <div className="mb-10 lg:mb-0 col-span-12 lg:col-span-3 lg:col-start-5">
               <p className="mb-4">
                 <IconBarChart />
               </p>
@@ -124,7 +124,7 @@ function AuthPage() {
               </p> */}
               </Typography.Text>
             </div>
-            <div className="col-span-3 col-start-9">
+            <div className="col-span-12 lg:col-span-3 lg:col-start-9">
               <p className="mb-4">
                 <IconCheckSquare />
               </p>
@@ -160,11 +160,13 @@ function AuthPage() {
                 author={'supabase'}
                 author_url={'https://github.com/supabase'}
                 author_img={'https://avatars.githubusercontent.com/u/54469796'}
-                repo_name={'update-this-example'}
+                repo_name={'nextjs-ts-user-management'}
                 repo_url={
-                  'https://github.com/supabase/supabase/tree/master/examples/nextjs-slack-clone'
+                  'https://github.com/supabase/supabase/tree/master/examples/nextjs-ts-user-management'
+                }
+                vercel_deploy_url={
+                  'https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fsupabase%2Fsupabase%2Ftree%2Fmaster%2Fexamples%2Fnextjs-ts-user-management&project-name=supabase-user-management&repository-name=supabase-user-management&demo-title=Supabase%20User%20Management&demo-description=An%20example%20web%20app%20using%20Supabase%20and%20Next.js&demo-url=https%3A%2F%2Fsupabase-nextjs-ts-user-management.vercel.app&demo-image=https%3A%2F%2Fi.imgur.com%2FZ3HkQqe.png&integration-ids=oac_jUduyjQgOyzev1fjrW83NYOv&external-id=nextjs-user-management'
                 }
-                vercel_deploy_url={'a'}
                 demo_url={'https://supabase-slack-clone-supabase.vercel.app/'}
               />,
             ]}