update readme shades & tints and tidy

lifeparticle · Nov 6, 2023 · eec1056 · eec1056
1 parent 259bd3f
commit eec1056
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/ui/src/pages/Colors/ShadesAndTints/components/ColorInputs.tsx b/ui/src/pages/Colors/ShadesAndTints/components/ColorInputs.tsx
@@ -85,6 +85,12 @@ const ColorInputs: React.FC<ColorInputsProps> = ({
 						type="number"
 						style={{ width: 90 }}
 					/>
+					<Form.Item>
+						<ResponsiveButton
+							icon={<Icon name="RefreshCcw" />}
+							onClick={() => setColor(generateRandomColor())}
+						/>
+					</Form.Item>
 
 					<ResponsiveSelectWithLabel
 						label="Output separator"
@@ -97,26 +103,19 @@ const ColorInputs: React.FC<ColorInputsProps> = ({
 					/>
 
 					<ResponsiveSegementWithLabel
+						label="Copy options"
 						value={order}
 						onChange={(value: string | number) =>
 							setOrder(value as string)
 						}
 						options={SEGMENTED_OPTIONS}
 					/>
-
 					<Form.Item>
 						<Clipboard
 							text={clipboardText}
 							clipboardComponent={ClipboardButton}
 						/>
 					</Form.Item>
-
-					<Form.Item>
-						<ResponsiveButton
-							icon={<Icon name="RefreshCcw" />}
-							onClick={() => setColor(generateRandomColor())}
-						/>
-					</Form.Item>
 				</Space>
 			</Form>
 		</Card>

diff --git a/ui/src/pages/Tools/Sorting/index.tsx b/ui/src/pages/Tools/Sorting/index.tsx
@@ -39,12 +39,9 @@ const Sorting: React.FC = () => {
 	const [dataType, setDataType] = useState("");
 
 	useEffect(() => {
-		const formattedStringArray = detection.parseData(input);
-		console.log(formattedStringArray);
 		detection.setData(input, true);
 		const dT = detection.detect();
-
-		const sortedData = sortData(formattedStringArray, order, dT);
+		const sortedData = sortData(detection.parseData(input), order, dT);
 		setOutput(sortedData.join(outputFormat.value));
 		setDataType(dT);
 	}, [input, order, outputFormat]);