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 { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input" 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 { interface GoogleClientIdModalProps {
open: boolean open: boolean
onOpenChange: (open: boolean) => void onOpenChange: (open: boolean) => void
@ -53,6 +56,18 @@ export function GoogleClientIdModal({
<label className="text-xs font-medium text-muted-foreground" htmlFor="google-client-id"> <label className="text-xs font-medium text-muted-foreground" htmlFor="google-client-id">
Client ID Client ID
</label> </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 <Input
id="google-client-id" id="google-client-id"
placeholder="xxxxxxxxxxxx-xxxxxxxxxxxxxxxxxxxxxxxx.apps.googleusercontent.com" placeholder="xxxxxxxxxxxx-xxxxxxxxxxxxxxxxxxxxxxxx.apps.googleusercontent.com"

16
google-setup.md
View file

@ -10,7 +10,7 @@ Go to:
https://console.cloud.google.com/ 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. 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** - 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. 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. 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` ) - Store ID can be anything (e.g. `test` )
- Click **Create** - 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 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)
--- ---