apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-04-25 00:16:29 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

add google-setup to google-client id modal

Browse source
This commit is contained in:
tusharmagar 2026-02-10 17:40:51 +05:30
parent 1aaa413828
commit 131e5521d0
2 changed files with 23 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
apps/x/apps/renderer/src/components/google-client-id-modal.tsx
View file

@ -11,6 +11,9 @@ import {
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
const GOOGLE_CLIENT_ID_SETUP_GUIDE_URL =
"https://github.com/rowboatlabs/rowboat/blob/main/google-setup.md"
interface GoogleClientIdModalProps {
open: boolean
onOpenChange: (open: boolean) => void
@ -53,6 +56,18 @@ export function GoogleClientIdModal({
<label className="text-xs font-medium text-muted-foreground" htmlFor="google-client-id">
Client ID
</label>
<div className="text-xs text-muted-foreground">
Need help setting this up?{" "}
<a
className="text-primary underline underline-offset-4 hover:text-primary/80"
href={GOOGLE_CLIENT_ID_SETUP_GUIDE_URL}
target="_blank"
rel="noreferrer"
>
Read the setup guide
</a>
.
</div>
<Input
id="google-client-id"
placeholder="xxxxxxxxxxxx-xxxxxxxxxxxxxxxxxxxxxxxx.apps.googleusercontent.com"

16
google-setup.md
View file

@ -10,7 +10,7 @@ Go to:
https://console.cloud.google.com/
Make sure you’re logged into the Google account you want to use.
Make sure you're logged into the Google account you want to use.
---
@ -26,7 +26,7 @@ https://console.cloud.google.com/projectcreate
Once created, make sure the new project is selected in the top project dropdown.
![Select the new project in the dropdown](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/01-select-project-dropdown.png)
![Select the new project in the dropdown](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/01-select-project-dropdown.png)
---
@ -51,7 +51,7 @@ For each API:
- Click **Enable**
![Enable the API](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/02-enable-api.png)
![Enable the API](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/02-enable-api.png)
---
@ -79,7 +79,7 @@ Click **Save and Continue** through the remaining steps.
You do NOT need to publish the app — keeping it in **Testing** mode is fine.
![OAuth consent screen](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/03-oauth-consent-screen.png)
![OAuth consent screen](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/03-oauth-consent-screen.png)
---
@ -98,7 +98,7 @@ Under **Test Users**:
Save changes.
![Add test users](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/04-add-test-users.png)
![Add test users](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/04-add-test-users.png)
---
@ -120,7 +120,7 @@ Select:
- Store ID can be anything (e.g. `test` )
- Click **Create**
![Create OAuth Client ID (UWP)](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/05-create-oauth-client-uwp.png)
![Create OAuth Client ID (UWP)](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/05-create-oauth-client-uwp.png)
---
@ -133,6 +133,6 @@ After creation, Google will show:
Copy the **Client ID** and paste it into Rowboat where prompted.
![Copy Client ID](https://raw.githubusercontent.com/rowboatlabs/rowboat/dev/apps/docs/docs/img/google-setup/06-copy-client-id.png)
![Copy Client ID](https://raw.githubusercontent.com/rowboatlabs/rowboat/main/apps/docs/docs/img/google-setup/06-copy-client-id.png)
---
---