update guided oauth process

This commit is contained in:
spencerwooo
2021-12-31 21:49:36 +08:00
parent 13f5c2c79f
commit 329d084a79
7 changed files with 84 additions and 54 deletions
+29 -26
View File
@@ -1,4 +1,5 @@
import Head from 'next/head'
import Image from 'next/image'
import { useRouter } from 'next/router'
import siteConfig from '../../config/site.json'
@@ -8,7 +9,6 @@ import Footer from '../../components/Footer'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
export default function OAuthStep1() {
const redis_url = process.env.REDIS_URL
const router = useRouter()
return (
@@ -22,30 +22,37 @@ export default function OAuthStep1() {
<div className="w-full max-w-5xl p-4 mx-auto">
<div className="dark:bg-gray-900 dark:text-gray-100 bg-white rounded p-3">
<h3 className="font-medium text-xl mb-4">Welcome to your new onedrive-vercel-index 🎉</h3>
<div className="mx-auto w-52">
<Image src="/images/fabulous-fireworks.png" width={912} height={912} alt="fabulous fireworks" />
</div>
<h3 className="font-medium text-xl mb-4 text-center">Welcome to your new onedrive-vercel-index 🎉</h3>
<h3 className="font-medium text-lg mt-4 mb-2">Step 1/3: Preparations</h3>
<p className="py-1 text-yellow-400 font-medium text-sm">
<FontAwesomeIcon icon="exclamation-triangle" className="mr-1" /> If you have not specified a REDIS_URL
inside your Vercel env variable, go initialise one at{' '}
<a href="https://upstash.com/" target="_blank" rel="noopener noreferrer" className="underline">
Upstash
</a>
. Docs:{' '}
<a
href="https://docs.upstash.com/redis/howto/vercelintegration"
target="_blank"
rel="noopener noreferrer"
className="underline"
>
Vercel Integration - Upstash
</a>
.
</p>
<p className="py-1">
Authorisation is required as no valid{' '}
<code className="text-sm font-mono underline decoration-wavy decoration-pink-600">access_token</code> or{' '}
<code className="text-sm font-mono underline decoration-wavy decoration-green-600">refresh_token</code> is
present on this deployed instance.
</p>
<h3 className="font-medium text-lg mt-4 mb-2">Step 1/3: Preparations</h3>
<p className="py-1">
Check the following configurations (especially <code className="text-sm font-mono">client_id</code> and{' '}
<code className="text-sm font-mono">client_secret</code> (obfuscated)) and see if they match the official
ones specified in the documentation of{' '}
<a
href="https://github.com/spencerwooo/onedrive-vercel-index"
target="_blank"
rel="noopener noreferrer"
className="hover:underline text-blue-600 dark:text-blue-500"
>
onedrive-vercel-index
</a>{' '}
before proceeding with authorising this application with your own Microsoft account.
present on this deployed instance. Check the following configurations before proceeding with authorising
onedrive-vercel-index with your own Microsoft account.
</p>
<div className="overflow-hidden my-4">
@@ -103,15 +110,11 @@ export default function OAuthStep1() {
</table>
</div>
<p className="py-1">
<p className="py-1 font-medium text-sm">
<FontAwesomeIcon icon="exclamation-triangle" className="mr-1 text-yellow-400" /> If you see anything
missing or incorrect, you need to reconfigure <code className="text-sm font-mono">/config/api.json</code>{' '}
missing or incorrect, you need to reconfigure <code className="text-xs font-mono">/config/api.json</code>{' '}
and redeploy this instance.
</p>
<p className="py-1">
<FontAwesomeIcon icon="exclamation-triangle" className="mr-1 text-yellow-400" /> If you are previewing
this locally, you would need to reauthorise yourself when you eventually deploy the site on Vercel.
</p>
<div className="text-right mb-2 mt-6">
<button