diff --git a/package-lock.json b/package-lock.json index fb088d64..bb354cd9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,6 +21,7 @@ "@radix-ui/react-separator": "^1.1.0", "@radix-ui/react-slot": "^1.1.0", "@radix-ui/react-switch": "^1.1.0", + "@radix-ui/react-toggle": "^1.1.0", "@radix-ui/react-tooltip": "^1.1.2", "@types/node": "20.6.0", "@types/papaparse": "^5.3.14", @@ -50,6 +51,7 @@ "react": "^18.3.1", "react-dom": "^18.3.1", "react-dom-confetti": "^0.2.0", + "react-resizable-panels": "^2.1.2", "recharts": "^2.8.0", "scrambow": "^1.8.1", "sharp": "0.32.6", @@ -1298,6 +1300,31 @@ } } }, + "node_modules/@radix-ui/react-toggle": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.0.tgz", + "integrity": "sha512-gwoxaKZ0oJ4vIgzsfESBuSgJNdc0rv12VhHgcqN0TEJmmZixXG/2XpsLK8kzNWYcnaoRIEEQc0bEi3dIvdUpjw==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.0", + "@radix-ui/react-primitive": "2.0.0", + "@radix-ui/react-use-controllable-state": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, "node_modules/@radix-ui/react-tooltip": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.2.tgz", @@ -5346,6 +5373,16 @@ } } }, + "node_modules/react-resizable-panels": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-2.1.2.tgz", + "integrity": "sha512-Ku2Bo7JvE8RpHhl4X1uhkdeT9auPBoxAOlGTqomDUUrBAX2mVGuHYZTcWvlnJSgx0QyHIxHECgGB5XVPUbUOkQ==", + "license": "MIT", + "peerDependencies": { + "react": "^16.14.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0" + } + }, "node_modules/react-resize-detector": { "version": "8.1.0", "resolved": "https://registry.npmjs.org/react-resize-detector/-/react-resize-detector-8.1.0.tgz", diff --git a/package.json b/package.json index 3296e210..3e4599f7 100644 --- a/package.json +++ b/package.json @@ -24,6 +24,7 @@ "@radix-ui/react-separator": "^1.1.0", "@radix-ui/react-slot": "^1.1.0", "@radix-ui/react-switch": "^1.1.0", + "@radix-ui/react-toggle": "^1.1.0", "@radix-ui/react-tooltip": "^1.1.2", "@types/node": "20.6.0", "@types/papaparse": "^5.3.14", @@ -53,6 +54,7 @@ "react": "^18.3.1", "react-dom": "^18.3.1", "react-dom-confetti": "^0.2.0", + "react-resizable-panels": "^2.1.2", "recharts": "^2.8.0", "scrambow": "^1.8.1", "sharp": "0.32.6", diff --git a/src/FAKE_SESSION.ts b/src/FAKE_SESSION.ts new file mode 100644 index 00000000..14f6de12 --- /dev/null +++ b/src/FAKE_SESSION.ts @@ -0,0 +1,694 @@ +import { Solve } from "@/interfaces/Solve"; + +export const FAKE_SESSION: Solve[] = [ + { + id: "986b4374-a791-4c93-b394-68cf7a7da9ce", + startTime: 1718671570125, + endTime: 1718671584679, + scramble: "F2 D B2 D' R2 F2 L' B' R2 U2 F2 R' D2 F2 L' U2 R' F2 B2 R ", + bookmark: false, + time: 14553, + dnf: false, + plus2: false, + rating: 67, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "2fcd9e73-620d-40d1-9845-5f7908fd0119", + startTime: 1718671604236, + endTime: 1718671617958, + scramble: "D2 R2 D2 L2 F' R2 F D2 U2 B D2 F L' B R2 D2 R U F2 U' F' ", + bookmark: false, + time: 13718, + dnf: false, + plus2: false, + rating: 76, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "2a677145-dcd3-4a41-a53e-dde9584bd418", + startTime: 1719150613308, + endTime: 1719150625185, + scramble: "B2 L' F2 L B2 R' F2 R F2 D2 L2 D2 F' U' B F' U2 F2 L2 U R2 ", + bookmark: false, + time: 11875, + dnf: false, + plus2: false, + rating: 69, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "7ea1f741-8a3e-43fb-b742-05f38764af72", + startTime: 1719150653421, + endTime: 1719150667531, + scramble: + "L2 U' L2 B2 U' B2 F2 R2 D B2 U' B2 L' D R2 B R D' F2 U B' L2 ", + bookmark: false, + time: 14108, + dnf: false, + plus2: false, + rating: 73, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "b56c48fb-9299-4c7c-bbcd-37cf586d8830", + startTime: 1719150711340, + endTime: 1719150726394, + scramble: "U2 L B2 L D2 F2 R F2 R' B2 R' U' B D' L2 B F2 L D2 F2 D' ", + bookmark: false, + time: 15054, + dnf: false, + plus2: false, + rating: 76, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "0cb63bb7-c82d-451b-8726-5a65db784347", + startTime: 1719150748376, + endTime: 1719150763836, + scramble: "R' F2 L F L F' U D' F L2 U F2 R2 F2 D' B2 L2 D L2 F2 D ", + bookmark: false, + time: 15459, + dnf: false, + plus2: false, + rating: 68, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "3bd0ec2f-c3f1-40b6-b411-1ecbc207e3ce", + startTime: 1719150780019, + endTime: 1719150796733, + scramble: "D2 R B' L D2 F' L2 F' R2 D2 F2 L2 D' B2 D B2 L2 U R2 ", + bookmark: false, + time: 16711, + dnf: false, + plus2: false, + rating: 73, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "3fc1b2cb-23d2-4405-b670-fd912f53c130", + startTime: 1719181975832, + endTime: 1719181991195, + scramble: + "F2 D' B2 L2 U' R2 U B2 L2 F2 R2 D2 L' F' L R' F2 L2 U B2 R2 D' ", + bookmark: false, + time: 15361, + dnf: false, + plus2: false, + rating: 80, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "a9c8d0e1-bb33-4e94-9c5b-e71c8fad3941", + startTime: 1719771948618, + endTime: 1719771963336, + scramble: + "B2 U2 L' D F2 R' L B' U R B2 L2 F2 D' F2 U R2 U2 L2 F2 D2 F2 ", + bookmark: false, + time: 14712, + dnf: false, + plus2: false, + rating: 84, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "91272bf3-d2f2-4a22-a661-3d3dcf8ab001", + startTime: 1719771986337, + endTime: 1719772001364, + scramble: + "B2 L F2 D2 L F2 D2 L' B2 L B2 R D' L2 U2 R' U' B F L' F2 R2 ", + bookmark: false, + time: 15026, + dnf: false, + plus2: false, + rating: 74, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "3967db59-43c5-410c-96cc-c5ad8e6887f3", + startTime: 1719772060089, + endTime: 1719772076563, + scramble: "F' L2 B2 R2 F U2 R2 F' R2 F D2 F L' U' B' D L' D R U2 R' ", + bookmark: false, + time: 16471, + dnf: false, + plus2: false, + rating: 76, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "6f28c032-893e-477a-b8e1-0876a78fb385", + startTime: 1722627790298, + endTime: 1722627803012, + scramble: + "U F R F2 B R D' R2 L' B' L2 U' D' F2 R2 D2 B2 L2 D B2 D L2 ", + bookmark: false, + time: 12712, + dnf: false, + plus2: false, + rating: 76, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "0f9ed47c-0479-4c3b-9aa0-3fca3281e76a", + startTime: 1722627833027, + endTime: 1722627847137, + scramble: "U2 F2 L2 D2 U2 B L2 R2 U2 R2 U2 B L' U L' B' L' B F2 D' U' ", + bookmark: false, + time: 14107, + dnf: false, + plus2: false, + rating: 78, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "5468f3ea-eff0-4661-86e2-0bf3883d3bfa", + startTime: 1722864719512, + endTime: 1722864731439, + scramble: "B2 R F D' F2 U R F' R2 D2 F R2 F L2 B' U2 B2 R2 L2 ", + bookmark: false, + time: 11925, + dnf: false, + plus2: false, + rating: 59, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "3b4a8b96-eaed-4d9e-9af2-cf80607336d9", + startTime: 1722864757065, + endTime: 1722864770612, + scramble: + "R2 D2 R2 D U2 L2 B2 R2 F2 R2 D2 U' R' D2 U F D' U B2 L D2 R' ", + bookmark: false, + time: 13547, + dnf: false, + plus2: false, + rating: 73, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "d0f9f239-e12b-4718-be9e-ae482ede620f", + startTime: 1722864801375, + endTime: 1722864813141, + scramble: + "U2 B2 R2 B2 R2 D2 R2 U B2 F2 D L2 F D R2 F L' B' D U F R2 ", + bookmark: false, + time: 11763, + dnf: false, + plus2: false, + rating: 71, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "0eb22dd7-70c8-4f13-be38-55cd2958de3c", + startTime: 1722864853841, + endTime: 1722864867882, + scramble: + "D' R2 U F2 D U B2 U' R2 F2 L2 U' B' R' B2 R2 B R B' F' L' U2 ", + bookmark: false, + time: 14041, + dnf: false, + plus2: false, + rating: 66, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "81b1556d-693b-4e8e-adb0-882806061127", + startTime: 1722864888829, + endTime: 1722864902106, + scramble: "R' D' F' L B' U' F' U R' B' D L2 F2 L2 U D B2 D L2 D' F2 ", + bookmark: false, + time: 13273, + dnf: false, + plus2: false, + rating: 63, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "8bad3995-40f5-4973-b07a-7f851fdeb700", + startTime: 1722864963689, + endTime: 1722864977033, + scramble: "R' F B2 D F' U' R D2 B' R2 U2 F2 R2 F2 D' L2 D' B2 D2 L2 U ", + bookmark: false, + time: 13342, + dnf: false, + plus2: false, + rating: 76, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "719ccca1-87b4-4845-9147-6485bc98e2aa", + startTime: 1722864998947, + endTime: 1722865011234, + scramble: + "F R2 U2 B R2 F' D2 U2 L2 D2 B2 F D R U' L R D' F' U2 B2 D' ", + bookmark: false, + time: 12286, + dnf: false, + plus2: false, + rating: 83, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "d50eb126-df6b-429b-8d22-aeae8fc5e338", + startTime: 1722865141444, + endTime: 1722865153416, + scramble: "L2 D' B R2 L B D' F R D2 L2 U2 R2 B2 D2 B' D2 B' D2 ", + bookmark: false, + time: 11970, + dnf: false, + plus2: false, + rating: 62, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "0ed9e607-7b08-4633-9d74-b5bd338d1d3b", + startTime: 1722865178644, + endTime: 1722865191465, + scramble: "L F2 B L' B2 D L' B' U' L2 U2 B2 D R2 B2 U' B2 U' B2 U ", + bookmark: false, + time: 12819, + dnf: false, + plus2: false, + rating: 72, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "73d59437-d26b-4943-8f9b-3e251e52cd7e", + startTime: 1722865219663, + endTime: 1722865233024, + scramble: "F2 L2 R2 U2 F2 D' F2 U R2 B2 D2 R2 B' L' F2 U' F' L2 U2 B' D' ", + bookmark: false, + time: 13358, + dnf: false, + plus2: false, + rating: 80, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "4f743825-aa8d-45b5-b75a-088001182002", + startTime: 1722865254831, + endTime: 1722865265762, + scramble: "B2 U' B2 U L2 U2 L2 U2 B2 U' B2 U' L' B' U' F' U L D' R2 U2 ", + bookmark: false, + time: 10930, + dnf: false, + plus2: false, + rating: 64, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "9e8c71f3-af41-4bad-93f0-6ae9fa3f8b3a", + startTime: 1722865287654, + endTime: 1722865301157, + scramble: + "R2 D R2 U' B2 R2 D B2 D R2 U F2 R' B R2 B D R F' U B2 D ", + bookmark: false, + time: 13500, + dnf: false, + plus2: false, + rating: 81, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "e56717b7-77b7-49ee-8882-7c69b0f99923", + startTime: 1722865320376, + endTime: 1722865333984, + scramble: "R D2 L2 B D2 L U F' R' B U F2 U' F2 R2 U' R2 L2 F2 D2 F2 ", + bookmark: false, + time: 13607, + dnf: false, + plus2: false, + rating: 72, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "1206db45-b432-40ec-8729-6fb04eeb920d", + startTime: 1722865356236, + endTime: 1722865370053, + scramble: "L' D' L B U' F' U R D L2 U B2 R2 U' R2 D2 F2 R2 D B2 ", + bookmark: false, + time: 13814, + dnf: false, + plus2: false, + rating: 68, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "586391c3-a8d8-44fe-b1cc-ff60c3140686", + startTime: 1722865446554, + endTime: 1722865461339, + scramble: "B D2 F U' L B R U' F U F2 B2 U R2 L2 D F2 D2 R2 F2 R2 ", + bookmark: false, + time: 14781, + dnf: false, + plus2: false, + rating: 76, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "4ad5a229-6aae-44fe-aee2-b3bc1c3af964", + startTime: 1722865533632, + endTime: 1722865547246, + scramble: + "L2 R2 U2 F2 L2 D L2 U F2 L2 R2 U2 R' F' D' B L' F D F2 U L' ", + bookmark: false, + time: 13614, + dnf: false, + plus2: false, + rating: 66, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "62b4074c-74a3-4697-b9ee-5c4c5c08e218", + startTime: 1722865568064, + endTime: 1722865581560, + scramble: "D2 U2 F' U2 F L2 R2 B L2 D2 U2 F' R' B U L R2 D' R2 U2 F ", + bookmark: false, + time: 13494, + dnf: false, + plus2: false, + rating: 74, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "12a4675d-7a14-4ea4-af5f-a5ec4235f23d", + startTime: 1722865601719, + endTime: 1722865615176, + scramble: "R U2 L' B2 F2 D2 L U2 R' D2 L' F U2 R2 U B' R2 F' R2 F ", + bookmark: false, + time: 13454, + dnf: false, + plus2: false, + rating: 67, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "b6346329-8300-41eb-b7b0-73f53dd7c736", + startTime: 1722865645242, + endTime: 1722865658422, + scramble: "B' L B' R' B2 U' L D2 L' F2 U2 B' R2 B L2 B' U2 F' U2 F2 D2 ", + bookmark: false, + time: 13179, + dnf: false, + plus2: false, + rating: 68, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "414b9227-3f6e-4514-9cab-7756fb377069", + startTime: 1722865681287, + endTime: 1722865696516, + scramble: "U' B2 L2 U' L2 D2 B2 R2 D2 R2 D R B L' B' F' L' F2 D R2 B' ", + bookmark: false, + time: 15226, + dnf: false, + plus2: false, + rating: 81, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "426b0346-c2a2-43c9-ab61-d8884b3610d3", + startTime: 1722865717395, + endTime: 1722865732608, + scramble: "D2 R F2 L2 B U2 R2 F2 R B2 U R2 U' F2 U2 B2 L2 U' F2 U2 R2 ", + bookmark: false, + time: 15210, + dnf: false, + plus2: false, + rating: 75, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "f430d5fb-ab27-4e91-95ce-b28800890651", + startTime: 1722865750478, + endTime: 1722865763546, + scramble: "D' U2 B2 R2 U R2 U2 R2 B2 R2 B2 U' R U' R' F R' U F2 R B' ", + bookmark: false, + time: 13065, + dnf: false, + plus2: false, + rating: 82, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "aa1f07d4-154f-4a0e-ba1d-16c76542c782", + startTime: 1722865780673, + endTime: 1722865791648, + scramble: "D2 B R2 F D2 B R2 B2 U2 B' R2 B U' R B2 U F U' F' D B ", + bookmark: false, + time: 10973, + dnf: false, + plus2: false, + rating: 74, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "c868c582-23bc-451a-9270-cd9993d2732e", + startTime: 1722865819397, + endTime: 1722865830351, + scramble: "B2 D2 L' U2 L' D2 L F2 D2 U2 L2 F2 D L' R D' B D R2 F R2 ", + bookmark: false, + time: 10950, + dnf: false, + plus2: false, + rating: 71, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "1d89fc0a-60cf-4839-ac65-83911c9384d9", + startTime: 1722865848889, + endTime: 1722865862840, + scramble: "F2 R2 U' R2 B2 D' R2 D2 L2 F2 D L' U2 R' F' D U L U R' F2 ", + bookmark: false, + time: 13950, + dnf: false, + plus2: false, + rating: 78, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "e400da82-e409-43de-8bd3-c947b8fc09d2", + startTime: 1725060679529, + endTime: 1725060690942, + scramble: + "U2 R2 D2 L2 U' L2 F2 D L2 F2 D R2 F U' L D2 B2 F R U R F' ", + bookmark: false, + time: 11412, + dnf: false, + plus2: false, + rating: 76, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "37a05e2b-fefb-4a7b-b9f8-3a50c8c0c11c", + startTime: 1725060717826, + endTime: 1725060732612, + scramble: "R U2 L2 D2 B2 L2 B2 R D2 R' D2 R D' F L' F2 R' D U F ", + bookmark: false, + time: 14782, + dnf: false, + plus2: false, + rating: 74, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "60c47568-2985-4d51-b821-b2caca7cbf2d", + startTime: 1725060751690, + endTime: 1725060764944, + scramble: "D2 B' R2 B' L2 U2 B2 L2 U2 B' D2 F' R F' D2 B U L' B R' D2 ", + bookmark: false, + time: 13253, + dnf: false, + plus2: false, + rating: 81, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "076582dc-cd5b-4e25-ab77-b42d0363bf24", + startTime: 1725060791608, + endTime: 1725060806933, + scramble: + "B2 U B2 F2 U2 B2 U L2 U' R2 D B2 L U2 B' D U R' B F2 U2 F2 ", + bookmark: false, + time: 15320, + dnf: false, + plus2: false, + rating: 67, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "9c5ce1cf-26c6-4c47-939b-1420fc88a8c9", + startTime: 1725237430149, + endTime: 1725237443202, + scramble: "B D R' U2 L' B2 R' D B R2 F2 U2 F' R2 L2 U2 B' R2 B L2 ", + bookmark: false, + time: 13050, + dnf: false, + plus2: false, + rating: 69, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "6a0ad69f-ace8-4426-91c8-b049366f21fe", + startTime: 1725237466353, + endTime: 1725237479316, + scramble: "U2 B L2 R2 F2 U2 B' U2 R2 B L2 D' R B R' F U2 F' R D2 ", + bookmark: false, + time: 12960, + dnf: false, + plus2: false, + rating: 78, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "2056e114-e4ff-403c-b840-b60efbd1c794", + startTime: 1725237500150, + endTime: 1725237513743, + scramble: "D2 L2 B F2 U2 F' U2 F' L2 B U2 L2 U' L R' F' R' B' L2 D2 U' ", + bookmark: false, + time: 13589, + dnf: false, + plus2: false, + rating: 77, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "1e8c5874-0941-4b74-b7a2-90630718f844", + startTime: 1725237640264, + endTime: 1725237654171, + scramble: "L2 R2 D2 F U2 F L2 B' L2 D2 B F' L R' F2 D' B' D' R2 U' F ", + bookmark: false, + time: 13904, + dnf: false, + plus2: false, + rating: 81, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "a3e876cc-7cf4-424f-abac-ad8d120f34ac", + startTime: 1725237688642, + endTime: 1725237703922, + scramble: "F2 L2 D2 U2 B' R2 F L2 F D2 U2 B2 D U2 F L2 R2 F' R' D' L' ", + bookmark: false, + time: 15277, + dnf: false, + plus2: false, + rating: 63, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "7f60b2b5-3bb3-41e8-a563-ae3f916b1be2", + startTime: 1725237727816, + endTime: 1725237743208, + scramble: "F' L U' R L' F R2 U' F' U2 L2 B2 D2 B R2 L2 F R2 F' D2 ", + bookmark: false, + time: 15391, + dnf: false, + plus2: false, + rating: 63, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "7dfc2b71-2ceb-45a7-9562-0efa77c0c034", + startTime: 1725237764514, + endTime: 1725237780063, + scramble: "B' R2 B L2 B L2 U2 B2 F' R2 U2 F' R' D2 U L B F2 R' D F' ", + bookmark: false, + time: 15547, + dnf: false, + plus2: false, + rating: 69, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "5c2d3274-14d5-4681-89fb-b4af686a1499", + startTime: 1725237799888, + endTime: 1725237814379, + scramble: "B2 R' F2 D R' U2 F B R D' F2 L2 U B2 D2 R2 U L2 U L2 F2 ", + bookmark: false, + time: 14488, + dnf: false, + plus2: false, + rating: 80, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "428fa8de-f99c-4ac4-a4fa-93d90fb2a014", + startTime: 1725237838587, + endTime: 1725237849343, + scramble: "R B2 U2 R' U2 R U2 R' F2 R B2 L' B D2 L D2 R' F' R2 U ", + bookmark: false, + time: 10756, + dnf: false, + plus2: false, + rating: 76, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, + { + id: "9e657b64-88eb-4b24-be05-b3b677789529", + startTime: 1725237867793, + endTime: 1725237880395, + scramble: + "L2 R2 D' F2 U2 R2 D2 R2 B2 U2 F2 U' R B L' U' R U2 B' D2 U' F2 ", + bookmark: false, + time: 12600, + dnf: false, + plus2: false, + rating: 70, + cubeId: "c3cf8415-f57c-425a-90d9-76623279c6ee", + comment: "", + }, +]; diff --git a/src/app/[locale]/solves-experimental/page.tsx b/src/app/[locale]/solves-experimental/page.tsx new file mode 100644 index 00000000..79770fa6 --- /dev/null +++ b/src/app/[locale]/solves-experimental/page.tsx @@ -0,0 +1,92 @@ +"use client"; + +import { Button } from "@/components/ui/button"; +import { Card } from "@/components/ui/card"; +import { Input } from "@/components/ui/input"; +import { + BarsArrowDownIcon, + ChevronDoubleDownIcon, + Cog6ToothIcon, + EllipsisHorizontalIcon, + LockClosedIcon, + LockOpenIcon, + PlayIcon, + PlusIcon, + StopIcon, +} from "@heroicons/react/24/solid"; +import { Dialog } from "@/components/ui/dialog"; +import { + Table, + TableBody, + TableCell, + TableHead, + TableHeader, + TableRow, +} from "@/components/ui/table"; +import { useCubes } from "@/hooks/useCubes"; +import EmptyCubes from "@/components/cubes/EmptyCubes"; +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuItem, + DropdownMenuTrigger, +} from "@/components/ui/dropdown-menu"; +import { DateTime } from "luxon"; +import { useLocale, useTranslations } from "next-intl"; +import { Checkbox } from "@/components/ui/checkbox"; +import { Drawer, DrawerTrigger } from "@/components/ui/drawer"; +import DialogDeleteCollection from "@/components/dialogs/dialog-delete-collection/dialog-delete-collection"; +import DrawerCreateCollection from "@/components/drawners/drawner-create-collection/drawner-create-collection"; +import { useDialogCubesOptions } from "@/store/DialogCubesOptions"; +import DialogEditCollection from "@/components/dialogs/dialog-edit-collection/dialog-edit-collection"; +import { useState } from "react"; +import MainCubeSelector from "@/components/MainCubeSelector"; +import { Toggle } from "@/components/ui/toggle"; +import { SolvesArea } from "@/components/solves/SolvesArea"; +import { FAKE_SESSION } from "@/FAKE_SESSION"; + +export default function Page() { + const { isOpen, type, openDialogType, closeDialog } = useDialogCubesOptions(); + const locale = useLocale(); + const t = useTranslations("Index"); + return ( + <> + {/* container */} +
+ {/* header */} + +

Solves

+ +
+ + + + Session + + + + Options + +
+ + + + {/* dialogs */} + + + + + + +
+ + ); +} diff --git a/src/app/[locale]/solves/page.tsx b/src/app/[locale]/solves/page.tsx index b96def59..335b48eb 100644 --- a/src/app/[locale]/solves/page.tsx +++ b/src/app/[locale]/solves/page.tsx @@ -1,6 +1,6 @@ "use client"; import { Button } from "@/components/button/index"; -import Select from "@/components/Select"; +import MainCubeSelector from "@/components/MainCubeSelector"; import ModalSolve from "@/components/solves/ModalSolve"; import { OverallContainer } from "@/components/OverallContainer"; import { OverallHeader } from "@/components/OverallHeader"; @@ -81,7 +81,7 @@ export default function SolvesPage() { <> - + + + + + {cubes + ?.sort((a: any, b: any) => a.category.localeCompare(b.category)) + .map((cube) => { + return ( + +
+ {(() => { + const foundCube = cubeCollection.find( + (i) => i.name === cube.category + ); + if (foundCube) { + return ( + {foundCube.name} + ); + } + return null; + })()} + +

{cube.name}

+
+ + ); + })} + + + + ); +} diff --git a/src/components/Select.tsx b/src/components/Select.tsx deleted file mode 100644 index 30898726..00000000 --- a/src/components/Select.tsx +++ /dev/null @@ -1,194 +0,0 @@ -import { useRef, useState } from "react"; -import Image from "next/image"; -import { Categories } from "@/interfaces/Categories"; -import { cubeCollection } from "@/lib/const/cubeCollection"; -import genId from "@/lib/genId"; -import { useTimerStore } from "@/store/timerStore"; -import { useCubesModalStore } from "@/store/CubesModalStore"; -import useClickOutside from "@/hooks/useClickOutside"; -import { AnimatePresence, motion } from "framer-motion"; -import { useBackgroundImageStore } from "@/store/BackgroundThemeStore"; -import { Cube } from "@/interfaces/Cube"; -import { useTranslations } from "next-intl"; -import { ChevronUpDownIcon, PlusIcon } from "@heroicons/react/24/solid"; -import { Link } from "@/i18n/routing"; - -export default function Select() { - const [open, setOpen] = useState(false); - const { selectedCube, cubes } = useTimerStore(); - const componentRef = useRef(null); - const { backgroundImage } = useBackgroundImageStore(); - const t = useTranslations("Index.Inputs"); - const handleClose = () => { - setOpen(false); - }; - - useClickOutside(componentRef, handleClose); - - return ( - <> -
- - - {open === true ? ( - - {/* Favorites */} - - {cubes?.map((cube) => { - if (cube.favorite) { - return ( - - ) : null} - -
- - ); -} - -export function MiniatureIcon({ category }: { category: Categories }) { - const images = cubeCollection.map((option) => { - if (option.name === category) { - return ( - {option.name} - ); - } else { - return null; - } - }); - - return <>{images}; -} - -function Option({ - name, - category, - cubeId, - handleClose, -}: { - name: string; - category: Categories; - cubeId: string; - handleClose: () => void; -}) { - const { - selectedCube, - setSelectedCube, - setNewScramble, - setLastSolve, - cubes, - setTimerStatistics, - } = useTimerStore(); - - return ( -
{ - if (setSelectedCube && setNewScramble) { - const selectCube = cubes?.find((cube: Cube) => cube.id === cubeId); - if (!selectCube) return; - setSelectedCube(selectCube); - setTimerStatistics(); - setNewScramble(selectCube); - setLastSolve(null); - } - handleClose(); - }} - className={`cursor-pointer transition duration-200 p-1 select-none rounded-md ps-2 flex items-center justify-between overflow-hidden ${ - selectedCube?.id === cubeId - ? `light:bg-neutral-700 light:text-neutral-200 dark:bg-zinc-500 dark:text-neutral-50` - : "light:bg-transparent light:text-neutral-900 light:hover:bg-neutral-500 light:hover:text-neutral-100 dark:bg-transparent dark:hover:bg-zinc-700 dark:text-neutral-50" - }`} - > -
- -
{name}
-
-
- ); -} - -function LabelSection({ description }: { description: string }) { - return ( -
- {description} -
- ); -} - -function AddCubeOption() { - const { setModalOpen } = useCubesModalStore(); - const t = useTranslations("Index.Inputs"); - - return ( -
- setModalOpen(true)}> -
- -
{t("add-cube")}
-
- -
- ); -} diff --git a/src/components/menu-settings/MenuSelectDefaultStartCube.tsx b/src/components/menu-settings/MenuSelectDefaultStartCube.tsx index b4fc35d5..08ed4a86 100644 --- a/src/components/menu-settings/MenuSelectDefaultStartCube.tsx +++ b/src/components/menu-settings/MenuSelectDefaultStartCube.tsx @@ -3,7 +3,6 @@ import { useRef, useState } from "react"; import { useSettingsModalStore } from "@/store/SettingsModalStore"; import useClickOutside from "@/hooks/useClickOutside"; import { useTimerStore } from "@/store/timerStore"; -import { MiniatureIcon } from "../Select"; import { AnimatePresence, motion } from "framer-motion"; import loadSettings from "@/lib/loadSettings"; import { Cube } from "@/interfaces/Cube"; @@ -47,7 +46,6 @@ export default function MenuSelectDefaultStartCube() { }`} >
- {defaultCube && }
{defaultCube ? defaultCube.name : t("Inputs.none")}
@@ -83,7 +81,6 @@ export default function MenuSelectDefaultStartCube() { }`} >
-
{cube.name}
diff --git a/src/components/timer/HeaderTimer.tsx b/src/components/timer/HeaderTimer.tsx index b924bd26..f958536d 100644 --- a/src/components/timer/HeaderTimer.tsx +++ b/src/components/timer/HeaderTimer.tsx @@ -1,4 +1,4 @@ -import Select from "../Select"; +import MainCubeSelector from "../MainCubeSelector"; import { useSettingsModalStore } from "@/store/SettingsModalStore"; import { useTimerStore } from "@/store/timerStore"; import { InteractiveIcon } from "./InteractiveIcon"; @@ -33,7 +33,7 @@ export default function HeaderTimer() { /> -