qwertyasdfgh
/
Makking
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nvm

This commit is contained in:
Joonas 2023-01-22 14:23:30 +02:00
parent 62b61630c9
commit 0b4d96402a
1 changed files with 59 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
app/components/County.jsx
View File

@ -1,4 +1,4 @@
import { useMemo, useState } from "react";
import { useState } from "react";
export function County({ county }) {
const [sort, setSort] = useState({
@ -6,31 +6,6 @@ export function County({ county }) {
type: "desc",
});
const sortMemo = useMemo(
() =>
county.players.sort((a, b) => {
if (sort.field === "rank")
return sort.type === "desc"
? parseInt(a.rank) - parseInt(b.rank)
: parseInt(b.rank) - parseInt(a.rank);
if (sort.field === "score")
return sort.type === "desc" ? a.score - b.score : b.score - a.score;
if (sort.field === "SS")
return sort.type === "desc"
? a.SSranks - b.SSranks
: b.SSranks - a.SSranks;
if (sort.field === "S")
return sort.type === "desc"
? a.Sranks - b.Sranks
: b.Sranks - a.Sranks;
if (sort.field === "A")
return sort.type === "desc"
? a.Aranks - b.Aranks
: b.Aranks - a.Aranks;
}),
[sort.field, sort.type, county.players]
);
return (
<li
className="mx-0 my-4 flex w-full max-w-3xl flex-shrink-0 flex-col space-y-4 overflow-auto
@ -152,7 +127,30 @@ export function County({ county }) {
</tr>
</thead>
<tbody>
{sortMemo.map((player, index) => (
{county.players
.sort((a, b) => {
if (sort.field === "rank")
return sort.type === "desc"
? parseInt(a.rank) - parseInt(b.rank)
: parseInt(b.rank) - parseInt(a.rank);
if (sort.field === "score")
return sort.type === "desc"
? a.score - b.score
: b.score - a.score;
if (sort.field === "SS")
return sort.type === "desc"
? a.SSranks - b.SSranks
: b.SSranks - a.SSranks;
if (sort.field === "S")
return sort.type === "desc"
? a.Sranks - b.Sranks
: b.Sranks - a.Sranks;
if (sort.field === "A")
return sort.type === "desc"
? a.Aranks - b.Aranks
: b.Aranks - a.Aranks;
})
.map((player, index) => (
<tr
key={player.id}
className="divide-x-2 divide-ctp-surface0 border border-ctp-surface2 odd:bg-ctp-crust even:bg-ctp-mantle"