[xc-admin] setup frontend template (#480)

* add xc-admin-frontend template

* add more placeholder stuffs

* update placefolders

* fix precommit

* add package-lock.json

* address comments

* fix type

* add package-lock.json

* Fix CI (#483)

* fix ci

Co-authored-by: guibescos <[email protected]>

Author: cctdaniel

xc-admin/package-lock.json

@@ -0,0 +1 @@
+node_modules

xc-admin/packages/xc-admin-frontend/.eslintignore

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

xc-admin/packages/xc-admin-frontend/.eslintrc.json

@@ -0,0 +1,36 @@
+# 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
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

xc-admin/packages/xc-admin-frontend/.gitignore

@@ -0,0 +1,4 @@
+.next
+node_modules
+build
+coverage

xc-admin/packages/xc-admin-frontend/.prettierignore

@@ -0,0 +1,6 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": true
+}

xc-admin/packages/xc-admin-frontend/.prettierrc

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn 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 [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
+
+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
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

xc-admin/packages/xc-admin-frontend/README.md

@@ -0,0 +1,13 @@
+function Main() {
+  return (
+    <div className="pt-15 relative lg:pt-20">
+      <div className="container z-10 flex flex-col items-center justify-between pt-32 lg:flex-row ">
+        <div className="mb-10 w-full max-w-lg text-center lg:mb-0 lg:w-1/2 lg:max-w-none lg:text-left">
+          <h1 className="h1 mb-3">Governance Dashboard</h1>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default Main

xc-admin/packages/xc-admin-frontend/components/Main.tsx

@@ -0,0 +1,52 @@
+import Link from 'next/link'
+import Discord from '../../images/icons/discord.inline.svg'
+import Github from '../../images/icons/github.inline.svg'
+import LinkedIn from '../../images/icons/linkedin.inline.svg'
+import Substack from '../../images/icons/substack.inline.svg'
+import Telegram from '../../images/icons/telegram.inline.svg'
+import Twitter from '../../images/icons/twitter.inline.svg'
+import Youtube from '../../images/icons/youtube.inline.svg'
+
+const SocialLinks = () => {
+  return (
+    <div className="flex items-center">
+      <Link href="https://twitter.com/PythNetwork">
+        <a target="_blank" className="mr-6">
+          <Twitter />
+        </a>
+      </Link>
+      <Link href="https://discord.gg/invite/PythNetwork">
+        <a target="_blank" className="mr-6">
+          <Discord />
+        </a>
+      </Link>
+      <Link href="https://t.me/Pyth_Network">
+        <a target="_blank" className="mr-6">
+          <Telegram />
+        </a>
+      </Link>
+      <Link href="https://www.linkedin.com/company/pyth-network">
+        <a target="_blank" className="mr-6">
+          <LinkedIn />
+        </a>
+      </Link>
+      <Link href="https://github.com/pyth-network">
+        <a target="_blank" className="mr-6">
+          <Github />
+        </a>
+      </Link>
+      <Link href="https://pyth.substack.com">
+        <a target="_blank" className="mr-6">
+          <Substack />
+        </a>
+      </Link>
+      <Link href="https://www.youtube.com/channel/UCjCkvPN9ohl0UDvldfn1neg">
+        <a target="_blank" className="">
+          <Youtube />
+        </a>
+      </Link>
+    </div>
+  )
+}
+
+export default SocialLinks

xc-admin/packages/xc-admin-frontend/components/common/SocialLinks.tsx

@@ -0,0 +1,22 @@
+import Link from 'next/link'
+import SocialLinks from '../common/SocialLinks'
+
+const Footer = () => {
+  return (
+    <footer>
+      <div className="flex flex-col-reverse items-center justify-between px-4 pt-12 pb-4 sm:px-10 lg:flex-row lg:py-6">
+        <span className="text-[10px] lg:basis-[280px]">
+          © 2022 Pyth Data Association
+        </span>
+        <div className="py-10 lg:py-0">
+          <Link href="https://pyth.network/">
+            <a target="_blank">Pyth Network</a>
+          </Link>{' '}
+        </div>
+        <SocialLinks />
+      </div>
+    </footer>
+  )
+}
+
+export default Footer