fascano/web-menu-react-version-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-10-04 18:22:24 +03:00
commit 2852c2c054
291 changed files with 38109 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/components/Icons/tables/Circle4PeopleIcon.tsx Normal file
View File

@@ -0,0 +1,85 @@
interface Circle4PeopleIconType {
className?: string;
onClick?: () => void;
title?: string;
timer?: string;
fill?: string;
}
const Circle4PeopleIcon = ({
className,
onClick,
title,
timer,
fill = "#5F6C7B",
}: Circle4PeopleIconType) => {
return (
<svg
width="75"
height="75"
viewBox="0 0 75 75"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<path
d="M70.9565 24.8184C73.1894 24.8184 74.9995 26.6285 74.9995 28.8614V45.0331C74.9995 47.266 73.1894 49.0761 70.9565 49.0761V24.8184Z"
fill={fill}
fillOpacity="0.12"
/>
<path
d="M25.999 4.11816C25.999 1.8853 27.8091 0.0752001 30.042 0.0752001L46.2141 0.0752001C48.4469 0.0752001 50.257 1.8853 50.257 4.11816L25.999 4.11816Z"
fill={fill}
fillOpacity="0.12"
/>
<path
d="M50.2559 70.2617C50.2559 72.4946 48.4458 74.3047 46.2129 74.3047H30.0408C27.808 74.3047 25.9979 72.4946 25.9979 70.2617H50.2559Z"
fill={fill}
fillOpacity="0.12"
/>
<path
d="M4.81201 49.0752C2.57912 49.0752 0.769012 47.2651 0.769012 45.0322L0.769012 28.8604C0.769012 26.6275 2.57912 24.8174 4.81201 24.8174L4.81201 49.0752Z"
fill={fill}
fillOpacity="0.12"
/>
<ellipse
cx="37.8909"
cy="37.2011"
rx="30.3225"
ry="30.3222"
fill={fill}
fillOpacity="0.12"
/>
{/* Title and Timer Text */}
{title && (
<text
x="37.5"
y="35"
textAnchor="middle"
fontSize="12"
fontWeight="bold"
fill="#5F6C7B"
fontFamily="Arial, sans-serif"
>
{title}
</text>
)}
{timer && (
<text
x="37.5"
y="55"
textAnchor="middle"
fontSize="10"
fill="#5F6C7B"
fontFamily="Arial, sans-serif"
>
{timer}
</text>
)}
</svg>
);
};
export default Circle4PeopleIcon;

97
src/components/Icons/tables/Rectangle6PeopleIcon.tsx Normal file
View File

@@ -0,0 +1,97 @@
interface Rectangle6PeopleIconType {
className?: string;
onClick?: () => void;
title?: string;
timer?: string;
fill?: string;
}
const Rectangle6PeopleIcon = ({
className,
onClick,
title,
timer,
fill="#C8E6A9",
}: Rectangle6PeopleIconType) => {
return (
<svg
width="75"
height="137"
viewBox="0 0 75 137"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<rect
x="5.93848"
y="6.57129"
width="62.863"
height="123.715"
rx="10"
fill={fill}
/>
<path
d="M24.7441 4.26172C24.7441 1.98419 26.5904 0.137884 28.868 0.137884L45.3632 0.137884C47.6407 0.137884 49.487 1.98419 49.487 4.26172L24.7441 4.26172Z"
fill={fill}
/>
<path
d="M49.4863 132.76C49.4863 135.037 47.64 136.884 45.3625 136.884H28.8673C26.5898 136.884 24.7435 135.037 24.7435 132.76H49.4863Z"
fill={fill}
/>
<path
d="M70.1064 18.9424C72.384 18.9424 74.2303 20.7887 74.2303 23.0662V39.5616C74.2303 41.8391 72.384 43.6854 70.1064 43.6854V18.9424Z"
fill={fill}
/>
<path
d="M4.12305 43.6855C1.84553 43.6855 -0.000762939 41.8393 -0.000762939 39.5617L-0.000762939 23.0664C-0.000762939 20.7888 1.84553 18.9425 4.12305 18.9425L4.12305 43.6855Z"
fill={fill}
/>
<path
d="M70.1069 56.0566C72.3845 56.0566 74.2307 57.9029 74.2307 60.1805V76.6758C74.2307 78.9534 72.3845 80.7996 70.1069 80.7996V56.0566Z"
fill={fill}
/>
<path
d="M4.12354 80.7998C1.84602 80.7998 -0.000274658 78.9535 -0.000274658 76.676L-0.000274658 60.1806C-0.000274658 57.9031 1.84602 56.0568 4.12354 56.0568L4.12354 80.7998Z"
fill={fill}
/>
<path
d="M70.1069 93.1719C72.3845 93.1719 74.2307 95.0182 74.2307 97.2957V113.791C74.2307 116.069 72.3845 117.915 70.1069 117.915V93.1719Z"
fill={fill}
/>
<path
d="M4.12354 117.915C1.84602 117.915 -0.000274658 116.069 -0.000274658 113.791L-0.000274658 97.2958C-0.000274658 95.0183 1.84602 93.172 4.12354 93.172L4.12354 117.915Z"
fill={fill}
/>
{/* Title and Timer Text */}
{title && (
<text
x="37.5"
y="65"
textAnchor="middle"
fontSize="12"
fontWeight="bold"
fill="#5F6C7B"
fontFamily="Arial, sans-serif"
>
{title}
</text>
)}
{timer && (
<text
x="37.5"
y="85"
textAnchor="middle"
fontSize="10"
fill="#5F6C7B"
fontFamily="Arial, sans-serif"
>
{timer}
</text>
)}
</svg>
);
};
export default Rectangle6PeopleIcon;

86
src/components/Icons/tables/Square4PeopleIcon.tsx Normal file
View File

@@ -0,0 +1,86 @@
interface Square4PeopleIconType {
className?: string;
onClick?: () => void;
title?: string;
timer?: string;
fill?: string;
}
const Square4PeopleIcon = ({
className,
onClick,
title,
timer,
fill = "#5F6C7B",
}: Square4PeopleIconType) => {
return (
<svg
width="75"
height="75"
viewBox="0 0 75 75"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<rect
x="6.18408"
y="6.18652"
width="61.8574"
height="61.8593"
rx="10"
fill={fill}
fillOpacity="0.12"
/>
<path
d="M70.1074 24.7451C72.3849 24.7451 74.2312 26.5914 74.2312 28.8689V45.365C74.2312 47.6425 72.3849 49.4888 70.1074 49.4888V24.7451Z"
fill={fill}
fillOpacity="0.12"
/>
<path
d="M24.7422 4.12402C24.7422 1.84643 26.5885 7.29561e-05 28.8661 7.29561e-05L45.3612 7.29561e-05C47.6388 7.29561e-05 49.4851 1.84643 49.4851 4.12402L24.7422 4.12402Z"
fill={fill}
fillOpacity="0.12"
/>
<path
d="M49.4858 70.1064C49.4858 72.384 47.6395 74.2304 45.3619 74.2304H28.8668C26.5892 74.2304 24.7429 72.384 24.7429 70.1064H49.4858Z"
fill={fill}
fillOpacity="0.12"
/>
<path
d="M4.12354 49.4873C1.84601 49.4873 -0.000291348 47.641 -0.000291348 45.3635L-0.000291348 28.8674C-0.000291348 26.5899 1.84601 24.7436 4.12354 24.7436L4.12354 49.4873Z"
fill={fill}
fillOpacity="0.12"
/>
{/* Title and Timer Text */}
{title && (
<text
x="37.5"
y="35"
textAnchor="middle"
fontSize="12"
fontWeight="bold"
fill="#5F6C7B"
fontFamily="Arial, sans-serif"
>
{title}
</text>
)}
{timer && (
<text
x="37.5"
y="55"
textAnchor="middle"
fontSize="10"
fill="#5F6C7B"
fontFamily="Arial, sans-serif"
>
{timer}
</text>
)}
</svg>
);
};
export default Square4PeopleIcon;