Reactor container props to be cleaner

DreamExposure · Jan 25, 2025 · 3ad12af · 3ad12af
1 parent 95015d7
commit 3ad12af
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 19 deletions.
diff --git a/components/container.tsx b/components/container.tsx
@@ -1,6 +1,6 @@
-import type {Props} from "../lib/types";
+import {ReactNode} from "react";
 
-export default function Container(props: Props) {
+export default function Container(props: {children?: ReactNode}) {
     return <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-10">
         {props.children}
     </div>

diff --git a/lib/types.ts b/lib/types.ts
@@ -1,16 +1,3 @@
-import {ReactNode} from "react"
-
-/////////* Props */////////
-export type Props = {
-    children?: ReactNode
-    extraClass?: string
-    caption?: string
-}
-
-export type NetworkProps = {
-    data: NetworkStatus,
-}
-
 /////////* Session Objects */////////
 export type User = {
     id: string,

diff --git a/pages/status.tsx b/pages/status.tsx
@@ -1,7 +1,7 @@
 import React, {JSX, useEffect, useState} from "react";
 import Loader from "../components/loader";
 import {toast} from "react-toastify";
-import type {NetworkProps, NetworkStatus} from "../lib/types";
+import type { NetworkStatus} from "../lib/types";
 import Custom500 from "./500";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faRobot} from "@fortawesome/free-solid-svg-icons"
@@ -45,7 +45,7 @@ export default function StatusPage() {
     </>
 }
 
-function GeneralStats(props: NetworkProps): JSX.Element {
+function GeneralStats(props: {data: NetworkStatus}): JSX.Element {
     const stats = [
         {name: 'Guilds', stat: props.data.total_guilds},
         {name: 'Calendars', stat: props.data.total_calendars},
@@ -83,7 +83,7 @@ function GeneralStats(props: NetworkProps): JSX.Element {
     </div>
 }
 
-function ServiceStats(props: NetworkProps): JSX.Element {
+function ServiceStats(props: {data: NetworkStatus}): JSX.Element {
     const services = [
         // Since there's only 1 API server, we can just statically add it to this list
         {
@@ -150,7 +150,7 @@ function ServiceStats(props: NetworkProps): JSX.Element {
     </div>
 }
 
-function ShardStats(props: NetworkProps): JSX.Element {
+function ShardStats(props: {data: NetworkStatus}): JSX.Element {
     function listAll(): any[] {
         let array: any[] = [];