diff --git a/.babelrc b/.babelrc deleted file mode 100644 index 4541f3b1..00000000 --- a/.babelrc +++ /dev/null @@ -1,6 +0,0 @@ -{ - "presets": ["next/babel"], - "plugins": [ - "superjson-next" // https://github.com/blitz-js/superjson - used to allow us to work with Date in JSON - ] -} diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index 53b061a8..00000000 --- a/.editorconfig +++ /dev/null @@ -1,9 +0,0 @@ -root = true - -[*] -indent_style = space -indent_size = 2 -end_of_line = lf -charset = utf-8 -trim_trailing_whitespace = true -insert_final_newline = true \ No newline at end of file diff --git a/.env b/.env deleted file mode 100644 index d75ef312..00000000 --- a/.env +++ /dev/null @@ -1,9 +0,0 @@ -# Environment variables declared in this file are automatically made available to Prisma. -# See the documentation for more detail: https://pris.ly/d/prisma-schema#accessing-environment-variables-from-the-schema - -# Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB (Preview) and CockroachDB (Preview). -# See the documentation for all the connection string options: https://pris.ly/d/connection-strings - -POSTGRES_USER=development -POSTGRES_PASSWORD=development -DATABASE_URL=postgresql://development:development@localhost:5432/network-canvas-studio \ No newline at end of file diff --git a/.gitignore b/.gitignore index 7d093c39..8f322f0d 100644 --- a/.gitignore +++ b/.gitignore @@ -23,16 +23,13 @@ npm-debug.log* yarn-debug.log* yarn-error.log* -.pnpm-debug.log* # local env files -.env.local -.env.development.local -.env.test.local -.env.production.local +.env*.local # vercel .vercel # typescript *.tsbuildinfo +next-env.d.ts diff --git a/.husky/pre-commit b/.husky/pre-commit deleted file mode 100755 index 36af2198..00000000 --- a/.husky/pre-commit +++ /dev/null @@ -1,4 +0,0 @@ -#!/bin/sh -. "$(dirname "$0")/_/husky.sh" - -npx lint-staged diff --git a/.prettierignore b/.prettierignore deleted file mode 100644 index 7d093c39..00000000 --- a/.prettierignore +++ /dev/null @@ -1,38 +0,0 @@ -# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. - -# dependencies -/node_modules -/.pnp -.pnp.js - -# testing -/coverage - -# next.js -/.next/ -/out/ - -# production -/build - -# misc -.DS_Store -*.pem - -# debug -npm-debug.log* -yarn-debug.log* -yarn-error.log* -.pnpm-debug.log* - -# local env files -.env.local -.env.development.local -.env.test.local -.env.production.local - -# vercel -.vercel - -# typescript -*.tsbuildinfo diff --git a/README.md b/README.md index 2b176677..f4da3c4c 100644 --- a/README.md +++ b/README.md @@ -8,15 +8,15 @@ First, run the development server: npm run dev # or yarn dev +# or +pnpm dev ``` Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. -You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file. - -[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [api/hello](api/hello). This endpoint can be edited in `pages/api/hello.ts`. +You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. -The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages. +This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. ## Learn More diff --git a/public/favicon.ico b/app/favicon.ico similarity index 100% rename from public/favicon.ico rename to app/favicon.ico diff --git a/app/globals.css b/app/globals.css new file mode 100644 index 00000000..fd81e885 --- /dev/null +++ b/app/globals.css @@ -0,0 +1,27 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +:root { + --foreground-rgb: 0, 0, 0; + --background-start-rgb: 214, 219, 220; + --background-end-rgb: 255, 255, 255; +} + +@media (prefers-color-scheme: dark) { + :root { + --foreground-rgb: 255, 255, 255; + --background-start-rgb: 0, 0, 0; + --background-end-rgb: 0, 0, 0; + } +} + +body { + color: rgb(var(--foreground-rgb)); + background: linear-gradient( + to bottom, + transparent, + rgb(var(--background-end-rgb)) + ) + rgb(var(--background-start-rgb)); +} diff --git a/app/layout.tsx b/app/layout.tsx new file mode 100644 index 00000000..71b3fbf0 --- /dev/null +++ b/app/layout.tsx @@ -0,0 +1,21 @@ +import './globals.css' +import { Inter } from 'next/font/google' + +const inter = Inter({ subsets: ['latin'] }) + +export const metadata = { + title: 'Create Next App', + description: 'Generated by create next app', +} + +export default function RootLayout({ + children, +}: { + children: React.ReactNode +}) { + return ( + + {children} + + ) +} diff --git a/app/page.tsx b/app/page.tsx new file mode 100644 index 00000000..745df657 --- /dev/null +++ b/app/page.tsx @@ -0,0 +1,113 @@ +import Image from 'next/image' + +export default function Home() { + return ( +
+
+

+ Get started by editing  + app/page.tsx +

+
+ + By{' '} + Vercel Logo + +
+
+ +
+ Next.js Logo +
+ +
+ +

+ Docs{' '} + + -> + +

+

+ Find in-depth information about Next.js features and API. +

+ + + +

+ Learn{' '} + + -> + +

+

+ Learn about Next.js in an interactive course with quizzes! +

+ + + +

+ Templates{' '} + + -> + +

+

+ Explore the Next.js 13 playground. +

+ + + +

+ Deploy{' '} + + -> + +

+

+ Instantly deploy your Next.js site to a shareable URL with Vercel. +

+ +
+
+ ) +} diff --git a/components/Footer.tsx b/components/Footer.tsx deleted file mode 100644 index 1ee5ed02..00000000 --- a/components/Footer.tsx +++ /dev/null @@ -1,119 +0,0 @@ -import { - Box, - Container, - Link, - SimpleGrid, - IconButton, - Input, - Stack, - Text, - Flex, - Tag, - useColorModeValue, - Heading, -} from '@chakra-ui/react'; -import { ReactNode } from 'react'; -import { BiMailSend } from 'react-icons/bi'; - -const Logo = (props: any) => { - return ( - Logo - ); -}; - -const ListHeader = ({ children }: { children: ReactNode }) => { - return ( - - {children} - - ); -}; - -export default function LargeWithLogoCentered() { - return ( - - - - - Product - Overview - - Features - - New - - - Tutorials - Pricing - Releases - - - Information - About Us - Press - Careers - Contact Us - Partners - - - Legal - Cookies Policy - Privacy Policy - Terms of Service - Law Enforcement - Status - - - Stay up to date - - - } - /> - - - - - - - - - © 2022 - - - - - ); -} diff --git a/components/WrappedLink.tsx b/components/WrappedLink.tsx deleted file mode 100644 index 94ec3692..00000000 --- a/components/WrappedLink.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import { FC } from 'react'; -import { Link, LinkProps } from '@chakra-ui/react'; -import NextLink from 'next/link'; - -type Props = { - href: string; - linkProps?: LinkProps; -}; - -const WrappedLink: React.FC = ({ - href, - linkProps, - children, -}) => ( - - - {children} - - -); - -export default WrappedLink; diff --git a/components/layouts/Interview.tsx b/components/layouts/Interview.tsx deleted file mode 100644 index 76462b53..00000000 --- a/components/layouts/Interview.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import { ReactNode } from 'react' -import { - Box -} from '@chakra-ui/react'; - -export default function InterviewLayout({ - children, -}: { - children: ReactNode; -}) { - return ( - - {children} - - ) -} diff --git a/components/layouts/Layout.tsx b/components/layouts/Layout.tsx deleted file mode 100644 index a0144968..00000000 --- a/components/layouts/Layout.tsx +++ /dev/null @@ -1,246 +0,0 @@ -import React, { ReactNode } from 'react'; -import { - IconButton, - Button, - Avatar, - Box, - CloseButton, - Flex, - HStack, - VStack, - Icon, - useColorModeValue, - Drawer, - DrawerContent, - Text, - useDisclosure, - BoxProps, - FlexProps, - Menu, - MenuButton, - MenuDivider, - MenuItem, - MenuList, - Wrap, - StackDivider, - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - Link, -} from '@chakra-ui/react'; -import { - FiMenu, - FiBell, - FiChevronDown, -} from 'react-icons/fi'; -import { FcOrganization, FcHome } from 'react-icons/fc' -import { IconType } from 'react-icons'; -import { ReactText } from 'react'; -import WrappedLink from '../WrappedLink'; -import Footer from '../Footer'; - -interface LinkItemProps { - name: string; - icon: IconType; - href: string; -} -const LinkItems: Array = [ - { name: 'Home', icon: FcHome, href: '/dashboard' }, - { name: 'Organizations', icon: FcOrganization, href: '/dashboard/organizations' }, - { name: 'Studies', icon: FcOrganization, href: '/dashboard/studies' }, -]; - -export default function SidebarWithHeader({ - children, -}: { - children: ReactNode; -}) { - const { isOpen, onOpen, onClose } = useDisclosure(); - return ( - - onClose} - display={{ base: 'none', md: 'block' }} - /> - - - - - - {/* mobilenav */} - - - {children} - -