Merge pull request supabase#15423 from Hallidayo/client-libs

feat: client lib changes

Author: saltcod

studio/components/interfaces/Home/ClientLibrary.tsx

@@ -5,29 +5,26 @@ import { BASE_PATH } from 'lib/constants'
 interface Props {
   language: string
   officialSupport?: boolean
-  releaseState?: string
   docsUrl?: string
   gitUrl: string
+  altIconName?: string
 }
 
-const ClientLibrary: FC<Props> = ({ language, releaseState, officialSupport, docsUrl, gitUrl }) => {
+const ClientLibrary: FC<Props> = ({ language, officialSupport, docsUrl, gitUrl, altIconName }) => {
   return (
     <div className="flex items-start space-x-6">
       <img
-        src={`${BASE_PATH}/img/libraries/${language.toLowerCase()}-icon.svg`}
+        src={`${BASE_PATH}/img/libraries/${
+          altIconName ? `${altIconName}-icon.svg` : `${language.toLowerCase()}-icon.svg`
+        }`}
         alt={`${language} logo`}
         width="21"
       />
       <div className="space-y-4">
         <div>
           <h5 className="flex items-center gap-2 text-base text-scale-1200">
-            {language} {releaseState && <Badge color="yellow">{`Public ${releaseState}`}</Badge>}
+            {language} {!officialSupport && <Badge color="green">Community</Badge>}
           </h5>
-          <p className="text-sm text-scale-1000">
-            {officialSupport
-              ? 'This library is officially supported'
-              : 'This library is community supported'}
-          </p>
         </div>
         <div className="flex gap-2">
           {docsUrl && (

studio/components/interfaces/Home/Home.constants.ts

@@ -6,19 +6,41 @@ export const CLIENT_LIBRARIES = [
     docsUrl: 'https://supabase.com/docs/reference/javascript/installing',
     gitUrl: 'https://github.com/supabase/supabase-js',
   },
+  {
+    language: 'Flutter',
+    officialSupport: true,
+    releaseState: undefined,
+    docsUrl: 'https://supabase.com/docs/reference/dart/installing',
+    gitUrl: 'https://github.com/supabase/supabase-flutter',
+  },
   {
     language: 'Python',
     officialSupport: false,
     releaseState: 'Alpha',
-    docsUrl: 'https://supabase.com/docs/reference/python/introduction',
+    docsUrl: 'https://supabase.com/docs/reference/python/initializing',
     gitUrl: 'https://github.com/supabase/supabase-py',
   },
   {
-    language: 'Flutter',
-    officialSupport: true,
+    language: 'C#',
+    officialSupport: false,
     releaseState: undefined,
-    docsUrl: 'https://supabase.com/docs/reference/dart/installing',
-    gitUrl: 'https://github.com/supabase/supabase-flutter',
+    docsUrl: 'https://supabase.com/docs/reference/csharp/installing',
+    gitUrl: 'https://github.com/supabase-community/supabase-csharp',
+    altIconName: 'c-sharp',
+  },
+  {
+    language: 'Swift',
+    officialSupport: false,
+    releaseState: undefined,
+    docsUrl: 'https://supabase.com/docs/reference/swift/initializing',
+    gitUrl: 'https://github.com/supabase-community/supabase-swift',
+  },
+  {
+    language: 'Kotlin',
+    officialSupport: false,
+    releaseState: undefined,
+    docsUrl: 'https://supabase.com/docs/reference/kotlin/installing',
+    gitUrl: 'https://github.com/supabase-community/supabase-kt',
   },
 ]