Fix broken components

client/src/pages/presentationEditor/components/BackgroundImageSelect.tsx

@@ -9,7 +9,7 @@ import {
   ImportedImage,
   SettingsList,
   ImageNameText,
-  BackgroundImageTextContainer,
+  ImageTextContainer,
 } from './styled'
 import CloseIcon from '@material-ui/icons/Close'
 import axios from 'axios'
@@ -105,10 +105,10 @@ const BackgroundImageSelect = ({ variant }: BackgroundImageSelectProps) => {
       {backgroundImage && (
         <>
           <ListItem divider>
-            <BackgroundImageTextContainer>
+            <ImageTextContainer>
               <ListItemText>Bakgrundsbild</ListItemText>
               <Typography variant="body2">(Bilden bör ha sidförhållande 16:9)</Typography>
-            </BackgroundImageTextContainer>
+            </ImageTextContainer>
           </ListItem>
           <ListItem divider button>
             <ImportedImage src={`/static/images/thumbnail_${backgroundImage.filename}`} />

client/src/pages/presentationEditor/components/RndComponent.tsx

@@ -119,6 +119,7 @@ const RndComponent = ({ component, width, height, scale }: RndComponentProps) =>
           w: ref.offsetWidth / scale,
           h: ref.offsetHeight / scale,
         })
+        setCurrentPos({ x: position.x / scale, y: position.y / scale })
       }}
     >
       {hover && (

client/src/pages/presentationEditor/components/styled.tsx

@@ -72,7 +72,7 @@ export const Center = styled.div`
   width: 100%;
 `
 
-export const BackgroundImageTextContainer = styled.div`
+export const ImageTextContainer = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;