docs: ✨ display styled pages when signIn and unauthorized
Signed-off-by: slumbering <slumbering.pierrot@gmail.com>
This commit is contained in:
29
website/src/components/DocPageRedirect.js
Normal file
29
website/src/components/DocPageRedirect.js
Normal file
@@ -0,0 +1,29 @@
|
||||
import React, { useEffect, useState } from "react";
|
||||
import style from './DocPageRedirect.module.css'
|
||||
|
||||
|
||||
export default function DocPageRedirect() {
|
||||
const [counter, setCounter] = useState(10)
|
||||
|
||||
useEffect(() => {
|
||||
setTimeout(() => window.location.href = "https://dagger.io", 10000)
|
||||
setInterval(() => setCounter((prevState) => prevState - 1), 1000)
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<div className={`container ${style.wrapper}`}>
|
||||
<div className={`row ${style.row}`}>
|
||||
<div className="col col--4 col--offset-2">
|
||||
<h1 className={style.h1}>Oups!</h1>
|
||||
<p>It seems you don't have the permission to see Dagger's documentation. But don't worry you can request an Eary Access :). You'll be redirect to Dagger website in {counter} seconds </p>
|
||||
<p>See you soon !</p>
|
||||
<br />
|
||||
<small><strong>If nothing happen, <a href="https://dagger.io">click here</a> to go to Dagger website</strong></small>
|
||||
</div>
|
||||
<div className="col col--4">
|
||||
<img src="/img/dagger-astronaute.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
Reference in New Issue
Block a user