And forgot to do the type check, and a cosmetic fix

stackblitz-labs · Dec 22, 2024 · f7baff8 · f7baff8
1 parent e028c01
commit f7baff8
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 16 deletions.
diff --git a/app/components/settings/providers/ProvidersTab.tsx b/app/components/settings/providers/ProvidersTab.tsx
@@ -35,8 +35,8 @@ export default function ProvidersTab() {
     newFilteredProviders.sort((a, b) => a.name.localeCompare(b.name));
 
     // Split providers into regular and URL-configurable
-    const regular = newFilteredProviders.filter(p => !URL_CONFIGURABLE_PROVIDERS.includes(p.name));
-    const urlConfigurable = newFilteredProviders.filter(p => URL_CONFIGURABLE_PROVIDERS.includes(p.name));
+    const regular = newFilteredProviders.filter((p) => !URL_CONFIGURABLE_PROVIDERS.includes(p.name));
+    const urlConfigurable = newFilteredProviders.filter((p) => URL_CONFIGURABLE_PROVIDERS.includes(p.name));
 
     setFilteredProviders([...regular, ...urlConfigurable]);
   }, [providers, searchTerm, isLocalModel]);
@@ -112,8 +112,8 @@ export default function ProvidersTab() {
     );
   };
 
-  const regularProviders = filteredProviders.filter(p => !URL_CONFIGURABLE_PROVIDERS.includes(p.name));
-  const urlConfigurableProviders = filteredProviders.filter(p => URL_CONFIGURABLE_PROVIDERS.includes(p.name));
+  const regularProviders = filteredProviders.filter((p) => !URL_CONFIGURABLE_PROVIDERS.includes(p.name));
+  const urlConfigurableProviders = filteredProviders.filter((p) => URL_CONFIGURABLE_PROVIDERS.includes(p.name));
 
   return (
     <div className="p-4">
@@ -128,22 +128,19 @@ export default function ProvidersTab() {
       </div>
 
       {/* Regular Providers Grid */}
-      <div className="grid grid-cols-2 gap-4 mb-8">
-        {regularProviders.map(renderProviderCard)}
-      </div>
+      <div className="grid grid-cols-2 gap-4 mb-8">{regularProviders.map(renderProviderCard)}</div>
 
       {/* URL Configurable Providers Section */}
       {urlConfigurableProviders.length > 0 && (
         <div className="mt-8">
           <h3 className="text-lg font-semibold mb-2 text-bolt-elements-textPrimary">Experimental Providers</h3>
           <p className="text-sm text-bolt-elements-textSecondary mb-4">
-            These providers are experimental and allow you to run AI models locally or connect to your own infrastructure. They require additional setup but offer more flexibility.
+            These providers are experimental and allow you to run AI models locally or connect to your own
+            infrastructure. They require additional setup but offer more flexibility.
           </p>
-          <div className="space-y-4">
-            {urlConfigurableProviders.map(renderProviderCard)}
-          </div>
+          <div className="space-y-4">{urlConfigurableProviders.map(renderProviderCard)}</div>
         </div>
       )}
     </div>
   );
-}
+}
diff --git a/app/lib/git/components/ProviderCard.tsx b/app/lib/git/components/ProviderCard.tsx
@@ -57,6 +57,16 @@ export function ProviderCard({
                 <li key={index}>{step}</li>
               ))}
             </ul>
+            <p>
+              <a
+                href={provider.tokenSetupSetupUrl}
+                target="_blank"
+                rel="noreferrer"
+                className="text-sm text-blue-500 hover:underline"
+              >
+                {provider.tokenSetupSetupUrl}
+              </a>
+            </p>
           </div>
 
           <div className="flex mb-4">

diff --git a/app/lib/git/providers/github/index.ts b/app/lib/git/providers/github/index.ts
@@ -16,7 +16,7 @@ export const githubProvider: GitProvider = {
   icon: 'i-mdi:github-icon',
 };
 
-let project: Endpoints['GET /repos/{owner}/{repo}']['response']['data'] | null = null;
+let project: Endpoints['GET /repos/{owner}/{repo}']['response']['data'] | any = null;
 let octokit: Octokit;
 
 export const githubAPI: GitProviderAPI = {
@@ -201,7 +201,7 @@ export const githubAPI: GitProviderAPI = {
 
         return {
           success: true,
-          message: `Repository created and code pushed: ${project?.html_url}`,
+          message: `Repository created and code pushed: ${project.html_url}`,
         };
       }
 
@@ -212,7 +212,7 @@ export const githubAPI: GitProviderAPI = {
           await this.createCommit(files, commitMsg);
           return {
             success: true,
-            message: `Successfully commit to: ${project?.html_url}`,
+            message: `Successfully commit to: ${project.html_url}`,
           };
         } catch (error: any) {
           if (error.message.includes('Update is not a fast-forward')) {
@@ -247,7 +247,7 @@ export const githubAPI: GitProviderAPI = {
 
       return {
         success: true,
-        message: `Successfully commit to: ${project?.html_url}`,
+        message: `Successfully commit to: ${project.html_url}`,
       };
     } catch (error: any) {
       console.error('Error pushing to GitHub:', error);