Do not set inappropriate stuff as your avatar/banner. If you have to ask, the answer
is probably no.
@@ -359,7 +375,7 @@ function SocialMediaForm({ reqUser }: { reqUser: UserDocument }) {
});
return (
-
);
}
@@ -436,7 +450,7 @@ function FileUploadController({
}
}}
disabled={!reqUser.customPfpLocation}
- className="mr-auto"
+ className="ms-auto"
variant="secondary"
>
Unset
@@ -466,7 +480,7 @@ function FileUploadController({
window.location.reload();
}
}}
- className="ml-auto"
+ className="ms-auto"
variant="success"
disabled={file.size > 1024 * 1000}
>
diff --git a/client/src/app/pages/dashboard/users/games/_game/_playtype/LeaderboardsPage.tsx b/client/src/app/pages/dashboard/users/games/_game/_playtype/LeaderboardsPage.tsx
index 32f1bf5f0..dad392ba4 100644
--- a/client/src/app/pages/dashboard/users/games/_game/_playtype/LeaderboardsPage.tsx
+++ b/client/src/app/pages/dashboard/users/games/_game/_playtype/LeaderboardsPage.tsx
@@ -119,7 +119,9 @@ function LeaderboardsPageContent({
|
#{i}
{reqUser.id === s.userID && (
- /{stats.thisUsersRanking.outOf}
+
+ /{stats.thisUsersRanking.outOf}
+
)}
|
@@ -161,7 +163,7 @@ function LeaderboardsPageContent({
+
View Global Leaderboards
}
diff --git a/client/src/app/pages/dashboard/users/games/_game/_playtype/OverviewPage.tsx b/client/src/app/pages/dashboard/users/games/_game/_playtype/OverviewPage.tsx
index aad2f206d..9468a2751 100644
--- a/client/src/app/pages/dashboard/users/games/_game/_playtype/OverviewPage.tsx
+++ b/client/src/app/pages/dashboard/users/games/_game/_playtype/OverviewPage.tsx
@@ -20,6 +20,7 @@ import React, { useMemo, useState } from "react";
import { FormatGame, GetGameConfig, GetGamePTConfig, UserGameStats } from "tachi-common";
import { UGPTHistory } from "types/api-returns";
import { GamePT, SetState, UGPT } from "types/react";
+import FormSelect from "react-bootstrap/FormSelect";
export default function OverviewPage({ reqUser, game, playtype }: UGPT) {
const gameConfig = GetGameConfig(game);
@@ -125,7 +126,7 @@ function UserHistory({
<>
-
)}
/>
@@ -304,7 +302,9 @@ function RankingTimeline({
{MillisToSince(+p.data.xFormatted)}: #{p.data.yFormatted}
- ({FormatDate(+p.data.xFormatted)})
+
+ ({FormatDate(+p.data.xFormatted)})
+
)}
/>
diff --git a/client/src/app/pages/dashboard/users/games/_game/_playtype/ScoresPage.tsx b/client/src/app/pages/dashboard/users/games/_game/_playtype/ScoresPage.tsx
index 7b072b3a7..d34cc10c7 100644
--- a/client/src/app/pages/dashboard/users/games/_game/_playtype/ScoresPage.tsx
+++ b/client/src/app/pages/dashboard/users/games/_game/_playtype/ScoresPage.tsx
@@ -28,6 +28,7 @@ import {
} from "tachi-common";
import { GamePT, SetState, UGPT } from "types/react";
import usePreferredRanking from "components/util/usePreferredRanking";
+import { Col, Form, Row } from "react-bootstrap";
export default function ScoresPage({
reqUser,
@@ -52,28 +53,24 @@ export default function ScoresPage({
const base = useUGPTBase({ reqUser, game, playtype });
return (
-
-
+
+
-
-
- Best 100 PBs
+
+ Best 100 PBs
-
-
- Recent 100 Scores
+
+ Recent 100 Scores
-
-
- Most Played
+
+ Most Played
-
-
- All PBs
+
+ All PBs
-
-
+
+
<>
@@ -111,8 +108,8 @@ export default function ScoresPage({
/>
-
-
+
+
);
}
@@ -126,20 +123,14 @@ function AlgSelector({
setAlg: SetState ;
}) {
return (
-
-
- Best 100 PBs according to
-
-
- Best 100 PBs according to
+ setAlg(e.target.value as any)}>
+ {Object.keys(gptConfig.scoreRatingAlgs).map((e) => (
+
+ ))}
+
+
);
}
@@ -185,13 +176,9 @@ function PBsOverview({
return (
-
+
-
+
{search === "" ? (
-
+
{search === "" ? (
diff --git a/client/src/app/pages/dashboard/users/games/_game/_playtype/SessionsPage.tsx b/client/src/app/pages/dashboard/users/games/_game/_playtype/SessionsPage.tsx
index 4b1823657..24dc219e8 100644
--- a/client/src/app/pages/dashboard/users/games/_game/_playtype/SessionsPage.tsx
+++ b/client/src/app/pages/dashboard/users/games/_game/_playtype/SessionsPage.tsx
@@ -77,26 +77,34 @@ export default function SessionsPage({ reqUser, game, playtype }: UGPT) {
-
-
- Best Sessions
+
+ Best Sessions
-
-
- Recent Sessions
+
+ Recent Sessions
-
-
- Highlighted Sessions
+
+ Highlighted Sessions
-
+
{search === "" ? (
diff --git a/client/src/app/pages/dashboard/users/games/_game/_playtype/SpecificSessionPage.tsx b/client/src/app/pages/dashboard/users/games/_game/_playtype/SpecificSessionPage.tsx
index 2ddf1e887..630665284 100644
--- a/client/src/app/pages/dashboard/users/games/_game/_playtype/SpecificSessionPage.tsx
+++ b/client/src/app/pages/dashboard/users/games/_game/_playtype/SpecificSessionPage.tsx
@@ -153,7 +153,7 @@ function SessionPage({ data, game, playtype }: UGPT & { data: SessionReturns })
{(text) => (
{text}
-
+
@@ -178,9 +178,9 @@ function SessionPage({ data, game, playtype }: UGPT & { data: SessionReturns })
>
{(text) => (
- {text}
+ {text}
-
+
@@ -192,8 +192,8 @@ function SessionPage({ data, game, playtype }: UGPT & { data: SessionReturns })
style={{
lineHeight: "15px",
}}
- variant="warning"
- className="ml-2"
+ bg="warning"
+ className="ms-2"
>
Highlight!
diff --git a/client/src/app/pages/dashboard/users/games/_game/_playtype/UGPTSettingsPage.tsx b/client/src/app/pages/dashboard/users/games/_game/_playtype/UGPTSettingsPage.tsx
index 9450ab21e..51f303750 100644
--- a/client/src/app/pages/dashboard/users/games/_game/_playtype/UGPTSettingsPage.tsx
+++ b/client/src/app/pages/dashboard/users/games/_game/_playtype/UGPTSettingsPage.tsx
@@ -54,17 +54,29 @@ export default function UGPTSettingsPage({ reqUser, game, playtype }: UGPT) {
-
-
- Preferences
+
+ Preferences
-
-
- Showcase Stats
+
+ Showcase Stats
-
-
- Manage Account
+
+ Manage Account
@@ -153,13 +165,14 @@ function PreferencesForm({ reqUser, game, playtype }: UGPT) {
(e) => !e.inactive || settings?.preferences.defaultTable === e.tableID
);
+ const formGroupClassNames = "d-flex flex-column";
+
return (
-
);
}
@@ -432,14 +427,12 @@ function ShowcaseForm({ reqUser, game, playtype }: UGPT) {
}, [stats]);
return (
-
+
{stats.length < 6 && (
-
-
-
-
+
+
)}
@@ -480,18 +473,16 @@ function RenderCurrentStats({
}
return (
- <>
+
{stats.map((e, i) => (
-
+
-
-
-
-
);
}
@@ -533,6 +524,7 @@ function ManageAccount({ reqUser, game, playtype }: UGPT) {
/>
- setSelectedEnum(e.target.value)}
>
@@ -234,20 +228,16 @@ function TimelineView({ game, playtype, reqUser, folderID }: Props & { folderID:
{UppercaseFirst(e)}
))}
-
+
- setValue(e.target.value)}
- >
+ setValue(e.target.value)}>
{enumConf.values
.slice(enumConf.values.indexOf(enumConf.minimumRelevantValue))
.map((e) => (
))}
-
+
@@ -343,7 +333,7 @@ function TimelineMain({
Total Progress
{data.scores.length}
-
+
/{data.charts.length}
@@ -358,7 +348,7 @@ function TimelineMain({
Total Progress
{data.scores.length}
-
+
/{data.charts.length}
@@ -391,32 +381,34 @@ function TimelineElement({
-
+
- |
- #{index}
- {Date.now() - scoreData.timeAdded < ONE_DAY && (
-
- NEW!
-
- )}
- |
-
-
-
-
+
+ |
+ #{index}
+ {Date.now() - scoreData.timeAdded < ONE_DAY && (
+
+ NEW!
+
+ )}
+ |
+
+
+
+
+
@@ -666,7 +658,7 @@ function TierlistInfoBucketValues({
return (
- |
+ |
{tierlistInfo.chart.__related.song.title}
{" "}
@@ -674,7 +666,7 @@ function TierlistInfoBucketValues({
{tierlistInfo.value} ({tierlistInfo.text ?? "No Info"})
{tierlistInfo.idvDiff && (
-
+
)}
@@ -693,7 +685,13 @@ function TierlistInfoBucketValues({
tooltipContent={
data.__related.pb ? (
-
+
+
+
) : undefined
}
diff --git a/client/src/app/pages/dashboard/users/games/_game/_playtype/rivals/RivalsActivityPage.tsx b/client/src/app/pages/dashboard/users/games/_game/_playtype/rivals/RivalsActivityPage.tsx
index aad3ab858..5fb6e912e 100644
--- a/client/src/app/pages/dashboard/users/games/_game/_playtype/rivals/RivalsActivityPage.tsx
+++ b/client/src/app/pages/dashboard/users/games/_game/_playtype/rivals/RivalsActivityPage.tsx
@@ -15,7 +15,10 @@ export default function RivalsActivityPage({ reqUser, game, playtype }: UGPT) {
return (
You have no rivals set.{" "}
-
+
Go set some!
diff --git a/client/src/app/pages/dashboard/users/games/_game/_playtype/rivals/RivalsMainPage.tsx b/client/src/app/pages/dashboard/users/games/_game/_playtype/rivals/RivalsMainPage.tsx
index e20580c47..a4132635b 100644
--- a/client/src/app/pages/dashboard/users/games/_game/_playtype/rivals/RivalsMainPage.tsx
+++ b/client/src/app/pages/dashboard/users/games/_game/_playtype/rivals/RivalsMainPage.tsx
@@ -47,12 +47,10 @@ export default function RivalsMainPage({
Rival's Bests
*/}
-
- Rival Activity
+ Rival Activity
-
- Manage Rivals
+ Manage Rivals
-
- Quests
+ Quests
-
- Goals
+ Goals
diff --git a/client/src/app/pages/dashboard/users/games/_game/_playtype/targets/UGPTGoalsPage.tsx b/client/src/app/pages/dashboard/users/games/_game/_playtype/targets/UGPTGoalsPage.tsx
index 885568a1e..1a4f8aca9 100644
--- a/client/src/app/pages/dashboard/users/games/_game/_playtype/targets/UGPTGoalsPage.tsx
+++ b/client/src/app/pages/dashboard/users/games/_game/_playtype/targets/UGPTGoalsPage.tsx
@@ -49,8 +49,7 @@ export default function UGPTGoalsPage({ reqUser, game, playtype }: UGPT) {
className="mb-4 w-100"
onClick={() => setShow(true)}
>
-
- Add New Goal
+ Add New Goal
| | ![{TachiConfig.name}]({ToCDNURL("/logos/logo-wordmark.png")}){kind=logo}
![Logo]({ToCDNURL("/logos/logo-mark.png")}){kind=logo}