seb/reactShop
1
0
Fork 0
Code Issues Pull Requests Activity

feat: fix star decoration layers to MainPageLayout and refactor star polygon usage in Product component for improved visual consistency

Browse Source
This commit is contained in:
sebseb7
2026-03-25 17:16:12 +01:00
parent 9e77deb4f8
commit c5dce64ac9
3 changed files with 67 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Product.js
View File

@@ -10,6 +10,7 @@ import AddToCartButton from './AddToCartButton.js';
import { Link, useNavigate } from 'react-router-dom';
import { withI18n } from '../i18n/withTranslation.js';
import ZoomInIcon from '@mui/icons-material/ZoomIn';
import { STAR_POLYGON_POINTS } from '../utils/starPolygon.js';
// Helper function to find level 1 category ID from any category ID
const findLevel1CategoryId = (categoryId) => {
@@ -302,7 +303,7 @@ class Product extends Component {
}}
>
<polygon
points="30,0 38,20 60,22 43,37 48,60 30,48 12,60 17,37 0,22 22,20"
points={STAR_POLYGON_POINTS}
fill="#20403a"
stroke="none"
/>
@@ -321,7 +322,7 @@ class Product extends Component {
}}
>
<polygon
points="30,0 38,20 60,22 43,37 48,60 30,48 12,60 17,37 0,22 22,20"
points={STAR_POLYGON_POINTS}
fill="#40736b"
stroke="none"
/>
@@ -334,7 +335,7 @@ class Product extends Component {
height="50"
>
<polygon
points="30,0 38,20 60,22 43,37 48,60 30,48 12,60 17,37 0,22 22,20"
points={STAR_POLYGON_POINTS}
fill="#609688"
stroke="none"
/>