diff --git a/.changeset/mighty-pens-begin.md b/.changeset/mighty-pens-begin.md new file mode 100644 index 0000000000..d26721db18 --- /dev/null +++ b/.changeset/mighty-pens-begin.md @@ -0,0 +1,5 @@ +--- +'@nhost/dashboard': minor +--- + +Update alert message on increasing PostgreSQL's volume capacity diff --git a/.changeset/rare-fans-marry.md b/.changeset/rare-fans-marry.md new file mode 100644 index 0000000000..2f2125caa2 --- /dev/null +++ b/.changeset/rare-fans-marry.md @@ -0,0 +1,5 @@ +--- +'@nhost/docs': patch +--- + +fix: add instructions for enabling Sign In with LinkedIn using OpenID Connect diff --git a/.changeset/six-spies-tie.md b/.changeset/six-spies-tie.md new file mode 100644 index 0000000000..c80471ae8a --- /dev/null +++ b/.changeset/six-spies-tie.md @@ -0,0 +1,5 @@ +--- +'@nhost-examples/react-apollo': patch +--- + +feat: add sign-in with Linked-In diff --git a/dashboard/src/features/database/settings/components/DatabaseStorageCapacity/DatabaseStorageCapacity.tsx b/dashboard/src/features/database/settings/components/DatabaseStorageCapacity/DatabaseStorageCapacity.tsx index d49f433d30..753b21f07f 100644 --- a/dashboard/src/features/database/settings/components/DatabaseStorageCapacity/DatabaseStorageCapacity.tsx +++ b/dashboard/src/features/database/settings/components/DatabaseStorageCapacity/DatabaseStorageCapacity.tsx @@ -5,6 +5,7 @@ import { ActivityIndicator } from '@/components/ui/v2/ActivityIndicator'; import { Box } from '@/components/ui/v2/Box'; import { Input } from '@/components/ui/v2/Input'; import { Text } from '@/components/ui/v2/Text'; +import { Alert } from '@/components/ui/v2/Alert'; import { UpgradeNotification } from '@/features/projects/common/components/UpgradeNotification'; import { useCurrentWorkspaceAndProject } from '@/features/projects/common/hooks/useCurrentWorkspaceAndProject'; import { @@ -144,15 +145,9 @@ export default function AuthDomain() { /> {!currentProject.plan.isFree && ( - - - ⚠️ Please note that once you increase the storage, it cannot be - reduced. - - + + Note that volumes can only be increased (not decreased). Also, due to an AWS limitation, the same volume can only be increased once every 6 hours. + )} diff --git a/docs/docs/authentication/sign-in-methods/4-linkedin.mdx b/docs/docs/authentication/sign-in-methods/4-linkedin.mdx index 786afaf85d..179cd8bd62 100644 --- a/docs/docs/authentication/sign-in-methods/4-linkedin.mdx +++ b/docs/docs/authentication/sign-in-methods/4-linkedin.mdx @@ -36,6 +36,14 @@ Follow this guide to sign in users with LinkedIn. - Copy and paste the **OAuth Callback URL** from Nhost. - Click **Update**. +## Enable Sign In with LinkedIn using OpenID Connect + +- Click on **Products** in the top menu. +- Scroll down and look for **Sign In with LinkedIn using OpenID Connect**. +- Click **Request Access**. +- Click the checkbox **I have read and agree to these terms**. +- Click **Request Access**. + ## Configure Nhost - Copy and paste the **Client ID** and **Client Secret** from LinkedIn to your Nhost OAuth settings for LinkedIn. diff --git a/examples/react-apollo/nhost/nhost.toml b/examples/react-apollo/nhost/nhost.toml index f8e3ff9ab0..f96f45897c 100644 --- a/examples/react-apollo/nhost/nhost.toml +++ b/examples/react-apollo/nhost/nhost.toml @@ -28,7 +28,7 @@ httpPoolSize = 100 version = 18 [auth] -version = '0.21.4' +version = '0.22.1' [auth.redirections] clientUrl = 'https://react-apollo.example.nhost.io/' @@ -112,7 +112,9 @@ clientId = '{{ secrets.GOOGLE_CLIENT_ID }}' clientSecret = '{{ secrets.GOOGLE_CLIENT_SECRET }}' [auth.method.oauth.linkedin] -enabled = false +enabled = true +clientId='{{ secrets.LINKEDIN_CLIENT_ID }}' +clientSecret='{{ secrets.LINKEDIN_CLIENT_SECRET }}' [auth.method.oauth.spotify] enabled = false diff --git a/examples/react-apollo/src/components/OauthLinks.tsx b/examples/react-apollo/src/components/OauthLinks.tsx index 62de25f295..db414d71c2 100644 --- a/examples/react-apollo/src/components/OauthLinks.tsx +++ b/examples/react-apollo/src/components/OauthLinks.tsx @@ -1,11 +1,13 @@ -import { FaApple, FaGithub, FaGoogle } from 'react-icons/fa/index.js' +import { FaApple, FaGithub, FaGoogle, FaLinkedin } from 'react-icons/fa/index.js' import { useProviderLink } from '@nhost/react' import AuthLink from './AuthLink' export default function OauthLinks() { - const { github, google, apple } = useProviderLink({ redirectTo: window.location.origin }) + const { github, google, apple, linkedin } = useProviderLink({ + redirectTo: window.location.origin + }) return ( <> @@ -18,6 +20,10 @@ export default function OauthLinks() { } link={apple} color="#333333"> Sign In With Apple + + } link={linkedin} color="#0073B1"> + Sign In With LinkedIn + ) }