reza added something

temp
Reza_ashrafi 3 years ago
commit 6b4e5d43f6
  1. 12
      src/components/Footer/index.js
  2. 14
      src/components/Navbar/index.js
  3. 12
      src/components/Product/index.js
  4. 16
      src/components/SalesContainer/index.js
  5. 4
      src/components/StarRating/index.js
  6. 6
      src/views/Home/Desktop/Part2/index.js

@ -21,10 +21,10 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
<div className="flex items-center ml-8 ">
<img src={callIcon} className="p-2" />
<div>
<h1 className="text-3xl text-bold mb-2 font-black">
<h1 className="text-2xl text-bold mb-2 font-black">
<span className=" text-blueC0">7</span> روز هفته <span className="font-black text-blueC0">24</span> ساعته
</h1>
<p className="text-xl font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p>
<p className="text-lg font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p>
</div>
</div>
@ -36,19 +36,19 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
</div>
: null}
<footer
className={`flex flex-col bg-gray-200 py-10 md:flex-row justify-around items-start md:items-start relative shadow-md ${bg}`}
className={`flex flex-col bg-gray-200 py-16 md:flex-row justify-around items-start md:items-start relative shadow-md ${bg}`}
>
<div className="w-11/12 flex justify-between">
<div className="flex items-start">
<>
{
links.map((section, index) => <ul className={index != 0 ? 'mr-20' : ''} key={index}>
links.map((section, index) => <ul className={index != 0 ? 'mr-16' : ''} key={index}>
{
section.map((link, index) => <li
className={`font-light text-xs leading-7 hover:font-bold ${color}`}
className={`font-light text-md leading-7 hover:font-bold ${color}`}
key={index}
>
<a href="" className={`${index == 0 ? ' text-sm font-bold' : ''}`}>{link}</a>
<a href="" className={`${index == 0 ? ' text-lg font-bold' : ''}`}>{link}</a>
</li>)
}
</ul>)

@ -212,7 +212,7 @@ function Navbar({
{/* portrait end */}
</div>
) : (
<header className={`rounded-b-md w-full bg-transparent pb-4`}>
<header className={`rounded-b-md w-full bg-transparent pb-1`}>
<div className="flex flex-row justify-between items-center px-20 border-b border-gray-200 border-solid py-4 ">
<div className="divide-x flex flex-row transform gap-4">
{/* <span className="text-sm font-normal text-blue52">
@ -269,7 +269,7 @@ function Navbar({
</div>
<div
className={`flex items-center relative w-full py-4 px-20 border-b border-solid border-gray-200 transform bg-white ${
className={`flex items-center relative w-full py-2 px-20 border-b border-solid border-gray-200 transform bg-white ${
desktopEndTransform ? "" : ""
}`}
style={
@ -282,11 +282,13 @@ function Navbar({
<img
src={darkCrimsonHamburgerMenu}
alt=""
className="w-5 transform translate-y-1 ml-2"
className="w-8 transform translate-y-1 ml-2"
/>
{/* <img src={whiteHamburgerMenu} alt="" className="w-3 h-3" /> */}
<span className={`text-sm text-blue52 ${productCategoryTextColor}`}>
دسته بندی کالاها&nbsp;&nbsp;
دسته بندی کالاها
&nbsp;&nbsp;
</span>
</div>
<div
@ -306,7 +308,7 @@ function Navbar({
{pages.map((item, index) => (
<Link
to={item.link}
className={`text-sm text-blue52 ${menuItemsColor}`}
className={`text-sm text-blue52 ${menuItemsColor} hover:text-blueC0`}
key={"nav" + index}
>
{item.name}
@ -341,7 +343,7 @@ Navbar.defaultProps = {
},
{
link: "/filter",
name: "دسته بندیها",
name: "دسته بندی ها",
},
{
link: "/contact-us",

@ -49,14 +49,15 @@ const ProductDesign = ({
}) => {
const [isHovering, setIsHovering] = useState(false);
return (
<div className={`flex flex-wrap sm:flex-nowrap justify-around ${big ? 'm-1' : 'w-48 m-2'} `}
<div className={`flex flex-wrap sm:flex-nowrap justify-around ${big ? 'm' : 'w-48 m-2'} `}
style={big ? {width: '300px'} : {}}
>
<div className="w-full flex flex-wrap items-center justify-around my-5 px-4" onMouseEnter={() => setIsHovering(true)}
onMouseLeave={() => setIsHovering(false)}>
<div className="w-full flex flex-wrap items-center justify-around my-5 px-4" >
<div
className={`w-full sm:w-60 md:w-72 ${big ? '' : 'mx-5'} rounded-lg transition-all p-2 my-3 ${productHolderBorder} ${hoverMode == 'blue' ? 'hover:bg-grayF4' : null} ${productHolderBorderColor} hover:${productHolderHoverBorder}`}
onMouseEnter={() => setIsHovering(true)}
onMouseLeave={() => setIsHovering(false)}
>
{/* product image */}
<div className="w-full relative">
@ -154,10 +155,7 @@ const ProductDesign = ({
{/* star */}
{star && (
<div className="flex items-center mt-3">
<StarRatingComponent
name="Product"
value={starRate}
/>
<StarRating value={starRate} />
<span className="text-xs text-productContent font-bold text-gray-500 mr-2">
بر اساس {numberOfRegards} بررسی
</span>

@ -20,24 +20,25 @@ const SalesContainer = ({
}, []);
return(
<div className="w-full my-10">
<div className="w-full">
<div className="w-full border-b-2 border-solid border-blue-300 mb-24" style={{height: '100px'}}>
<div className="w-1/3 p-10 bg-white flex justify-between items-center" style={{
marginBottom:'-5px'
marginBottom:'-5px',
height:'200px'
}} onClick={() => console.log(list)}>
<div className="flex items-center ">
<div className="w-6 h-6 bg-blue-300 ml-4 rounded-full"></div>
{/* <div className="w-6 h-6 bg-blue-300 ml-4 rounded-full"></div> */}
<h1 className="text-3xl leading-normal">
<h3 className=" bg-blue-700 text-white"> دوشنبه </h3>
<h3 className="mr-4 bg-yellow-300 pl-6"> کتاااابی </h3>
<h3 className=" bg-blueC0 text-white text-center"> دوشنبه </h3>
<h3 className="mr-4 w-24 text-center" style={{background: '#EFFF00'}}> کتاااابی </h3>
</h1>
</div>
<div className="flex items-center">
<p className="text-md">بیش از ۵۰ کتاب تخفیف خورده</p>
<div className="w-6 h-6 bg-blue-300 mr-4 rounded-full ">
<div className="w-6 h-6 bg-blue-300 mr-4 rounded-full">
</div>
@ -46,7 +47,7 @@ const SalesContainer = ({
</div>
</div>
<ScrollContainer className="flex overflow-x-scroll border-t-0 py-4 px-10" >
<ScrollContainer className="flex overflow-x-scroll border-t-0 py-4 pl-10" style={{height:'550px'}} >
{
list?.map((product, index) => (
<Link to={"/products/" + product?.id}>
@ -67,6 +68,7 @@ const SalesContainer = ({
big
starRate={Math.floor(Math.random() * 5) + 1}
discountPricePercent
hoverMode='blue'
/>
</Link>
))}

@ -3,8 +3,8 @@ import StarRatingComponent from "react-star-rating-component";
import starGrayIcon from '../../assets/icons/starGray.svg';
import starYellowIcon from '../../assets/icons/starYellow.svg';
function StarRating() {
const [rate, setRating] = useState(2);
function StarRating({value}) {
const [rate, setRating] = useState(value);
return (
<StarRatingComponent
name="rate1"

@ -25,7 +25,7 @@ const Part2 = (
<div className="w-full my-6" style={{
height: '550px'
}}>
<div className="w-full flex justify-between items-center">
<div className="w-full flex justify-between items-center pr-10">
<div className="flex items-center text-4xl font-black text-blue52">
<div className="w-6 h-6 bg-blue-300 ml-4 rounded-full"></div>
<h1>
@ -47,12 +47,12 @@ const Part2 = (
color= "text-blueC0"
onClick={() => null}
radius={false}
twPaddings="py-4 px-12"
twPaddings="py-4 px-12 rounded"
/>
</Link>
</div>
</div>
<ScrollContainer className="flex overflow-x-scroll py-4 px-10">
<ScrollContainer className="flex overflow-x-scroll py-4 pl-10">
{
books?.slice(15,24).map((product, index) => (
<Link to={"/products/" + product?.id}>

Loading…
Cancel
Save