diff --git a/src/pages/about.tsx b/src/pages/about.tsx index 193d0fe..4a0a0c7 100644 --- a/src/pages/about.tsx +++ b/src/pages/about.tsx @@ -1,7 +1,9 @@ +import { NextPage } from "next"; import React from "react"; import ReactMarkdown from "react-markdown"; import gfm from "remark-gfm"; +import { Card } from "../web/display/Card"; import { Layout } from "../web/display/Layout"; const readmeMarkdownText = `# About @@ -26,16 +28,16 @@ Also note that, whatever other redeeming features they might have, prediction ma `; -export default function About() { +const AboutPage: NextPage = () => { return ( - - - + + + + + ); -} +}; + +export default AboutPage; diff --git a/src/pages/tools.tsx b/src/pages/tools.tsx index eef031b..7463a07 100644 --- a/src/pages/tools.tsx +++ b/src/pages/tools.tsx @@ -1,3 +1,4 @@ +import { NextPage } from "next"; import Link from "next/link"; import React from "react"; @@ -45,7 +46,7 @@ const ToolCard: React.FC = (tool) => { } }; -export default function Tools({ lastUpdated }) { +const ToolsPage: NextPage = () => { let tools: Tool[] = [ { title: "Search", @@ -87,9 +88,11 @@ export default function Tools({ lastUpdated }) { {tools.map((tool, i) => ( - + ))} ); -} +}; + +export default ToolsPage; diff --git a/src/web/display/Card.tsx b/src/web/display/Card.tsx index a77614e..636d739 100644 --- a/src/web/display/Card.tsx +++ b/src/web/display/Card.tsx @@ -2,12 +2,20 @@ const CardTitle: React.FC = ({ children }) => ( {children} ); -type CardType = React.FC & { +interface Props { + highlightOnHover?: boolean; +} + +type CardType = React.FC & { Title: typeof CardTitle; }; -export const Card: CardType = ({ children }) => ( - +export const Card: CardType = ({ children, highlightOnHover = true }) => ( + {children} );