@fepack/image

tooooo1 · Jul 28, 2024 · cd2b9dc · cd2b9dc
1 parent 3df20ed
commit cd2b9dc
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -6,6 +6,7 @@
   "license": "MIT",
   "dependencies": {
     "@emotion/react": "^11.13.0",
+    "@fepack/image": "^0.2.6",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.25.1"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/App.tsx b/src/App.tsx
@@ -8,6 +8,7 @@ import { Logo } from './components';
 import { ROUTES } from './constants';
 import { End, Home, Mode, Play, Ready } from './pages';
 import { GlobalStyle } from './styles/GlobalStyle';
+import { load, checkWebPSupport } from '@fepack/image';
 
 const router = createBrowserRouter([
   { path: ROUTES.HOME, element: <Home /> },
@@ -18,6 +19,16 @@ const router = createBrowserRouter([
   { path: '*', element: <Navigate replace to={ROUTES.HOME} /> },
 ]);
 
+const checkWebPSupportAndLoad = async () => {
+  if (await checkWebPSupport()) {
+    load('images/information_resize.webp');
+    load('images/options_resize.webp');
+    load('images/boxing-gloves_resize.webp');
+  }
+};
+
+checkWebPSupportAndLoad();
+
 const App = () => (
   <>
     <GlobalStyle />