diff --git a/docker-compose.yml b/docker-compose.yml index 2a01d72..be8f179 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -11,7 +11,6 @@ services: - NODE_ENV=development volumes: - ./nextjs:/app - - /app/node_modules - /app/.next depends_on: - python diff --git a/nextjs/Dockerfile b/nextjs/Dockerfile index a2e312a..f45cf06 100644 --- a/nextjs/Dockerfile +++ b/nextjs/Dockerfile @@ -1,37 +1,17 @@ -# Use a specific version of node FROM node:20-slim AS base - -# Set environment variables ENV PNPM_HOME="/pnpm" ENV PATH="$PNPM_HOME:$PATH" - -# Enable corepack to use pnpm RUN corepack enable - -# Set the working directory in the container +COPY . /app WORKDIR /app -# Copy package.json and pnpm-lock.yaml (or package-lock.json/yarn.lock) -COPY package.json pnpm-lock.yaml ./ - -# Install stage FROM base AS install +WORKDIR /app -# Install dependencies -# The cache mount is used to cache the pnpm store -RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile +RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile +RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install @radix-ui/react-alert-dialog -# Final stage FROM base - -# Copy installed node_modules from the install stage COPY --from=install /app/node_modules /app/node_modules - -# Copy the rest of your app's source code from your host to your image filesystem. -COPY . . - -# Expose the port the app runs on EXPOSE 3000 - -# The command to run your application -CMD [ "pnpm", "run", "dev" ] +CMD [ "pnpm", "run", "dev" ] \ No newline at end of file diff --git a/nextjs/src/app/_components/animated-cursor.tsx b/nextjs/src/app/_components/animated-cursor.tsx index 11fe353..3174af1 100644 --- a/nextjs/src/app/_components/animated-cursor.tsx +++ b/nextjs/src/app/_components/animated-cursor.tsx @@ -8,9 +8,8 @@ import Image from "next/image"; interface AnimatedCursorProps { targetX: number, targetY: number, - selectedAvatar: string, } -export const AnimatedCursor = ({ targetX, targetY, selectedAvatar }: AnimatedCursorProps) => { +export const AnimatedCursor = ({ targetX, targetY }: AnimatedCursorProps) => { const [currentX, setCurrentX] = useState(0) const [currentY, setCurrentY] = useState(0) const [active, setActive] = useState(false) @@ -21,9 +20,6 @@ export const AnimatedCursor = ({ targetX, targetY, selectedAvatar }: AnimatedCur config: { duration: 500 }, }); - console.log(selectedAvatar) - const avatarImageSrc = selectedAvatar === "ducky" ? Ducky : MrDucky; - return (