diff --git a/client/src/app/pages/dashboard/import/ImportPage.tsx b/client/src/app/pages/dashboard/import/ImportPage.tsx index 2835b8ba5..7b111bf9e 100644 --- a/client/src/app/pages/dashboard/import/ImportPage.tsx +++ b/client/src/app/pages/dashboard/import/ImportPage.tsx @@ -283,9 +283,7 @@ function ImportInfoDisplayer({ game }: { game: Game }) { /> ); } else if (game === "maimai") { - Content.unshift( - , - ); + Content.unshift(); } else if (game === "maimaidx") { Content.unshift(

What Is Mikado?

- Mikado is a .dll file that hooks into SDVX and automatically sends - the scores to a server. {TachiConfig.name} is compatible with what Mikado sends, - so you can use it to submit scores! + Mikado is a .dll file that hooks into SDVX and automatically sends the + scores to a server. {TachiConfig.name} is compatible with what Mikado sends, so you + can use it to submit scores!

Setup Instructions

@@ -39,8 +39,7 @@ export default function MikadoPage() {
  • - BemaniTools: Add -K mikado.dll to your .bat{" "} - file. + BemaniTools: Add -K mikado.dll to your .bat file.
  • SpiceTools: Add -k mikado.dll to your .bat file. diff --git a/client/src/app/pages/dashboard/users/UserIntegrationsPage.tsx b/client/src/app/pages/dashboard/users/UserIntegrationsPage.tsx index 6b7b8d26a..ba090e41f 100644 --- a/client/src/app/pages/dashboard/users/UserIntegrationsPage.tsx +++ b/client/src/app/pages/dashboard/users/UserIntegrationsPage.tsx @@ -25,9 +25,9 @@ import { } from "tachi-common"; import { SetState } from "types/react"; import { CGNeedsIntegrate } from "components/imports/CGIntegrationPage"; +import { MYTNeedsIntegrate } from "components/imports/MYTIntegrationPage"; import FervidexIntegrationPage from "./FervidexIntegrationPage"; import KsHookSV6CIntegrationPage from "./KsHookSV6CIntegrationPage"; -import { MYTNeedsIntegrate } from "components/imports/MYTIntegrationPage"; export default function UserIntegrationsPage({ reqUser }: { reqUser: UserDocument }) { useSetSubheader( @@ -995,10 +995,10 @@ function CGIntegrationInfo({ cgType, userID }: { cgType: "dev" | "gan" | "nag"; function MYTIntegrationInfo({ userID }: { userID: integer }) { const [reload, shouldReloadAuthInfo] = useReducer((x) => x + 1, 0); - const { data, error } = useApiQuery<{ authStatus: boolean; }>( + const { data, error } = useApiQuery<{ authStatus: boolean }>( `/users/${userID}/integrations/myt`, undefined, - [reload], + [reload] ); if (error) { @@ -1023,7 +1023,7 @@ function MYTIntegrationInfo({ userID }: { userID: integer }) { }, }, true, - true, + true ); if (res.success) { @@ -1031,5 +1031,5 @@ function MYTIntegrationInfo({ userID }: { userID: integer }) { } }} /> - ) + ); } diff --git a/client/src/components/imports/MYTIntegrationPage.tsx b/client/src/components/imports/MYTIntegrationPage.tsx index baa670944..804328476 100644 --- a/client/src/components/imports/MYTIntegrationPage.tsx +++ b/client/src/components/imports/MYTIntegrationPage.tsx @@ -1,3 +1,4 @@ +import { APIFetchV1 } from "util/api"; import { ErrorPage } from "app/pages/ErrorPage"; import useSetSubheader from "components/layout/header/useSetSubheader"; import ApiError from "components/util/ApiError"; @@ -12,7 +13,6 @@ import React, { useContext, useReducer, useState } from "react"; import { Form, Button } from "react-bootstrap"; import { APIImportTypes, GetGameConfig, MYTAuthDocument } from "tachi-common"; import { SetState } from "types/react"; -import { APIFetchV1 } from "util/api"; import ImportStateRenderer from "./ImportStateRenderer"; export default function MYTIntegrationPage() { @@ -29,7 +29,7 @@ export default function MYTIntegrationPage() { return ; } - const { data, error } = useApiQuery<{ authStatus: boolean; }>( + const { data, error } = useApiQuery<{ authStatus: boolean }>( `/users/${user.id}/integrations/myt`, undefined, [reload] @@ -60,7 +60,7 @@ export default function MYTIntegrationPage() { }, }, true, - true, + true ); if (res.success) { @@ -71,51 +71,46 @@ export default function MYTIntegrationPage() { )} - {data && ( - - )} + {data && } - ) + ); } export function MYTNeedsIntegrate({ authStatus, onSubmit, }: { - authStatus?: boolean, + authStatus?: boolean; onSubmit: (authToken: string) => Promise; }) { const [authToken, setAuthToken] = useState(""); return (
    -

    {authStatus ? "Update " : "Set "} your MYT authentication token.

    +

    + {authStatus ? "Update " : "Set "} your MYT authentication token. +

    - You can retrieve a token by visiting your account profile on the MYT web portal. + You can retrieve a token by visiting your account profile on the MYT web portal.
    - +
    - ) + ); } function MYTImporter({ showEdit, setShowEdit, }: { - showEdit: boolean, - setShowEdit: SetState, + showEdit: boolean; + setShowEdit: SetState; }) { const importType: APIImportTypes = "api/myt-maimai";