|
|
|
|
import Head from 'next/head'
|
|
|
|
|
import styles from '../styles/Gallery.module.css'
|
|
|
|
|
import Header from '../components/header';
|
|
|
|
|
import Footer from '../components/footer';
|
|
|
|
|
// import { google } from 'googleapis';
|
|
|
|
|
// import fs from 'fs';
|
|
|
|
|
// import readline from 'readline';
|
|
|
|
|
|
|
|
|
|
export default function Gallery() {
|
|
|
|
|
return (
|
|
|
|
|
<div className="page">
|
|
|
|
|
<Head>
|
|
|
|
|
<title>Trick - Gallery</title>
|
|
|
|
|
</Head>
|
|
|
|
|
|
|
|
|
|
<Header />
|
|
|
|
|
|
|
|
|
|
<div className="container">
|
|
|
|
|
<article className="content">
|
|
|
|
|
|
|
|
|
|
<section className="card">
|
|
|
|
|
<h1 className="h-unset">Gallery</h1>
|
|
|
|
|
<p>Coming Soon...</p>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
</article>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Footer />
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// export async function getServerSideProps() {
|
|
|
|
|
// const auth = new google.auth.GoogleAuth({
|
|
|
|
|
// keyFile: process.env.GOOGLE_APPLICATION_CREDENTIALS,
|
|
|
|
|
// scopes: ['https://www.googleapis.com/auth/spreadsheets.readonly']
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
// const sheets = google.sheets({ version: 'v4', auth });
|
|
|
|
|
|
|
|
|
|
// const { id } = 2;
|
|
|
|
|
|
|
|
|
|
// const range = `Gallery!A:${id}:B${id}`;
|
|
|
|
|
|
|
|
|
|
// const response = sheets.spreadsheets.values.get({
|
|
|
|
|
// spreadsheetId: "13V7PXSJ6FSPZakBbYEpi1495T3nWxJ7Loi4EWwOZ7lE",
|
|
|
|
|
// range,
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
// const data = await response.json();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// return {
|
|
|
|
|
// props: {
|
|
|
|
|
// response: data
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
