From 16145d7be4959558448d14dd0b73aacbb00720c2 Mon Sep 17 00:00:00 2001 From: Isaiah Hamilton <70828596+Isaiah-Hamilton@users.noreply.github.com> Date: Sun, 8 May 2022 18:14:24 -0400 Subject: [PATCH] chore: update example projects --- .../interfaces/Home/ExampleProject.tsx | 81 ++++++++++-------- .../interfaces/Home/Home.constants.ts | 14 +-- .../public/img/libraries/expo-dark-icon.svg | 1 + .../public/img/libraries/nextjs-dark-icon.svg | 3 + studio/public/img/libraries/nextjs-icon.svg | 2 +- studio/public/img/libraries/nextjs.svg | Bin 3054 -> 0 bytes 6 files changed, 55 insertions(+), 46 deletions(-) create mode 100644 studio/public/img/libraries/expo-dark-icon.svg create mode 100644 studio/public/img/libraries/nextjs-dark-icon.svg delete mode 100644 studio/public/img/libraries/nextjs.svg diff --git a/studio/components/interfaces/Home/ExampleProject.tsx b/studio/components/interfaces/Home/ExampleProject.tsx index 39227ed3c47..bfed4470d29 100644 --- a/studio/components/interfaces/Home/ExampleProject.tsx +++ b/studio/components/interfaces/Home/ExampleProject.tsx @@ -1,5 +1,7 @@ import { FC } from 'react' import { Typography, IconChevronRight } from '@supabase/ui' +import { useStore } from 'hooks' +import Link from 'next/link' interface Props { framework: string @@ -9,48 +11,51 @@ interface Props { } const ExampleProject: FC = ({ framework, title, description, url }) => { + const { ui } = useStore() + const { isDarkTheme } = ui + return ( - -
-
- {`${framework} -
-
-
{title}
-

{description}

-
+ +
- +
+ {`${framework} +
+
+
{title}
+

{description}

+
+
+ +
-
- + + ) } diff --git a/studio/components/interfaces/Home/Home.constants.ts b/studio/components/interfaces/Home/Home.constants.ts index f2cab0a2e69..d19e89231bb 100644 --- a/studio/components/interfaces/Home/Home.constants.ts +++ b/studio/components/interfaces/Home/Home.constants.ts @@ -33,7 +33,7 @@ export const EXAMPLE_PROJECTS = [ framework: 'NextJS', title: 'Next.js Realtime chat app', description: 'Next.js Slack clone app using Supabase realtime subscriptions', - url: 'https://github.com/supabase/supabase/tree/master/examples/nextjs-slack-clone', + url: 'https://github.com/supabase/supabase/tree/master/examples/slack-clone/nextjs-slack-clone', }, { framework: 'NextJS', @@ -63,36 +63,36 @@ export const EXAMPLE_PROJECTS = [ framework: 'JavaScript', title: 'Vanilla-js Auth app', description: 'Example app of real-time chat using supabase realtime api', - url: 'https://github.com/supabase/supabase/tree/master/examples/javascript-auth', + url: 'https://github.com/supabase/supabase/tree/master/examples/auth/javascript-auth', }, { framework: 'React', title: 'React Native todo list app', description: 'React Native Todo List example with Expo', - url: 'https://github.com/supabase/supabase/tree/master/examples/expo-todo-list', + url: 'https://github.com/supabase/supabase/tree/master/examples/todo-list/expo-todo-list', }, { framework: 'NextJS', title: 'NextJS todo list app', description: 'NextJS todo list example', - url: 'https://github.com/supabase/supabase/tree/master/examples/nextjs-todo-list', + url: 'https://github.com/supabase/supabase/tree/master/examples/todo-list/nextjs-todo-list', }, { framework: 'React', title: 'React todo List app', description: 'React todo List example', - url: 'https://github.com/supabase/supabase/tree/master/examples/react-todo-list', + url: 'https://github.com/supabase/supabase/tree/master/examples/todo-list/react-todo-list', }, { framework: 'Svelte', title: 'Svelte todo list app', description: 'Sveltejs todo with TailwindCSS and Snowpack', - url: 'https://github.com/supabase/supabase/tree/master/examples/sveltejs-todo-list', + url: 'https://github.com/supabase/supabase/tree/master/examples/todo-list/sveltejs-todo-list', }, { framework: 'VueJS', title: 'Vue.js todo list app', description: 'Vue.js todo app using TypeScript', - url: 'https://github.com/supabase/supabase/tree/master/examples/vue3-ts-todo-list', + url: 'https://github.com/supabase/supabase/tree/master/examples/todo-list/vue3-ts-todo-list', }, ] diff --git a/studio/public/img/libraries/expo-dark-icon.svg b/studio/public/img/libraries/expo-dark-icon.svg new file mode 100644 index 00000000000..a6f238b6784 --- /dev/null +++ b/studio/public/img/libraries/expo-dark-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/studio/public/img/libraries/nextjs-dark-icon.svg b/studio/public/img/libraries/nextjs-dark-icon.svg new file mode 100644 index 00000000000..99afa3413d3 --- /dev/null +++ b/studio/public/img/libraries/nextjs-dark-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/studio/public/img/libraries/nextjs-icon.svg b/studio/public/img/libraries/nextjs-icon.svg index 99afa3413d3..c45d6e63fb9 100644 --- a/studio/public/img/libraries/nextjs-icon.svg +++ b/studio/public/img/libraries/nextjs-icon.svg @@ -1,3 +1,3 @@ - + diff --git a/studio/public/img/libraries/nextjs.svg b/studio/public/img/libraries/nextjs.svg deleted file mode 100644 index 843612152bbffda0d660e91d2cb28271d2d80e58..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3054 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