fixed a price

3 years ago · d9b7797523
parent 02309c1399
commit d9b7797523
5 changed files with 37 additions and 27 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,4 +1,5 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+secrets.json

 # dependencies
 /node_modules
--- a/components/twitchpopup.js
+++ b/components/twitchpopup.js
@ -1,14 +1,14 @@
 import styles from '../styles/components/TwitchPopup.module.css'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faTwitter } from '@fortawesome/free-brands-svg-icons'
+import { faTwitch } from '@fortawesome/free-brands-svg-icons'
+import { faMicrophoneAlt } from '@fortawesome/free-solid-svg-icons'
 import { TwitchEmbed } from 'react-twitch-embed';

-
 export default function TwitchPopup({ show }) {
    if(show == true) {
        return (
            <div className="card" style={{ backgroundColor: "rgba(79,79,255,1)", marginBottom: "1em" }}>
-                <h1 className={styles.h1}>I'm currently live on Twitch!</h1>
+                <h1 className={styles.h1}><FontAwesomeIcon icon={faTwitch} size="1x" /> I'm currently live on Twitch! <FontAwesomeIcon icon={faMicrophoneAlt} size="1x" /></h1>
                <TwitchEmbed id="trick_the_fox" channel="trick_the_fox" theme="dark" autoplay="true" width="100%" withChat={false} />
            </div>
        )
--- a/package.json
+++ b/package.json
@ -14,6 +14,7 @@
    "@fortawesome/free-solid-svg-icons": "^5.15.3",
    "@fortawesome/react-fontawesome": "^0.1.14",
    "@types/react": "^17.0.11",
+    "googleapis": "^78.0.0",
    "next": "10.x",
    "next-images": "^1.8.1",
    "react": "17.x",
--- a/pages/commissions.js
+++ b/pages/commissions.js
@ -59,7 +59,7 @@ export default function Commissions() {
                    <section className={styles.row}>
                        <div>
                            <h2>Ref sheets</h2>
-                            <p><FontAwesomeIcon icon={faPoundSign} size="1x" /> 15+ extras</p>
+                            <p><FontAwesomeIcon icon={faPoundSign} size="1x" /> 30+ extras</p>
                        </div>

                        <div className={styles.gapped}>
--- a/pages/gallery.js
+++ b/pages/gallery.js
@ -2,28 +2,11 @@ import Head from 'next/head'
 import styles from '../styles/Gallery.module.css'
 import Header from '../components/header';
 import Footer from '../components/footer';
-
-// const cache = {};
-
-// function importAll(r) {
-//     r.keys().forEach((key) => (cache[key] = r(key)));
-// }
-// // Note from the docs -> Warning: The arguments passed to require.context must be literals!
-// importAll(require.context("../public/gallery", false, /\.(png|jpe?g|svg)$/));
-
-// const images = Object.entries(cache).map(module => module[1].default);
-
+// import { google } from 'googleapis';
+// import fs from 'fs';
+// import readline from 'readline';

 export default function Gallery() {
-    // return (
-    //     <>
-    //         <p>Media Page..</p>
-
-    //         {images.map(image => (
-    //             <img style={{width: 100}} src={image} />
-    //         ))}
-    //     </>
-    // );
  return (
    <div className="page">
        <Head>
@ -43,9 +26,34 @@ export default function Gallery() {
            </article>
        </div>

-        <Footer />
-
-        
+        <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
+//         }
+//     }
+// }