diff --git a/packages/studio-ui/src/components/IFramePortal.tsx b/packages/studio-ui/src/components/IFramePortal.tsx index feadef983..204c4f169 100644 --- a/packages/studio-ui/src/components/IFramePortal.tsx +++ b/packages/studio-ui/src/components/IFramePortal.tsx @@ -1,10 +1,5 @@ import { createPortal } from "react-dom"; -import { - Dispatch, - PropsWithChildren, - SetStateAction, - useRef, -} from "react"; +import { Dispatch, PropsWithChildren, SetStateAction, useRef } from "react"; import useStudioStore from "../store/useStudioStore"; import { twMerge } from "tailwind-merge"; import useInjectUserStyles from "../hooks/useInjectUserStyles"; diff --git a/packages/studio-ui/src/hooks/useInjectUserStyles.tsx b/packages/studio-ui/src/hooks/useInjectUserStyles.tsx index 8ce0a47cb..fb35effc4 100644 --- a/packages/studio-ui/src/hooks/useInjectUserStyles.tsx +++ b/packages/studio-ui/src/hooks/useInjectUserStyles.tsx @@ -1,7 +1,9 @@ import { useEffect } from "react"; import useStudioStore from "../store/useStudioStore"; -export default function useInjectUserStyles(iframeDocument: Document | undefined) { +export default function useInjectUserStyles( + iframeDocument: Document | undefined +) { const [ componentTree, getComponentMetadata, @@ -49,10 +51,7 @@ function clearStylingFromIframe(iframeDocument: Document) { }); } -function injectStyleIntoIframe( - iframeDocument: Document, - filepath: string -) { +function injectStyleIntoIframe(iframeDocument: Document, filepath: string) { const originalStyletag = document.querySelector( `[studio-style-filepath='${filepath}']` ); @@ -60,4 +59,4 @@ function injectStyleIntoIframe( const iframeStyletag = originalStyletag.cloneNode(true); iframeDocument.head.appendChild(iframeStyletag); } -} \ No newline at end of file +} diff --git a/packages/studio-ui/src/hooks/useViewportOption.tsx b/packages/studio-ui/src/hooks/useViewportOption.tsx index b024bfefb..65ab41831 100644 --- a/packages/studio-ui/src/hooks/useViewportOption.tsx +++ b/packages/studio-ui/src/hooks/useViewportOption.tsx @@ -1,7 +1,7 @@ import { RefObject, useEffect, useState } from "react"; import { Viewport } from "../components/Viewport/defaults"; -export default function useViewportOption ( +export default function useViewportOption( viewport: Viewport, previewRef: RefObject ) { @@ -31,4 +31,4 @@ export default function useViewportOption ( }); return css; -}; +}