From e6d5b39b438abcbecb61ec0e8a612928a2ed6afb Mon Sep 17 00:00:00 2001
From: Mark Bouslog <mark@zooniverse.org>
Date: Wed, 29 Jan 2025 10:00:55 -0600
Subject: [PATCH] Remove PlaceholderSVG xmlns, refactor maxHeight and maxWidth
 properties

---
 .../SingleImageViewer/components/PlaceholderSVG.js       | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/lib-classifier/src/components/Classifier/components/SubjectViewer/components/SingleImageViewer/components/PlaceholderSVG.js b/packages/lib-classifier/src/components/Classifier/components/SubjectViewer/components/SingleImageViewer/components/PlaceholderSVG.js
index 6a46d56d05..91e0af4c3c 100644
--- a/packages/lib-classifier/src/components/Classifier/components/SubjectViewer/components/SingleImageViewer/components/PlaceholderSVG.js
+++ b/packages/lib-classifier/src/components/Classifier/components/SubjectViewer/components/SingleImageViewer/components/PlaceholderSVG.js
@@ -4,8 +4,8 @@ import styled, { css } from 'styled-components'
 const StyledPlaceholderSVG = styled.svg`
   background: no-repeat center / cover url('https://static.zooniverse.org/www.zooniverse.org/assets/fe-project-subject-placeholder-800x600.png');
   touch-action: pinch-zoom;
-  max-width: ${props => props.maxWidth};
-  ${props => props.maxHeight && css`max-height: ${props.maxHeight};`}
+  max-width: ${props => props.$maxWidth};
+  ${props => props.$maxHeight && css`max-height: ${props.$maxHeight};`}
 `
 
 function PlaceholderSVG({
@@ -17,11 +17,10 @@ function PlaceholderSVG({
     <StyledPlaceholderSVG
       data-testid='placeholder-svg'
       focusable
-      maxHeight={maxHeight}
-      maxWidth={maxWidth}
+      $maxHeight={maxHeight}
+      $maxWidth={maxWidth}
       tabIndex={0}
       viewBox={viewBox}
-      xmlns='http://www.w3.org/2000/svg'
     />
   )
 }