From 68baadc0b1f3f5d185b1e36b113de09c1672a5c7 Mon Sep 17 00:00:00 2001 From: Logan-Fouts Date: Sat, 18 May 2024 09:23:56 +0200 Subject: [PATCH] fix: linting --- Client/src/components/DetectionWheel.tsx | 297 ++---------------- Client/src/components/Trapazoid.tsx | 56 ++++ .../Layers/__pycache__/layers.cpython-312.pyc | Bin 9239 -> 9204 bytes .../Framework/Integration/Layers/layers.py | 8 +- 4 files changed, 79 insertions(+), 282 deletions(-) create mode 100644 Client/src/components/Trapazoid.tsx diff --git a/Client/src/components/DetectionWheel.tsx b/Client/src/components/DetectionWheel.tsx index de6e076..1b98bf0 100644 --- a/Client/src/components/DetectionWheel.tsx +++ b/Client/src/components/DetectionWheel.tsx @@ -1,5 +1,6 @@ import React, { useState } from "react"; import "./DetectionWheel.css"; +import Trapezoid from "./Trapazoid"; interface DetectionWheelProps { onDetectionSelect: (selected: number | null) => void; @@ -25,6 +26,17 @@ const DetectionWheel: React.FC = ({ return calculatedAngle; }; + const trapezoids = [ + { rotation: 0, number: 1, text: "Personal", color: "#00FF00" }, + { rotation: 45, number: 2, text: "Fin-Print", color: "#20DF00" }, + { rotation: 90, number: 3, text: "Copyright", color: "#40BF00" }, + { rotation: 135, number: 4, text: "Forensics", color: "#6F9000" }, + { rotation: 180, number: 5, text: "Security", color: "#936C00" }, + { rotation: 225, number: 6, text: "QC", color: "#B74800" }, + { rotation: 270, number: 7, text: "Archiving", color: "#DB2400" }, + { rotation: 315, number: 8, text: "Law", color: "#FF0000" }, + ]; + return ( = ({ d="M400 84L623.446 176.554L716 400L623.446 623.446L400 716L176.554 623.446L84 400L176.554 176.554L400 84Z" fill="#FCEFEF" /> - - numberClick(1)} - style={{ cursor: "pointer", transformOrigin: "center" }} - > - - - Personal - - - - - - numberClick(2)} - style={{ - cursor: "pointer", - transform: "rotate(45deg)", - transformOrigin: "center", - }} - > - - - Fin-Print - - - - - - numberClick(3)} - style={{ - cursor: "pointer", - transform: "rotate(90deg)", - transformOrigin: "center", - }} - > - - - Copyright - - - - - - numberClick(4)} - style={{ - cursor: "pointer", - transform: "rotate(135deg)", - transformOrigin: "center", - }} - > - - - Forensics - - - - - - numberClick(5)} - style={{ - cursor: "pointer", - transform: "rotate(180deg)", - transformOrigin: "center", - }} - > - - - Security - - - - - - numberClick(6)} - style={{ - cursor: "pointer", - transform: "rotate(225deg)", - transformOrigin: "center", - }} - > - - - QC - - - - - - numberClick(7)} - style={{ - cursor: "pointer", - transform: "rotate(270deg)", - transformOrigin: "center", - }} - > - - - Archiving - - - - - - numberClick(8)} - style={{ - cursor: "pointer", - transform: "rotate(315deg)", - transformOrigin: "center", - }} - > - - - Law - - - + {trapezoids.map((trapezoid, index) => ( + numberClick(trapezoid.number)} + /> + ))} ); }; diff --git a/Client/src/components/Trapazoid.tsx b/Client/src/components/Trapazoid.tsx new file mode 100644 index 0000000..9b4aa9d --- /dev/null +++ b/Client/src/components/Trapazoid.tsx @@ -0,0 +1,56 @@ +import React from "react"; + +interface TrapezoidProps { + rotation: number; + number: number; + text: string; + color: string; + onClick: () => void; +} + +const Trapezoid: React.FC = ({ + rotation, + number, + text, + color, + onClick, +}) => { + return ( + + + + + {text} + + + + ); +}; + +export default Trapezoid; diff --git a/Electron/Framework/Integration/Layers/__pycache__/layers.cpython-312.pyc b/Electron/Framework/Integration/Layers/__pycache__/layers.cpython-312.pyc index 9c9d6d66ebcca8be477669944fc4d3a8605be137..44089f700bf914893a15e4d8a5e9c0709a5398f0 100644 GIT binary patch delta 702 zcmbR4@x`6@G%qg~0}y0|c%&WJ$lD;z>cPUmFnw}AllbKQ(%k%vwM->UAO#?h#WHy# zhcF}iWZ} zdS`Cm z3?-bC9c4u(@0H;|7`8`-Z}KND;mKb)<&0`sN(5n6*RZ6pz)W&sh+WRW5Cb%~mbI1* z!&F|NsiLy1HLSB4<}$(b)Uso!v}HaSpE5M+ZD4r9 z!P}A1!+(Qc_&UGpC4SW#JVKAS`EQ78O)gZF+Z?0#n^8uU)rGN$2dK439!O|%6lH_h f&LE<2a