diff --git a/website/src/components/DocAuthentication.js b/website/src/components/DocPageAuthentication.js similarity index 91% rename from website/src/components/DocAuthentication.js rename to website/src/components/DocPageAuthentication.js index de2199fa..d1bb5e3f 100644 --- a/website/src/components/DocAuthentication.js +++ b/website/src/components/DocPageAuthentication.js @@ -1,6 +1,6 @@ import React from "react"; import { GithubLoginButton } from 'react-social-login-buttons'; -import style from './DocAuthentication.module.css' +import style from './DocPageAuthentication.module.css' export default function DocAuthentication() { return ( diff --git a/website/src/components/DocAuthentication.module.css b/website/src/components/DocPageAuthentication.module.css similarity index 100% rename from website/src/components/DocAuthentication.module.css rename to website/src/components/DocPageAuthentication.module.css diff --git a/website/src/components/DocPageRedirect.js b/website/src/components/DocPageRedirect.js new file mode 100644 index 00000000..e172ed20 --- /dev/null +++ b/website/src/components/DocPageRedirect.js @@ -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 ( +
+
+
+

Oups!

+

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

+

See you soon !

+
+ If nothing happen, click here to go to Dagger website +
+
+ +
+
+
+ ) +} \ No newline at end of file diff --git a/website/src/components/DocPageRedirect.module.css b/website/src/components/DocPageRedirect.module.css new file mode 100644 index 00000000..32f717b2 --- /dev/null +++ b/website/src/components/DocPageRedirect.module.css @@ -0,0 +1,25 @@ +.wrapper { + background: linear-gradient(180deg, #131226, #0e2b3d); + height: 100vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + color: var(--ifm-color-primary-light); + max-width: 100%; +} + +.wrapper a { + color: var(--ifm-color-primary-light); + text-decoration: underline; +} + +.h1 { + margin-bottom: 2rem; +} + +.row { + justify-content: center; + align-content: center; + align-items: center; +} diff --git a/website/src/theme/DocPage/index.js b/website/src/theme/DocPage/index.js index b5d67846..9e512ad6 100644 --- a/website/src/theme/DocPage/index.js +++ b/website/src/theme/DocPage/index.js @@ -24,7 +24,8 @@ import isEmpty from 'lodash/isEmpty'; import { checkUserCollaboratorStatus, getUser } from '../../api/github' import { GithubLoginButton } from 'react-social-login-buttons'; import Spinner from '../../components/Spinner'; -import DocAuthentication from '../../components/DocAuthentication'; +import DocPageAuthentication from '../../components/DocPageAuthentication'; +import DocPageRedirect from '../../components/DocPageRedirect'; function DocPageContent({ currentDocRoute, versionMetadata, children }) { const { siteConfig, isClient } = useDocusaurusContext(); @@ -168,12 +169,12 @@ function DocPage(props) { if (isLoading) return if ((isUserAuthorized?.status && isUserAuthorized?.status === 401)) { - return

Redirection vers dagger.io...

+ return } if (!isUserAuthorized) { return ( - + ) } diff --git a/website/static/img/dagger-astronaute.png b/website/static/img/dagger-astronaute.png new file mode 100644 index 00000000..07dec833 Binary files /dev/null and b/website/static/img/dagger-astronaute.png differ