add sprite build step to Docker file; remove unused Icon component; fix svgo config

Dockerfile

@@ -58,6 +58,7 @@ RUN ./collect_envs.sh ./docs/ENVS.md
 
 # Build app for production
 RUN yarn build
+RUN yarn svg:build-sprite
 
 
 ### FEATURE REPORTER

svgo.config.js

@@ -1,17 +1,14 @@
 module.exports = {
   plugins: [
-    // TODO @tom2drum pick up plugins from default preset
-    // {
-    //   name: 'preset-default',
-    //   params: {
-    //     overrides: {
-    //       removeViewBox: false,
-    //       cleanupIds: false,
-    //       removeUselessDefs: false,
-    //       collapseGroups: false,
-    //     },
-    //   },
-    // },
+    {
+      name: 'preset-default',
+      params: {
+        overrides: {
+          removeViewBox: false,
+          removeHiddenElems: false,
+        },
+      },
+    },
     'removeDimensions',
   ],
   js2svg: {

ui/shared/chakra/Icon.tsx

@@ -1,18 +0,0 @@
-import { Skeleton, Icon as ChakraIcon } from '@chakra-ui/react';
-import type { IconProps, As } from '@chakra-ui/react';
-import React from 'react';
-
-interface Props extends IconProps {
-  isLoading?: boolean;
-  as: As;
-}
-
-const Icon = ({ isLoading, ...props }: Props, ref: React.LegacyRef<SVGSVGElement>) => {
-  return (
-    <Skeleton isLoaded={ !isLoading } boxSize={ props.boxSize } w={ props.w } h={ props.h } borderRadius={ props.borderRadius }>
-      <ChakraIcon { ...props } ref={ ref }/>
-    </Skeleton>
-  );
-};
-
-export default React.memo(React.forwardRef(Icon));