cheverjohn/Dream-MachineProcurementList
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updates dog motivation image

Browse source 
WHAT: Replaces the placeholder dog image with an actual image of a dog.
WHY: To provide a more visually appealing and engaging experience for the user. The placeholder was generic and didn't effectively convey the intended motivation.
HOW: Imports the dog image and renders it within the `DogMotivation` component, replacing the previous emoji.
This commit is contained in:
Chenwei Jiang 2025-08-21 18:40:29 +08:00
parent 28335eee83
commit 3c34b1f5b5
Signed by: cheverjohn
GPG key ID: ADC4815BFE960182
2 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
IMG_6702.JPG Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 78 KiB

5
src/features/purchase/components/DogMotivation.tsx
View file

@ -1,4 +1,5 @@
import { Card, CardContent } from "@/components/ui/card"; import { Card, CardContent } from "@/components/ui/card";
import dogImageUrl from "../../../../IMG_6702.JPG";
export function DogMotivation() { export function DogMotivation() {
return ( return (
@ -15,9 +16,9 @@ export function DogMotivation() {
<Card className="border border-slate-200 shadow-sm relative z-10 bg-white/80 backdrop-blur-sm"> <Card className="border border-slate-200 shadow-sm relative z-10 bg-white/80 backdrop-blur-sm">
<CardContent className="p-4"> <CardContent className="p-4">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
{/* Original image in proper size */} {/* Render dog image from project root */}
<div className="shrink-0 w-32 h-32 overflow-hidden rounded-md border border-slate-200 shadow-sm flex items-center justify-center bg-white"> <div className="shrink-0 w-32 h-32 overflow-hidden rounded-md border border-slate-200 shadow-sm flex items-center justify-center bg-white">
<span className="text-5xl" role="img" aria-label="dog">🐶</span> <img src={dogImageUrl} alt="打石膏的小狗" className="w-full h-full object-cover" />
</div> </div>
<div className="flex flex-col"> <div className="flex flex-col">