Contact Me
-
+
-
-
-
- {
- error && (
-
+
{error}
- ) - } +
+
+
+ {
+ error && (
+
+ {
+ success && (
+ {error}
+ ) + } - { - success && ( -Success! Your message has been received
- ) - } -Success! Your message has been received
+ ) + } +
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/DataComponents/RecentBook.tsx b/src/components/DataComponents/RecentBook.tsx
new file mode 100644
index 0000000..61c9f69
--- /dev/null
+++ b/src/components/DataComponents/RecentBook.tsx
@@ -0,0 +1,45 @@
+import DataComponent from '../DataComponent';
+import type { ContentTrackerItem } from '@/utils/types';
+
+const fetchData = async () => {
+ const { data } = await fetch("https://api.alexav.gg/v4/tracker/latest/book", {
+ method: 'get'
+ }).then((res) => res.json())
+ return data
+}
+
+export default async function RecentBook() {
+ const data = await fetchData() as ContentTrackerItem
+
+ const getDateString = (startedOn: Date, finished: boolean) => {
+ if (startedOn && !finished) {
+ const startedOnDate = new Date(startedOn);
+ return "Started on " + startedOnDate.toLocaleDateString();
+ } else if (finished) {
+ return "Finished!"
+ } else {
+ return "Just Added"
+ }
+ }
+
+ if (data) {
+ return (
+ {header}
+ +
+
+
+ {
+ projectImage && 
+ }
+
+
+
+
+ {projectHeader}
+{projectSubheader}
+
- {particles.map(particle => (
-
- ))}
-
- );
-}
\ No newline at end of file
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index e6e26ab..aefce3a 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,5 +1,6 @@
+"use client";
+
import { useState, useEffect } from 'react';
-import { Link as RouterLink } from 'react-router-dom';
export default function Footer() {
// states
@@ -18,12 +19,6 @@ export default function Footer() {
© {new Date().getFullYear()}, Alex Frantz. All Rights Reserved
All logos & images on this page belong to their respective owners.
-
-
-
-
-
Privacy
-{ @@ -34,8 +29,8 @@ export default function Footer() { ) : ( + navigator.clipboard.writeText("alex@vierfrantz.com") + }} className="hover:underline">alex@vierfrantz.com ) } diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 6d299ac..ba0242e 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,43 +1,25 @@ -import { useState, useEffect } from "react" +const quoteArray = [ + "It works on my machine", + "Revert 'Revert 'Revert", + "'fuck the tests'", + "this is so cooked", + "Professional Production Tester", + "I break hearts to save lives.", + "go bills", + "josh allen is my goat", + "lets go buffalo", + "oorah", + "how bout them bills??", + "where else would you rather be..", + "..than right here, right now?!" +] -export default function Header({ - isAudioActive = false -}: { - isAudioActive: boolean -}) { - const quoteArray = [ - "It works on my machine", - "Revert 'Revert 'Revert", - "'fuck the tests'", - "this is so cooked", - "Professional Production Tester", - "I break hearts to save lives.", - "go bills", - "josh allen is my goat", - "lets go buffalo", - "oorah", - "how bout them bills??", - "where else would you rather be..", - "..than right here, right now?!" - ] - const [ quote, setQuote ] = useState
Projects
@@ -54,4 +36,93 @@ export default function Header({
)
-}
\ No newline at end of file
+}
+
+// "use client";
+
+// import { useState, useEffect, useCallback } from "react"
+
+// export default function Header() {
+// const [ shouldShowAudio, setShouldShowAudio ] = useState
+ // { shouldShowAudio &&
+// )
+// }
\ No newline at end of file
diff --git a/src/components/InputBox.tsx b/src/components/InputBox.tsx
index 9dbcc91..96cfb91 100644
--- a/src/components/InputBox.tsx
+++ b/src/components/InputBox.tsx
@@ -2,22 +2,27 @@ export default function InputBox({
name,
placeholder = "",
isText = true,
+ disabled = false,
+ type = "text",
onChange
}: {
name: string,
isText?: boolean,
+ disabled?: boolean,
placeholder?: string,
- onChange: (value: string) => void
+ type?: string,
+ onChange?: (value: string) => void
}) {
if (isText) {
return (
onChange(target.value)}
+ onChange={onChange ? ({target}) => onChange(target.value) : undefined}
+ disabled={disabled}
/>
)
@@ -27,7 +32,8 @@ export default function InputBox({