prettier

Author: kjerandp

src/components/Grids/Grid/Grid.tsx

@@ -568,21 +568,21 @@ export const Grid = ({
           args={
             side === 'back'
               ? [
-                size[0] / 2,
-                size[0] / -2,
-                size[1] / 2,
-                size[1] / -2,
-                1,
-                projectionDistance,
-              ]
+                  size[0] / 2,
+                  size[0] / -2,
+                  size[1] / 2,
+                  size[1] / -2,
+                  1,
+                  projectionDistance,
+                ]
               : [
-                size[0] / -2,
-                size[0] / 2,
-                size[1] / 2,
-                size[1] / -2,
-                1,
-                projectionDistance,
-              ]
+                  size[0] / -2,
+                  size[0] / 2,
+                  size[1] / 2,
+                  size[1] / -2,
+                  1,
+                  projectionDistance,
+                ]
           }
           rotation-y={side === 'back' ? 0 : Math.PI}
         />

src/components/Symbol/Symbol.tsx

@@ -139,7 +139,7 @@ export const Symbols = forwardRef<Group, SymbolProps>(
       onPointerMove,
     ]);
 
-    useEffect(() => { }, []);
+    useEffect(() => {}, []);
 
     return (
       <group

src/components/Wellbores/BasicTrajectory/BasicTrajectory.tsx

@@ -10,7 +10,10 @@ import { useGenerator } from '../../../hooks/useGenerator';
 import { unpackBufferGeometry } from '../../../sdk/geometries/packing';
 
 import { extend } from '@react-three/fiber';
-import { CommonComponentProps, CustomMaterialProps } from '../../../common/types';
+import {
+  CommonComponentProps,
+  CustomMaterialProps,
+} from '../../../common/types';
 import { useWellboreContext } from '../../../hooks/useWellboreContext';
 import {
   basicTrajectory,
@@ -76,9 +79,9 @@ export const BasicTrajectory = ({
     return onMaterialPropertiesChange
       ? onMaterialPropertiesChange
       : (props: Record<string, any>, material: Material | Material[]) => {
-        const m = material as LineBasicMaterial;
-        m.color = new Color(props.color);
-      };
+          const m = material as LineBasicMaterial;
+          m.color = new Color(props.color);
+        };
   }, [onMaterialPropertiesChange]);
 
   const material = useMemo<Material | Material[]>(() => {

src/components/Wellbores/Casings/Casings.tsx

@@ -13,7 +13,10 @@ import {
   MeshStandardMaterial,
   Object3D,
 } from 'three';
-import { CommonComponentProps, CustomMaterialProps } from '../../../common/types';
+import {
+  CommonComponentProps,
+  CustomMaterialProps,
+} from '../../../common/types';
 import { useGenerator } from '../../../hooks/useGenerator';
 import { useWellboreContext } from '../../../hooks/useWellboreContext';
 import { unpackBufferGeometry } from '../../../sdk/geometries/packing';
@@ -138,10 +141,10 @@ export const Casings = forwardRef(
       return onMaterialPropertiesChange
         ? onMaterialPropertiesChange
         : (props: Record<string, any>, material: Material | Material[]) => {
-          const m = material as Material[];
-          m[1].opacity = props.opacity;
-          m[2].opacity = props.opacity;
-        };
+            const m = material as Material[];
+            m[1].opacity = props.opacity;
+            m[2].opacity = props.opacity;
+          };
     }, [onMaterialPropertiesChange]);
 
     useEffect(() => {

src/components/Wellbores/CompletionTools/CompletionTools.tsx

@@ -6,7 +6,10 @@ import {
   MeshStandardMaterial,
   Object3D,
 } from 'three';
-import { CommonComponentProps, CustomMaterialProps } from '../../../common/types';
+import {
+  CommonComponentProps,
+  CustomMaterialProps,
+} from '../../../common/types';
 import { useGenerator } from '../../../hooks/useGenerator';
 import { useWellboreContext } from '../../../hooks/useWellboreContext';
 import { unpackBufferGeometry } from '../../../sdk/geometries/packing';

src/components/Wellbores/Perforations/Perforations.tsx

@@ -16,7 +16,10 @@ import {
   ShaderMaterial,
   Uniform,
 } from 'three';
-import { CommonComponentProps, CustomMaterialProps } from '../../../common/types';
+import {
+  CommonComponentProps,
+  CustomMaterialProps,
+} from '../../../common/types';
 import { useGenerator } from '../../../hooks/useGenerator';
 import { useWellboreContext } from '../../../hooks/useWellboreContext';
 import { createLayers, LAYERS } from '../../../layers/layers';
@@ -118,11 +121,11 @@ export const Perforations = forwardRef(
       return onMaterialPropertiesChange
         ? onMaterialPropertiesChange
         : (props: Record<string, any>, material: Material | Material[]) => {
-          const m = material as ShaderMaterial;
-          m.uniforms.uTime.value = props.time;
-          m.uniforms.uRadius.value = props.baseRadius;
-          m.uniforms.uLength.value = props.length;
-        };
+            const m = material as ShaderMaterial;
+            m.uniforms.uTime.value = props.time;
+            m.uniforms.uRadius.value = props.baseRadius;
+            m.uniforms.uLength.value = props.length;
+          };
     }, [onMaterialPropertiesChange]);
 
     useEffect(() => {

src/components/Wellbores/Perimeter/Perimeter.tsx

@@ -9,7 +9,10 @@ import {
   ShaderMaterial,
   Uniform,
 } from 'three';
-import { CommonComponentProps, CustomMaterialProps } from '../../../common/types';
+import {
+  CommonComponentProps,
+  CustomMaterialProps,
+} from '../../../common/types';
 import { useGenerator } from '../../../hooks/useGenerator';
 import { useWellboreContext } from '../../../hooks/useWellboreContext';
 import { createLayers, LAYERS } from '../../../layers/layers';
@@ -109,31 +112,31 @@ export const Perimeter = ({
     return onMaterialPropertiesChange
       ? onMaterialPropertiesChange
       : (props: Record<string, any>, material: Material | Material[]) => {
-        const m = material as ShaderMaterial;
-        m.uniforms.uColor.value = new Color(props.color);
-        m.uniforms.uFrom.value = props.from;
-        m.uniforms.uTo.value = props.to;
-        m.uniforms.uOpacity.value = props.opacity;
-        m.uniforms.uTime.value = props.time;
-      };
+          const m = material as ShaderMaterial;
+          m.uniforms.uColor.value = new Color(props.color);
+          m.uniforms.uFrom.value = props.from;
+          m.uniforms.uTo.value = props.to;
+          m.uniforms.uOpacity.value = props.opacity;
+          m.uniforms.uTime.value = props.time;
+        };
   }, [onMaterialPropertiesChange]);
 
   const material = useMemo<Material | Material[]>(() => {
     const m = customMaterial
       ? customMaterial
       : new ShaderMaterial({
-        transparent: true,
-        side: DoubleSide,
-        vertexShader,
-        fragmentShader,
-        uniforms: {
-          uTime: new Uniform(0),
-          uFrom: new Uniform(0),
-          uTo: new Uniform(0),
-          uOpacity: new Uniform(0),
-          uColor: new Uniform(new Color('#56af3b')),
-        },
-      });
+          transparent: true,
+          side: DoubleSide,
+          vertexShader,
+          fragmentShader,
+          uniforms: {
+            uTime: new Uniform(0),
+            uFrom: new Uniform(0),
+            uTo: new Uniform(0),
+            uOpacity: new Uniform(0),
+            uColor: new Uniform(new Color('#56af3b')),
+          },
+        });
     return m;
   }, [customMaterial]);
 

src/components/Wellbores/TubeTrajectory/TubeTrajectory.tsx

@@ -1,6 +1,9 @@
 import { useEffect, useMemo, useState } from 'react';
 import { BufferGeometry, Color, Material } from 'three';
-import { CommonComponentProps, CustomMaterialProps } from '../../../common/types';
+import {
+  CommonComponentProps,
+  CustomMaterialProps,
+} from '../../../common/types';
 import { useGenerator } from '../../../hooks/useGenerator';
 import { useWellboreContext } from '../../../hooks/useWellboreContext';
 import { unpackBufferGeometry } from '../../../sdk/geometries/packing';
@@ -67,9 +70,9 @@ export const TubeTrajectory = ({
     return onMaterialPropertiesChange
       ? onMaterialPropertiesChange
       : (props: Record<string, any>, material: Material | Material[]) => {
-        const m = material as TubeMaterial;
-        m.color = new Color(props.color);
-      };
+          const m = material as TubeMaterial;
+          m.color = new Color(props.color);
+        };
   }, [onMaterialPropertiesChange]);
 
   const material = useMemo(() => {

src/components/Wellbores/WellboreSeismicSection/WellboreSeismicSection.stories.tsx

@@ -15,7 +15,9 @@ const meta = {
   component: Wellbore,
 } satisfies Meta<typeof Wellbore>;
 
-type StoryArgs = React.ComponentProps<typeof WellboreSeismicSection> & { id: string };
+type StoryArgs = React.ComponentProps<typeof WellboreSeismicSection> & {
+  id: string;
+};
 
 export default meta;
 type Story = StoryObj<StoryArgs>;