diff --git a/src/components/QuickLinks/QuickLinkCards.tsx b/src/components/QuickLinks/QuickLinkCards.tsx index 847a7c3..4f70ac3 100644 --- a/src/components/QuickLinks/QuickLinkCards.tsx +++ b/src/components/QuickLinks/QuickLinkCards.tsx @@ -23,6 +23,11 @@ export default function QuickLinkCards({ objectFit="cover" /> */}
{quick.description}
diff --git a/src/components/QuickLinks/types.tsx b/src/components/QuickLinks/types.tsx index 1a89958..5604d94 100644 --- a/src/components/QuickLinks/types.tsx +++ b/src/components/QuickLinks/types.tsx @@ -1,6 +1,9 @@ +import React from "react"; + export type QuickLink = { - name: string; - description: string; + name: string | React.ReactNode; + subtitle?: string | React.ReactNode | null; + description: string | React.ReactNode; link: string; - linkText: string; + linkText: string | React.ReactNode; }; diff --git a/src/pages/tools/built-in/index.tsx b/src/pages/tools/built-in/index.tsx new file mode 100644 index 0000000..77318d5 --- /dev/null +++ b/src/pages/tools/built-in/index.tsx @@ -0,0 +1,56 @@ +import getAppProps, { AppProps } from "@/components/WithAppProps"; +import { QuickLink } from "@/components/QuickLinks/types"; +import React from "react"; +import Layout from "@/components/Layout"; +import QuickLinkCards from "@/components/QuickLinks/QuickLinkCards"; + +const pageName = "Built in tools"; + +type BuiltInToolsProps = { appProps: AppProps }; + +export function BuiltInTools({ appProps }: BuiltInToolsProps): JSX.Element { + const quickLinks: QuickLink[] = [ + { + name: "MIDI to ArcadeMidi", + // subtitle: "By UnsignedArduino", + description: + "Converts your MIDI files to images compatible with the ArcadeMIDI extension!", + link: "/tools/built-in/midi-to-arcademidi", + linkText: "Convert your MIDI files", + }, + ]; + + return ( +
+ This is a list of all of Awesome Arcade{"'"}s built in tools, which can
+ be used directly on the Awesome Arcade website!{" "}
+
+ It was definitely not because UnsignedArduino was too lazy to create a
+ new website for his new tools.
+
+
Looking for Awesome Arcade Extensions? They have been split up into the{" "} - Extensions page! (Which you can also find in the - navigation bar!) + Extensions page! (Which you can also find in + the navigation bar!)
);