From 12f39f7e804d714e8ebec3f2be792a6b089fdaaf Mon Sep 17 00:00:00 2001
From: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Date: Wed, 25 Mar 2026 16:26:23 +0100
Subject: [PATCH] logo_uri input as text

---
 .../OAuthApps/CreateOrUpdateOAuthAppSheet.tsx | 47 +++----------------
 1 file changed, 6 insertions(+), 41 deletions(-)

diff --git a/apps/studio/components/interfaces/Auth/OAuthApps/CreateOrUpdateOAuthAppSheet.tsx b/apps/studio/components/interfaces/Auth/OAuthApps/CreateOrUpdateOAuthAppSheet.tsx
index a1212e54c68..8ff5162f8a5 100644
--- a/apps/studio/components/interfaces/Auth/OAuthApps/CreateOrUpdateOAuthAppSheet.tsx
+++ b/apps/studio/components/interfaces/Auth/OAuthApps/CreateOrUpdateOAuthAppSheet.tsx
@@ -292,48 +292,13 @@ export const CreateOrUpdateOAuthAppSheet = ({
                     <FormField_Shadcn_
                       control={form.control}
                       name="logo_uri"
-                      render={() => (
-                        <FormItemLayout label="Logo" description="Upload a logo for your OAuth app">
+                      render={({ field }) => (
+                        <FormItemLayout
+                          label="Logo"
+                          description="Paste a public URL for your OAuth app logo"
+                        >
                           <FormControl_Shadcn_>
-                            <div className="flex gap-4 items-center">
-                              <button
-                                type="button"
-                                onClick={handleUploadLogo}
-                                className={cn(
-                                  'flex items-center justify-center h-10 w-10 shrink-0 text-foreground-lighter hover:text-foreground-light overflow-hidden rounded-full bg-cover border hover:border-strong'
-                                )}
-                                style={{
-                                  backgroundImage: logoUrl ? `url("${logoUrl}")` : 'none',
-                                }}
-                              >
-                                {!hasLogo && <Upload size={14} />}
-                              </button>
-                              <div className="flex gap-2 items-center">
-                                <Button
-                                  type="default"
-                                  size="tiny"
-                                  icon={<Upload size={14} />}
-                                  onClick={handleUploadLogo}
-                                >
-                                  Upload
-                                </Button>
-                                {hasLogo && (
-                                  <Button
-                                    type="default"
-                                    size="tiny"
-                                    icon={<Trash2 size={12} />}
-                                    onClick={handleRemoveLogo}
-                                  />
-                                )}
-                              </div>
-                              <input
-                                type="file"
-                                ref={uploadButtonRef}
-                                className="hidden"
-                                accept="image/png, image/jpeg"
-                                onChange={onFileUpload}
-                              />
-                            </div>
+                            <Input {...field} placeholder="https://example.com/logo.png" />
                           </FormControl_Shadcn_>
                         </FormItemLayout>
                       )}