From 9ad383420defa040d7682ed0934be6b648a8e0bf Mon Sep 17 00:00:00 2001 From: Rising Odegua Date: Wed, 19 May 2021 12:15:49 +0100 Subject: [PATCH] [Pages][m]: Add stub pages for learn, doc and gallery --- docs/components/Footer/index.jsx | 16 ++++ docs/components/Nav/index.jsx | 148 +++++++++---------------------- docs/pages/docs.js | 23 +++++ docs/pages/gallery.js | 23 +++++ docs/pages/index.js | 67 ++------------ docs/pages/learn.js | 23 +++++ 6 files changed, 135 insertions(+), 165 deletions(-) diff --git a/docs/components/Footer/index.jsx b/docs/components/Footer/index.jsx index e69de29b..2547ecf8 100644 --- a/docs/components/Footer/index.jsx +++ b/docs/components/Footer/index.jsx @@ -0,0 +1,16 @@ +import styles from '../../styles/Home.module.css' + +export default function Footer() { + return ( + + ) +} diff --git a/docs/components/Nav/index.jsx b/docs/components/Nav/index.jsx index dddb1afa..9f05b4a9 100644 --- a/docs/components/Nav/index.jsx +++ b/docs/components/Nav/index.jsx @@ -1,112 +1,48 @@ import { useState } from 'react' -import Head from 'next/head' import Link from 'next/link' -import styles from '../styles/Home.module.css' -export default function Home() { - const [open, setOpen] = useState(false); - const handleClick = (event) => { - event.preventDefault(); - setOpen(!open); - }; +export default function Nav() { + const [open, setOpen] = useState(false); + const handleClick = (event) => { + event.preventDefault(); + setOpen(!open); + }; - const navMenu = [{ title: 'Home', path: '/' }, - { title: 'Gallery', path: '/gallery' }, - { title: 'Docs', path: '/docs' }, - { title: 'Learn', path: '/learn' }, - { title: 'Github', path: 'https://github.com/datopian/portal.js' }] + const navMenu = [{ title: 'Home', path: '/' }, + { title: 'Gallery', path: '/gallery' }, + { title: 'Docs', path: '/docs' }, + { title: 'Learn', path: '/learn' }, + { title: 'Github', path: 'https://github.com/datopian/portal.js' }] - return ( - <> - - -
- - Create Portal App - - - - -
- -

- Welcome to Portal.js! -

- -

- Rapidly build rich data portals using a modern frontend framework! -

- -
- -

Documentation →

-

Find in-depth information about Portal.js features and API.

- - - -

Learn →

-

Learn about Portal.js with examples!

- - - -

Gallery →

-

Discover examples of Portal.js projects.

- - - -

Contribute →

-

- Checkout the Portal.js repository on github -

- -
-
- - -
- - ) + return ( + + ) } diff --git a/docs/pages/docs.js b/docs/pages/docs.js index e69de29b..39cf59f9 100644 --- a/docs/pages/docs.js +++ b/docs/pages/docs.js @@ -0,0 +1,23 @@ +import Head from 'next/head' +import Nav from '../components/Nav' +import Footer from '../components/Footer' +import styles from '../styles/Home.module.css' + +export default function Docs() { + + return ( + <> + + Portal.js Api Documentation + + +