Feature style (#627)

* initial

* style: style and remove Svg export

* tiny up

Co-authored-by: Steve Ruiz <steveruizok@gmail.com>

apps/www/components/MultiplayerEditor.tsx

@@ -1,19 +1,25 @@
-import * as React from 'react'
-import { Tldraw, useFileSystem } from '@tldraw/tldraw'
 import { createClient } from '@liveblocks/client'
 import { LiveblocksProvider, RoomProvider } from '@liveblocks/react'
+import { Tldraw, useFileSystem } from '@tldraw/tldraw'
 import { useAccountHandlers } from 'hooks/useAccountHandlers'
-import { styled } from 'styles'
-import { useMultiplayerState } from 'hooks/useMultiplayerState'
-import { exportToImage } from 'utils/export'
 import { useMultiplayerAssets } from 'hooks/useMultiplayerAssets'
+import { useMultiplayerState } from 'hooks/useMultiplayerState'
+import { FC } from 'react'
+import { styled } from 'styles'
+import { exportToImage } from 'utils/export'
 
 const client = createClient({
   publicApiKey: process.env.NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_API_KEY || '',
   throttle: 80,
 })
 
-export default function MultiplayerEditor({
+interface Props {
+  roomId: string
+  isUser: boolean
+  isSponsor: boolean
+}
+
+const MultiplayerEditor: FC<Props> = ({
   roomId,
   isUser = false,
   isSponsor = false,
@@ -21,7 +27,7 @@ export default function MultiplayerEditor({
   roomId: string
   isUser: boolean
   isSponsor: boolean
-}) {
+}) => {
   return (
     <LiveblocksProvider client={client}>
       <RoomProvider id={roomId}>
@@ -33,15 +39,7 @@ export default function MultiplayerEditor({
 
 // Inner Editor
 
-function Editor({
-  roomId,
-  isUser,
-  isSponsor,
-}: {
-  roomId: string
-  isUser: boolean
-  isSponsor: boolean
-}) {
+function Editor({ roomId, isUser, isSponsor }: Props) {
   const fileSystemEvents = useFileSystem()
   const { onSignIn, onSignOut } = useAccountHandlers()
   const { error, ...events } = useMultiplayerState(roomId)
@@ -68,6 +66,8 @@ function Editor({
   )
 }
 
+export default MultiplayerEditor
+
 const LoadingScreen = styled('div', {
   position: 'absolute',
   top: 0,