11

Dockerfile.prod

@@ -1,47 +1,3 @@
-# # Install dependencies only when needed
-# FROM node:alpine AS deps
-# # Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
-# RUN apk add --no-cache libc6-compat
-# WORKDIR /app
-# COPY package.json yarn.lock ./
-# RUN yarn install --frozen-lockfile
-
-# # Rebuild the source code only when needed
-# FROM node:alpine AS builder
-# WORKDIR /app
-# COPY . .
-# COPY --from=deps /app/node_modules ./node_modules
-# RUN yarn build && yarn install --production --ignore-scripts --prefer-offline
-
-# # Production image, copy all the files and run next
-# FROM node:alpine AS runner
-# WORKDIR /app
-
-# ENV NODE_ENV production
-
-# RUN addgroup -g 1001 -S nodejs
-# RUN adduser -S nextjs -u 1001
-
-# # You only need to copy next.config.js if you are NOT using the default configuration
-# # COPY --from=builder /app/next.config.js ./
-# COPY --from=builder /app/public ./public
-# COPY --from=builder --chown=nextjs:nodejs /app/.next ./.next
-# COPY --from=builder /app/node_modules ./node_modules
-# COPY --from=builder /app/package.json ./package.json
-
-# USER nextjs
-
-# EXPOSE 3000
-
-# ENV PORT 3000
-
-# # Next.js collects completely anonymous telemetry data about general usage.
-# # Learn more here: https://nextjs.org/telemetry
-# # Uncomment the following line in case you want to disable telemetry.
-# # ENV NEXT_TELEMETRY_DISABLED 1
-
-# CMD ["node_modules/.bin/next", "start"]
-
 # Stage 1: Dependencies
 FROM node:18-alpine AS deps
 WORKDIR /app

src/app/ui/MatchPrediction.jsx

@@ -10,10 +10,9 @@ import zhCN from "date-fns/locale/zh-CN"; // 中文本地化
 import Image from "next/image";
 import { Minus, Plus, Play, X, Check, Clock } from "lucide-react";
 
-const defaultLogo = "https://via.placeholder.com/30x20";
+const defaultLogo = "/images/default_logo.png";
 
-const no_goal_logo =
-  "https://games.the-afc.com/predictor/static-assets/build/images/Default_flag.svg?v=2.4";
+const no_goal_logo = "/images/no_goal_logo.png";
 
 const isValidUrl = (url) => {
   try {
@@ -343,7 +342,7 @@ const MatchPrediction = ({ selectedDayMatches }) => {
                   onClick={() => handleWinTeamSelect(match._id, "draw")}
                 >
                   <Image
-                    src="https://games.the-afc.com/predictor/static-assets/build/images/clubs/Draw_flag.png?v=2.4"
+                    src="/images/draw_flag.png"
                     width={40}
                     height={40}
                     alt="Handshake"
@@ -394,7 +393,7 @@ const MatchPrediction = ({ selectedDayMatches }) => {
                   <span className="text-sm">First team to score</span>
                   {selectedFirstTeamToScoreOfMatch[match._id] ||
                   firstTeamToScore ? (
-                    <FlagImage
+                    <Image
                       src={getValidImageUrl(
                         selectedFirstTeamToScoreOfMatch[match._id]?.logo ||
                           firstTeamToScoreLogo
@@ -575,13 +574,15 @@ const TeamCard = ({ flag, name, lastMatches, pickedBy, selected, onClick }) => {
       className="flex flex-col items-center bg-white text-black text-sm rounded-md px-2 py-2 relative"
       onClick={onClick}
     >
-      <Image
-        src={getValidImageUrl(flag)}
-        width={30}
-        height={20}
-        alt={`${name} flag`}
-        className="mb-2"
-      />
+      <div className="w-10 h-10">
+        <Image
+          src={getValidImageUrl(flag)}
+          width={40}
+          height={40}
+          alt={`${name} flag`}
+          className="mb-2"
+        />
+      </div>
       <span className="font-bold mb-1 pt-4 pb-6">{name}</span>
       {/* <span className="text-xs mb-1">Last 5 matches</span>
           <span className="text-sm mb-1">{lastMatches}</span>
@@ -607,52 +608,45 @@ const TeamOption = ({ flag, name, isSelected, onSelect }) => (
     onClick={onSelect}
   >
     <div className="flex items-center">
-      {/* <Image
+      <Image
         src={flag}
         width={30}
-        height={20}
-        alt={`${name} flag`}
+        height={30}
         className="mr-3"
-      /> */}
-      <FlagImage
-        src={flag}
-        width={30}
-        height={20}
         alt={`${name} flag`}
-        className="mr-3"
+        onClick={onSelect}
       />
-
       <span>{name}</span>
     </div>
     {isSelected && <Check size={24} />}
   </div>
 );
 
-const FlagImage = ({ src, alt, width, height, className, onClick }) => {
-  const isSvg = src.split("?")[0].endsWith(".svg");
-  if (isSvg) {
-    return (
-      <img
-        src={src}
-        alt={alt}
-        width={width}
-        height={height}
-        className={className}
-        onClick={onClick}
-      />
-    );
-  }
-
-  return (
-    <Image
-      src={src}
-      width={width}
-      height={height}
-      alt={alt}
-      className={className}
-      onClick={onClick}
-    />
-  );
-};
+// const FlagImage = ({ src, alt, width, height, className, onClick }) => {
+//   const isSvg = src.split("?")[0].endsWith(".svg");
+//   if (isSvg) {
+//     return (
+//       <img
+//         src={src}
+//         alt={alt}
+//         width={width}
+//         height={height}
+//         className={className}
+//         onClick={onClick}
+//       />
+//     );
+//   }
+
+//   return (
+//     <Image
+//       src={src}
+//       width={width}
+//       height={height}
+//       alt={alt}
+//       className={className}
+//       onClick={onClick}
+//     />
+//   );
+// };
 
 export default MatchPrediction;