PenaSide/front-hub
3
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

some fix icon bell and cart

Browse Source
This commit is contained in:
Nastya 2025-03-29 20:30:39 +03:00
parent 500c7a2c82
commit aa9e7cb5fc
4 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.husky/pre-commit
View File

@ -1,4 +1 @@
#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"
npm eslint . --fix
npm run lint:fix

2
src/api/makeRequest.ts
View File

@ -21,7 +21,7 @@ interface ErrorResponseData {
message?: string;
}
async function makeRequest<TRequest = unknown, TResponse = unknown>(
async function makeRequest<_TRequest = unknown, TResponse = unknown>(
data: MakeRequest
): Promise<TResponse> {
try {

9
src/assets/Icons/bell.tsx
View File

@ -1,5 +1,5 @@
import { Box, SxProps, Theme } from "@mui/material";
import { Icon, SxProps, Theme } from "@mui/material";
interface Props {
sx?: SxProps<Theme>;
@ -7,8 +7,11 @@ interface Props {
export default function Bell({ sx }: Props) {
return (
<Box
<Icon
sx={{
display: "flex",
alignItems: "center",
justifyContent: "center",
...sx,
}}
>
@ -16,6 +19,6 @@ export default function Bell({ sx }: Props) {
<path d="M6.17458 14.8781L6.06831 15.6206H6.06831L6.17458 14.8781ZM13.8254 14.8781L13.7191 14.1357H13.7191L13.8254 14.8781ZM6.08301 6.66667C6.08301 4.50355 7.83656 2.75 9.99967 2.75V1.25C7.00813 1.25 4.58301 3.67512 4.58301 6.66667H6.08301ZM6.08301 8.27792V6.66667H4.58301V8.27792H6.08301ZM4.75 12.3175C4.75 12.0528 4.80329 11.8024 4.89902 11.5751L3.51659 10.9929C3.34466 11.4012 3.25 11.8493 3.25 12.3175H4.75ZM6.28085 14.1357C5.40271 14.01 4.75 13.2427 4.75 12.3175H3.25C3.25 13.9506 4.41397 15.3838 6.06831 15.6206L6.28085 14.1357ZM10 14.4675C8.89615 14.4675 7.46917 14.3058 6.28085 14.1357L6.06831 15.6206C7.27007 15.7926 8.78438 15.9675 10 15.9675V14.4675ZM13.7191 14.1357C12.5308 14.3058 11.1038 14.4675 10 14.4675V15.9675C11.2156 15.9675 12.7299 15.7926 13.9317 15.6206L13.7191 14.1357ZM15.25 12.3175C15.25 13.2427 14.5973 14.01 13.7191 14.1357L13.9317 15.6206C15.586 15.3838 16.75 13.9506 16.75 12.3175H15.25ZM15.1009 11.5749C15.1967 11.8023 15.25 12.0527 15.25 12.3175H16.75C16.75 11.8492 16.6553 11.4011 16.4833 10.9927L15.1009 11.5749ZM13.9163 6.66667V8.27698H15.4163V6.66667H13.9163ZM9.99967 2.75C12.1628 2.75 13.9163 4.50355 13.9163 6.66667H15.4163C15.4163 3.67512 12.9912 1.25 9.99967 1.25V2.75ZM16.4833 10.9927C16.3676 10.718 16.2341 10.4521 16.1085 10.2066C15.9792 9.95372 15.8606 9.72663 15.7536 9.49614C15.5397 9.03537 15.4163 8.64925 15.4163 8.27698H13.9163C13.9163 8.97611 14.1479 9.59971 14.393 10.1277C14.5155 10.3915 14.6523 10.6536 14.773 10.8896C14.8975 11.133 15.0087 11.3559 15.1009 11.5749L16.4833 10.9927ZM4.58301 8.27792C4.58301 8.65008 4.45972 9.0361 4.24596 9.49675C4.13904 9.72718 4.02048 9.95421 3.89121 10.207C3.7657 10.4525 3.63223 10.7183 3.51659 10.9929L4.89902 11.5751C4.99122 11.3561 5.10231 11.1333 5.22675 10.8899C5.34743 10.6539 5.48419 10.3919 5.60661 10.1281C5.85154 9.6003 6.08301 8.97685 6.08301 8.27792H4.58301Z" fill="#9A9AAF" />
<path d="M11.667 17.2173C11.3087 17.7796 10.696 18.1502 10.0003 18.1502C9.30467 18.1502 8.69197 17.7796 8.33366 17.2173" strokeWidth="1.5" strokeLinecap="round" stroke="#9A9AAF" />
</svg>
</Box>
</Icon>
);
}

7
src/components/Drawers.tsx
View File

@ -79,7 +79,7 @@ function Drawers() {
}
return (
<Box sx={{ display: "flex", gap: isTablet ? "10px" : "20px" }}>
<Box sx={{ display: "flex", gap: isTablet ? "10px" : "20px", height: "36px" }}>
<IconButton
ref={bellRef}
aria-label="cart"
@ -87,6 +87,8 @@ function Drawers() {
sx={{
cursor: "pointer",
borderRadius: "6px",
height: "36px",
width: "36px",
background: openNotificationsModal ? theme.palette.purple.main : theme.palette.background.default,
"& .MuiBadge-badge": {
background: openNotificationsModal ? theme.palette.background.default : theme.palette.purple.main,
@ -144,11 +146,12 @@ function Drawers() {
/>
<IconButton
onClick={() => setIsDrawerOpen(true)}
component="div"
sx={{
cursor: "pointer",
background: theme.palette.background.default,
borderRadius: "6px",
height: "36px",
width: "36px",
"&:hover": {
background: theme.palette.purple.main,
"& .MuiBox-root": {