add page for audiofeed

ethancedwards8 · Dec 21, 2024 · b7eb16a · b7eb16a
1 parent bb0ca0d
commit b7eb16a
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 2 deletions.
diff --git a/pages/audiofeed.js b/pages/audiofeed.js
@@ -0,0 +1,36 @@
+import Link from 'next/link';
+import dayjs from 'dayjs';
+import Head from 'next/head';
+import { useState } from 'react';
+
+import styles from '../styles/blog.module.scss';
+
+export default function AudioFeed() {
+    let [link, setLink] = useState("");
+
+    async function handleSubmit(event) {
+        event.preventDefault();
+
+        // so i can immediately clear the link var
+        let tmp = link;
+        setLink('');
+
+        const response = await fetch(`https://api.ethancedwards.com/audiofeed/v1?link=${tmp}`, {
+            method: 'POST',
+        });
+    }
+
+    return (
+        <>
+            <Head>
+                <title>Ethan's Audio Feed</title>
+            </Head>
+
+            <form onSubmit={handleSubmit} method="POST">
+                <label for="link" className={styles.text}>Enter your address: </label>
+                <input type="text" name="link" value={link} onChange={(e) => setLink(e.target.value)} required/>
+                <input type="submit" value="Add Link" className={styles.submit} />
+            </form>
+        </>
+    );
+}
diff --git a/pages/congress/index.js b/pages/congress/index.js
@@ -49,7 +49,7 @@ export default function Congress() {
             <form onSubmit={handleSubmit} method="GET">
                 <label for="address" className={styles.text}>Enter your address: </label>
                 <input type="text" name="address" value={address} onChange={(e) => setAddress(e.target.value)} required/>
-                <input type="submit" value="Submit" />
+                <input type="submit" value="Search Address" className={styles.submit} />
             </form>
             <hr />
 

diff --git a/pages/podcast.js b/pages/podcast.js
@@ -4,7 +4,7 @@ import Head from 'next/head';
 
 import styles from '../styles/blog.module.scss';
 
-export default function Blog({ episodes }) {
+export default function Podcast({ episodes }) {
 
     return (
         <>