';
const properties = {
@@ -79,20 +80,12 @@ export function SVG(props: ISVGProps): JSX.Element {
};
let children: React.ReactNode | React.ReactNode[] = [];
- if (Array.isArray(props.children)) {
- children = props.children.map(child =>
- );
- } else if (props.children !== null) {
- children = ;
- }
+ children = ;
return (
@@ -123,7 +116,7 @@ export function SVG(props: ISVGProps): JSX.Element {
miniatureProps={{
position: 'left',
background: '#616264',
- width: window.innerWidth - 12 - BAR_WIDTH,
+ width: 120,
height: 120
}}
>
@@ -132,6 +125,7 @@ export function SVG(props: ISVGProps): JSX.Element {
{SHOW_DIMENSIONS_PER_DEPTH
?
: null}
+
{/* leave this at the end so it can be removed during the svg export */}
@@ -140,9 +134,8 @@ export function SVG(props: ISVGProps): JSX.Element {
);
}
-function UseFitOnce(svgViewer: React.RefObject): void {
+function UseFitOnce(svgViewer: React.RefObject, width: number, height: number): void {
React.useEffect(() => {
svgViewer?.current?.fitToViewer();
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, []);
+ }, [svgViewer, width, height]);
}
diff --git a/src/Components/Select/Select.tsx b/src/Components/Select/Select.tsx
index 2a9f51b..5add140 100644
--- a/src/Components/Select/Select.tsx
+++ b/src/Components/Select/Select.tsx
@@ -37,7 +37,7 @@ export function Select(props: ISelectProps): JSX.Element {
<>
diff --git a/src/Components/ToggleButton/ToggleButton.tsx b/src/Components/ToggleButton/ToggleButton.tsx
index 37438ed..4bcab7b 100644
--- a/src/Components/ToggleButton/ToggleButton.tsx
+++ b/src/Components/ToggleButton/ToggleButton.tsx
@@ -2,51 +2,52 @@ import React from 'react';
import './ToggleButton.scss';
interface IToggleButtonProps {
- id: string
- text: string
+ labelKey?: string
+ labelText: string
+ inputKey: string
+ labelClassName: string
+ inputClassName: string
type?: ToggleType
- title: string
checked: boolean
onChange: React.ChangeEventHandler
}
export enum ToggleType {
Material,
- IOS
+ Full
}
export function ToggleButton(props: IToggleButtonProps): JSX.Element {
- const id = `toggle-${props.id}`;
const type = props.type ?? ToggleType.Material;
let classLine = 'line w-10 h-4 bg-gray-400 rounded-full shadow-inner';
let classDot = 'dot absolute w-6 h-6 bg-white rounded-full shadow -left-1 -top-1 transition';
- if (type === ToggleType.IOS) {
- classLine = 'line block bg-gray-600 w-14 h-8 rounded-full';
- classDot = 'dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition';
+ if (type === ToggleType.Full) {
+ classLine = 'line block bg-gray-600 w-12 h-7 rounded-full';
+ classDot = 'dot absolute left-1 top-1 bg-white w-5 h-5 rounded-full transition';
}
- return (
-
-
-
-
-