From 13907a7851d0b48583437522b71e380e01b6dd00 Mon Sep 17 00:00:00 2001
From: Atul Varma <varmaa@gmail.com>
Date: Fri, 26 Mar 2021 20:09:17 -0400
Subject: [PATCH] Use SvgTransforms in creature page.

---
 lib/pages/creature-page.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/lib/pages/creature-page.tsx b/lib/pages/creature-page.tsx
index 5a10afc..3364fc4 100644
--- a/lib/pages/creature-page.tsx
+++ b/lib/pages/creature-page.tsx
@@ -23,6 +23,7 @@ import {
   NestedCreatureSymbol,
 } from "../creature-symbol";
 import { HoverDebugHelper } from "../hover-debug-helper";
+import { svgScale, SvgTransforms } from "../svg-transform";
 
 const DEFAULT_BG_COLOR = "#858585";
 
@@ -321,9 +322,9 @@ export const CreaturePage: React.FC<{}> = () => {
       <CreatureContext.Provider value={ctx}>
         <HoverDebugHelper>
           <AutoSizingSvg padding={20} ref={svgRef} bgColor={bgColor}>
-            <g transform="scale(0.5 0.5)">
+            <SvgTransforms transforms={[svgScale(0.5)]}>
               <CreatureSymbol {...creature} />
-            </g>
+            </SvgTransforms>
           </AutoSizingSvg>
         </HoverDebugHelper>
       </CreatureContext.Provider>