Merge pull request #7 from euglena1215/euglena1215/preload-hero

preload hero
euglena1215 · Nov 27, 2022 · 68c2199 · 68c2199
2 parents 9f55c49 + 1031352
commit 68c2199
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 22 deletions.
diff --git a/public/index.html b/public/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preload" as="image" href="/assets/images/hero.jpg">
     <title>CyberTicket</title>
   </head>
   <body>

diff --git a/src/client/foundation/pages/Top/Top.jsx b/src/client/foundation/pages/Top/Top.jsx
@@ -81,20 +81,8 @@ function useTodayRacesWithAnimation(races) {
  * @param {Model.Race[]} todayRaces
  * @returns {string | null}
  */
-function useHeroImage(todayRaces) {
-  const firstRaceId = todayRaces[0]?.id;
-  const url =
-    firstRaceId !== undefined
-      ? `/api/hero?firstRaceId=${firstRaceId}`
-      : "/api/hero";
-  const { data } = useFetch(url, jsonFetcher);
-
-  if (firstRaceId === undefined || data === null) {
-    return null;
-  }
-
-  const imageUrl = `${data.url}?${data.hash}`;
-  return imageUrl;
+function useHeroImage(_todayRaces) {
+  return "/assets/images/hero.jpg";
 }
 
 /** @type {React.VFC} */

diff --git a/src/server/routes/api.js b/src/server/routes/api.js
@@ -1,7 +1,6 @@
 import moment from "moment-timezone";
 import { Between, LessThanOrEqual, MoreThanOrEqual } from "typeorm";
 
-import { assets } from "../../client/foundation/utils/UrlUtils.js";
 import { BettingTicket, Race, User } from "../../model/index.js";
 import { createConnection } from "../typeorm/connection.js";
 import { initialize } from "../typeorm/initialize.js";
@@ -39,13 +38,6 @@ export const apiRoute = async (fastify) => {
     res.status(204).send();
   });
 
-  fastify.get("/hero", async (_req, res) => {
-    const url = assets("/images/hero.jpg");
-    const hash = Math.random().toFixed(10).substring(2);
-
-    res.send({ hash, url });
-  });
-
   fastify.get("/races", async (req, res) => {
     const since =
       req.query.since != null ? moment.unix(req.query.since) : undefined;