Merge pull request #8 from valentinpalkovic/feature/display-rendered-…

…image-in-correct-size feature: Add correct size to rendered image
zeplin · Jun 17, 2020 · 5c2725d · 5c2725d
2 parents d0a2b04 + d05642e
commit 5c2725d
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/ZeplinPanel.tsx b/src/components/ZeplinPanel.tsx
@@ -18,6 +18,8 @@ interface ZeplinPanelProps {
 interface ZeplinData {
     name: string;
     image: {
+        width: number;
+        height: number;
         original_url: string;
     };
     updated: number;
@@ -118,7 +120,7 @@ const ZeplinPanel: React.FC<ZeplinPanelProps> = ({ zeplinLink }) => {
 
     const {
         name,
-        image: { original_url },
+        image: { original_url, width, height },
         updated,
     } = zeplinData;
 
@@ -160,6 +162,8 @@ const ZeplinPanel: React.FC<ZeplinPanelProps> = ({ zeplinLink }) => {
                         style={{ transform: `scale(${zoomLevel})` }}
                         src={original_url}
                         alt={name}
+                        width={width}
+                        height={height}
                     />
                 </a>
             </ImageContainer>
@@ -209,5 +213,4 @@ const Message = styled.p`
 
 const Select = styled.select`
     margin-right: 15px;
-`;
-
+`;