regalijan/car-crushers-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move card types to declaration file

Browse Source
This commit is contained in:
regalijan 2023-10-19 16:49:25 -04:00
parent 9a5820cfba
commit b6f073083e
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
4 changed files with 27 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/routes/mod-queue.tsx
View File

@ -9,6 +9,7 @@ import {
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { useState } from "react"; import { useState } from "react";
import AppealCard from "../../components/AppealCard.js"; import AppealCard from "../../components/AppealCard.js";
import ReportCard from "../../components/ReportCard.js";
import { useLoaderData } from "@remix-run/react"; import { useLoaderData } from "@remix-run/react";
export async function loader({ context }: { context: RequestContext }) { export async function loader({ context }: { context: RequestContext }) {
@ -114,19 +115,12 @@ export default function () {
for (const entry of entryData) { for (const entry of entryData) {
switch (queue_type) { switch (queue_type) {
case "appeal": case "appeal":
newEntries.push( newEntries.push(<AppealCard {...(entry as AppealCardProps)} />);
<AppealCard
{...(entry as { break;
ban_reason: string;
createdAt: number; case "report":
discriminator: string; newEntries.push(<ReportCard {...(entry as ReportCardProps)} />);
id: string;
learned: string;
reason_for_unban: string;
username: string;
})}
/>
);
} }
} }

10
components/AppealCard.tsx
View File

@ -12,15 +12,7 @@ import {
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
export default function (props: { export default function (props: AppealCardProps) {
ban_reason: string;
createdAt: number;
discriminator: string;
id: string;
learned: string;
reason_for_unban: string;
username: string;
}) {
const [dateString, setDateString] = useState( const [dateString, setDateString] = useState(
new Date(props.createdAt).toUTCString() new Date(props.createdAt).toUTCString()
); );

8
components/ReportCard.tsx
View File

@ -13,13 +13,7 @@ import {
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { useState } from "react"; import { useState } from "react";
export default function (props: { export default function (props: ReportCardProps) {
attachment: string;
attachment_loading?: boolean;
reporter?: { [k: string]: any };
target_ids: number[];
target_usernames: string[];
}) {
const targetMap: { [k: number]: string } = {}; const targetMap: { [k: number]: string } = {};
const [attachmentReady, setAttachmentReady] = useState( const [attachmentReady, setAttachmentReady] = useState(
!props.attachment_loading !props.attachment_loading

18
index.d.ts vendored
View File

@ -23,6 +23,24 @@ declare global {
extractCriticalToChunks: (html: string) => EmotionCriticalToChunks; extractCriticalToChunks: (html: string) => EmotionCriticalToChunks;
} }
interface AppealCardProps {
ban_reason: string;
createdAt: number;
discriminator: string;
id: string;
learned: string;
reason_for_unban: string;
username: string;
}
interface ReportCardProps {
attachment: string;
attachment_loading?: boolean;
reporter?: { [k: string]: any };
target_ids: number[];
target_usernames: string[];
}
export function createEmotionServer(cache: EmotionCache): EmotionServer; export function createEmotionServer(cache: EmotionCache): EmotionServer;
} }