From baca4dfc6c280fa6645a996fe52f72a0b4cabac8 Mon Sep 17 00:00:00 2001
From: Albin Henriksson <albhe428@student.liu.se>
Date: Wed, 28 Apr 2021 14:20:28 +0200
Subject: [PATCH] Fix broken components
---
.../presentationEditor/components/BackgroundImageSelect.tsx | 6 +++---
.../pages/presentationEditor/components/RndComponent.tsx | 1 +
client/src/pages/presentationEditor/components/styled.tsx | 2 +-
3 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/client/src/pages/presentationEditor/components/BackgroundImageSelect.tsx b/client/src/pages/presentationEditor/components/BackgroundImageSelect.tsx
index cfe10e38..14dbaa63 100644
--- a/client/src/pages/presentationEditor/components/BackgroundImageSelect.tsx
+++ b/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}`} />
diff --git a/client/src/pages/presentationEditor/components/RndComponent.tsx b/client/src/pages/presentationEditor/components/RndComponent.tsx
index 2fc36735..77ed5de3 100644
--- a/client/src/pages/presentationEditor/components/RndComponent.tsx
+++ b/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 && (
diff --git a/client/src/pages/presentationEditor/components/styled.tsx b/client/src/pages/presentationEditor/components/styled.tsx
index eba16600..605972d2 100644
--- a/client/src/pages/presentationEditor/components/styled.tsx
+++ b/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;
--
GitLab