diff --git a/app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx b/app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx index bfc4995..8fe7be0 100644 --- a/app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx +++ b/app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx @@ -1,7 +1,9 @@ - - let timeoutId = 0 -const DelayedPingAnimation = ({isLoading: isLoading}: {isLoading: boolean}) => { +const DelayedPingAnimation = ({ + isLoading: isLoading, +}: { + isLoading: boolean +}) => { const [showLoading, setShowLoading] = React.useState(false) React.useEffect(() => { if (!isLoading && showLoading) { @@ -18,11 +20,12 @@ const DelayedPingAnimation = ({isLoading: isLoading}: {isLoading: boolean}) => { } }, [isLoading]) - if (showLoading && isLoading) return ( -
-
-
- ) + if (showLoading && isLoading) + return ( +
+
+
+ ) return null } diff --git a/app/web/src/components/IdeViewer/IdeViewer.tsx b/app/web/src/components/IdeViewer/IdeViewer.tsx index 13d1db7..856496d 100644 --- a/app/web/src/components/IdeViewer/IdeViewer.tsx +++ b/app/web/src/components/IdeViewer/IdeViewer.tsx @@ -7,7 +7,7 @@ import { requestRender } from 'src/helpers/hooks/useIdeState' import texture from './dullFrontLitMetal.png' import { TextureLoader } from 'three/src/loaders/TextureLoader' import Customizer from 'src/components/Customizer/Customizer' - import DelayedPingAnimation from 'src/components/DelayedPingAnimation/DelayedPingAnimation' +import DelayedPingAnimation from 'src/components/DelayedPingAnimation/DelayedPingAnimation' const loader = new TextureLoader() const colorMap = loader.load(texture) diff --git a/app/web/src/helpers/cadPackages/jsCad/jsCadController.ts b/app/web/src/helpers/cadPackages/jsCad/jsCadController.ts index f0088da..0532f53 100644 --- a/app/web/src/helpers/cadPackages/jsCad/jsCadController.ts +++ b/app/web/src/helpers/cadPackages/jsCad/jsCadController.ts @@ -129,7 +129,11 @@ export const render: DefaultKernelExport['render'] = async ({ scriptWorker.postMessage({ action: 'init', baseURI, alias: [] }) } - if (parameters && currentParameters && JSON.stringify(parameters) !== JSON.stringify(currentParameters)) { + if ( + parameters && + currentParameters && + JSON.stringify(parameters) !== JSON.stringify(currentParameters) + ) { // we are not evaluating code, but reacting to parameters change scriptWorker.postMessage({ action: 'updateParams', diff --git a/app/web/src/helpers/cadPackages/jsCad/jscadParams.ts b/app/web/src/helpers/cadPackages/jsCad/jscadParams.ts index 503f9f1..d827983 100644 --- a/app/web/src/helpers/cadPackages/jsCad/jscadParams.ts +++ b/app/web/src/helpers/cadPackages/jsCad/jscadParams.ts @@ -160,7 +160,7 @@ export function genParams( if (inp.getAttribute('live') === '1') _callback('live') }) if (inp.getAttribute('live') !== '1') - inp.addEventListener('change', ()=>_callback('change')) + inp.addEventListener('change', () => _callback('change')) }) function groupClick(evt) { diff --git a/app/web/src/helpers/hooks/useIdeState.ts b/app/web/src/helpers/hooks/useIdeState.ts index bd157b1..da4084c 100644 --- a/app/web/src/helpers/hooks/useIdeState.ts +++ b/app/web/src/helpers/hooks/useIdeState.ts @@ -175,7 +175,11 @@ export const useIdeState = (): [State, (actionOrThunk: any) => any] => { case 'updateCode': return { ...state, code: payload } case 'healthyRender': - const currentParameters = (payload.currentParameters && Object.keys(payload.currentParameters).length) ? payload.currentParameters : state.currentParameters + const currentParameters = + payload.currentParameters && + Object.keys(payload.currentParameters).length + ? payload.currentParameters + : state.currentParameters return { ...state, objectData: {