Skip to content

Commit

Permalink
bugs are fixed
Browse files Browse the repository at this point in the history
  • Loading branch information
@sivaprasath2004
sivaprasath2004 committed Mar 9, 2024
1 parent 1f0c571 commit 8f48f34
Show file tree
Hide file tree
Showing 5 changed files with 43 additions and 35 deletions.
2 changes: 1 addition & 1 deletion src/Booknow.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
width: 100%;

align-items: center;
}
#Order_buttons_Book_page{
Expand Down
34 changes: 21 additions & 13 deletions src/Booknow.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import data from './assets/data'
const Booknow = () => {
let time=Time()
const [detail,setDetails]=useState({Mark:'No', bookTime:time})
const [checker,setChecker]=useState({booking_loaded:false,onLoad:false})
const [checker,setChecker]=useState({booking_loaded:false,onLoad:false,cheif_Prize:0,dish_prize:[]})
const [dishNames,setDishName]=useState([])
useEffect(()=>{
const cheifchecking=async()=>{
Expand Down Expand Up @@ -61,13 +61,16 @@ if(detail.Bookdate){
setDishName([])
setChecker({booking_loaded:false,onLoad:!checker.onLoad})
}
function handle_dish(item){
setDishName([...dishNames, {name:item.heading,prize:item.prize}])
}
return (
<>
{
!checker.booking_loaded?<>
<div className='golden_chief'>
<h1 id='headings'>Guarantee & <span>Certified</span></h1>
<div>
<div id='div'>
<div id='content'>
<p>We assure you a flawlessly catered function with an unwavering guarantee and a steadfast commitment to maintaining the highest standards in food taste. Your event is our priority, and we stand by our promise of uncompromised excellence in both service and culinary delights. Trust us to elevate your occasion with delectable dishes, leaving a lasting impression on the taste buds of your guests.</p>
</div>
Expand Down Expand Up @@ -132,7 +135,7 @@ if(detail.Bookdate){
<img src={cheif[checker.image].url} alt={cheif[checker.image].name+'chief'} key={cheif[checker.image].name} style={{flex:'1 0 8rem',height:150,width:150,objectFit:'contain'}} />
<div key='cheifImage_container' style={{flex:'1 0 8rem',padding:10,display:'flex',justifyContent:'flex-start',alignItems:'flex-start',flexDirection:'column'}}>
<p >{`Name:${cheif[checker.image].name}`}</p>
<p>{`Prize:${cheif[checker.image].prize}`}</p>
<p>{`Prize:${cheif[checker.image].prize}/day`}</p>
<p >{`Exp:${cheif[checker.image].experience}`}</p> </div>
</>
:<p>!! No More Cook Selected</p>}
Expand All @@ -141,7 +144,7 @@ if(detail.Bookdate){
{
cheif.map((item,index)=>(
<div key={`parentOfImage_tag${index}`} style={{width:100,height:100,position:'relative',padding:10,boxShadow:'0 1px 5px rgba(0,0,0,0.5)',border:checker.booked_cheif?.find(item=>item===index+1)?'2px solid red':checker.image===index?'2px solid green':'2px solid white',borderRadius:12,overflow:'hidden'}}>
<img src={item.url} alt={`img_chiefs_bookPage_images${index}`} key={`images_tag_chief_bookpage${index}`} style={{width:'100%',height:'100%',objectFit:'contain'}} onClick={()=>checker.booked_cheif?.find(item=>item===index+1)?null:setChecker(pre=>({...pre,image:index}))}/>
<img src={item.url} alt={`img_chiefs_bookPage_images${index}`} key={`images_tag_chief_bookpage${index}`} style={{width:'100%',height:'100%',objectFit:'contain'}} onClick={()=>checker.booked_cheif?.find(item=>item===index+1)?null:setChecker(pre=>({...pre,image:index,cheif_Prize:item.prize}))}/>
{
checker.booked_cheif?.find(item=>item===index+1)?<div key={`outerOf_tag${index}`} style={{position:'absolute',height:'100%',width:'100%',top:0,left:0,backdropFilter:'blur(3px)',cursor:'pointer',fontWeight:'900',display:'flex',justifyContent:'center',alignItems:'center'}}>
<p key={`already_booked's${index}`} style={{height:'70%',width:'70%',display:'flex',justifyContent:'center',alignItems:'center',color:'black',fontSize:'larger',fontWeight:'900',backgroundColor:'rgba(255 0 0 / 48%)',borderRadius:'100%',boxShadow:'0 4px 15px rgb(255 0 0)'}}>Booked</p></div>:<div key={`innerOf_tag${index}`}></div>
Expand All @@ -152,48 +155,53 @@ if(detail.Bookdate){
}
</div>
<h2 style={{fontSize:18,fontWeight:'600'}}>Select Your Dish</h2>
<div style={{width:'80%',backgroundColor:'white',borderRadius:10,boxShadow:'0 6px 6px rgba(0,0,0,0.5)',border:'1px solid black',gap:'0.5rem'}}>
<div style={{width:'80%',backgroundColor:'white',borderRadius:10,boxShadow:'0 6px 6px rgba(0,0,0,0.5)',border:'1px solid black',gap:'0.5rem',display:'flex',flexDirection:'column',padding:10}}>
{dishNames.length===0?
<p>No more Dishes Selected
</p>:
dishNames.map((item,index)=>(
<div style={{display:'flex',flexDirection:'row',marginLeft:10,justifyContent:'flex-start',alignItems:'flex-start',gap:'1rem'}}>
<p key={`dishNames_Sno_${index}`}>{index+1}</p>
<p key={`dishNames_name_${index}`}>{item}</p>
</div>
<div style={{display:'flex',flexDirection:'row',width:'100%'}}
key={`parentOfFood_Receipe${index}`}>
<div key={`parent_DISh${index}`} style={{gap:15,width:'60%',display:'flex',justifyContent:'flex-start'}}><p key={`dishNames_Sno_${index}`}>{index+1}</p>
<p key={`dishNames_name_${index}`}>{item.name}</p></div>
<div key={`item_prize_and_cancel_${index}`} style={{display:'flex',width:'40%',justifyContent:'space-evenly',flexDirection:'row',alignItems:'center'}}>
<p key={`prize_s_${index}`}>{`₹${item.prize}`}</p>
<img src='https://cdn-icons-png.flaticon.com/128/2732/2732657.png' alt='close' style={{height:20,width:20}} key={`close${index}`} onClick={()=>setDishName(dishNames.filter(ele=>ele.name!==item.name))} />
</div></div>
))}
</div>
<div style={{display:'flex',flexWrap:'wrap',width:'90%',justifyContent:'center',alignItems:'center',gap:'1rem'}}>
{
data.breakfast.map((item,index)=>(
<div key={`breakfast_item_container${index}`} style={{display:'flex',flexDirection:'column',flex:'1 0 8rem'}}>
<img src={item.url} alt={`img_breakfast_dis${index}`} key={`images_tag_breakfast_food_book${index}`} style={{width:100,height:100,objectFit:'contain',padding:3}} />
{dishNames.includes(item.heading) ? <button key={`Breakfast_order_button${index}`} id='Order_buttons_Book_page' style={{backgroundColor:'white',color:'black',fontWeight:'600'}}>✓ Added</button> : <button key={`Breakfast_order_button${index}`} id='Order_buttons_Book_page' onClick={()=>setDishName([...dishNames, item.heading])}>Add</button>}
{dishNames.find(ele=>ele.name===item.heading) ? <button key={`Breakfast_order_button${index}`} id='Order_buttons_Book_page' style={{backgroundColor:'white',color:'black',fontWeight:'600'}}>✓ Added</button> : <button key={`Breakfast_order_button${index}`} id='Order_buttons_Book_page' onClick={()=>handle_dish(item)}>Add</button>}
</div>
))
}
{
data.lunch.map((item,index)=>(
<div key={`lunch_item_container${index}`} style={{display:'flex',flexDirection:'column',flex:'1 0 8rem'}}>
<img src={item.url} alt={`img_lunch_dish${index+4}`} key={`images_tag_lunch_food_book${index+4}`} style={{width:100,height:100,objectFit:'contain',padding:3}} />
{dishNames.includes(item.heading) ?<button key={`Lunch_order_button${index}`} id='Order_buttons_Book_page' style={{backgroundColor:'white',color:'black',fontWeight:'600'}}>✓ Added</button>: <button key={`Lunch_order_button${index}`} id='Order_buttons_Book_page' onClick={()=>setDishName([...dishNames, item.heading])}>Add</button>}
{dishNames.find(ele=>ele.name===item.heading) ?<button key={`Lunch_order_button${index}`} id='Order_buttons_Book_page' style={{backgroundColor:'white',color:'black',fontWeight:'600'}}>✓ Added</button>: <button key={`Lunch_order_button${index}`} id='Order_buttons_Book_page' onClick={()=>handle_dish(item)}>Add</button>}
</div>
))
}
{
data.dinner.map((item,index)=>(
<div key={`dinner_Item_container${index}`} style={{display:'flex',flexDirection:'column',flex:'1 0 8rem'}}>
<img src={item.url} alt={`img_dinner_dish${index+8}`} key={`images_tag_dinner_food_book${index+8}`} style={{width:100,height:100,objectFit:'contain',padding:3}} />
{dishNames.includes(item.heading) ?
{dishNames.find(ele=>ele.name===item.heading) ?
<button key={`Dinner_order_button${index}`} id='Order_buttons_Book_page' style={{backgroundColor:'white',color:'black',fontWeight:'600'}}>✓ Added</button>:
<button key={`Dinner_order_button${index}`} id='Order_buttons_Book_page' onClick={()=>setDishName([...dishNames, item.heading])}>Add</button>}
<button key={`Dinner_order_button${index}`} id='Order_buttons_Book_page' onClick={()=>handle_dish(item)}>Add</button>}
</div>
))
}
</div>
</div>
<div style={{display:'flex',flexDirection:'column',paddingTop:10}}>
<h3 style={{color:detail.error===undefined?'white':'red'}}>{detail.error===undefined?"No error":detail.error}</h3>
<h3 id='packages'>{`prize:₹${checker.cheif_Prize+dishNames.reduce((acc,dish)=>acc + Number(dish.prize), 0)}`}</h3>
<button className="button-50" onClick={()=>booked()}>Book</button>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/Home.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ const Home = () => {
<div key={`parent_tag_${item}${index}`}>
<img key={`its_img${item}${index}`} src={item.url} alt={item.alt} />
<h2 id='packageName' key={`its_name${item}${index}`} style={{textAlign:'center'}}>{item.heading}</h2>
<p id='packageName' key={`its_prize${item}${index}`} style={{fontSize:14}}>{item.prize}</p>
<p id='packageName' key={`its_prize${item}${index}`} style={{fontSize:14}}>{`₹${item.prize}`}</p>
</div>
))}
</div></div>
Expand Down
16 changes: 8 additions & 8 deletions src/assets/cheif.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,45 +3,45 @@ const cheif=[
url:'https://i.pinimg.com/474x/d2/35/47/d2354797cfb995122e8bf0248cb1fd76.jpg',
name:'Daniel',
experience:'6 Years of Experience',
prize:'1800/day'
prize:2500
},
{
url:require('./icons/chief_images.png'),
name:'Uruttu williams',
prize:'1700/day',
prize:2600,
experience:'8 years of Experience'
},{
url:require('./icons/cheifs1.jpg'),
name:'Mano viswan Kesav',
prize:'2000/day',
prize:2200,
experience:'10 Years of Experience'
},{
url:require('./icons/chief_image.png'),
name:'butt adam',
prize:'1800/day',
prize:3000,
experience:'6 Years of Experience'
},{
url:require('./icons/cheif(6).png'),
name:'Nalina',
prize:'2000/day',
prize:2600,
experience:'3 Years of Experience'
},
{
url:require('./icons/sivangi_mathur.png'),
name:'Sivangi Mathur',
prize:'1800/day',
prize:2500,
experience:'5 Years of Experience'
},{

url:require('./icons/manikandan.png'),
name:'Manikandan',
prize:'2000/day',
prize:3500,
experience:'15 Years of Experience'
}
,{
url:require('./icons/cheif_damuDharan.png'),
name:'Damu Dharan',
prize:'2500/day',
prize:5000,
experience:'25 Years of Experience'
}
]
Expand Down
24 changes: 12 additions & 12 deletions src/assets/data.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,67 +4,67 @@ const breakfast=[
url:require('./icons/pizza.png'),
alt:'Pizza',
heading:'Pizza',
prize:'₹350'
prize:350

},{
url:'https://png.pngtree.com/png-clipart/20231005/original/pngtree-barger-fast-food-on-transparent-background-png-image_13279291.png',
alt:"burger",
heading:"Burger",
prize:'₹400'
prize:400
},{
url:require('./icons/3.png'),
heading:'Noodles',
alt:'Noodles',
prize:'₹350'
prize:350

},{
url:require('./icons/5.png'),
heading:'Bread & Egg',
alt:'Bread & Egg',
prize:'₹150'
prize:150
}
]
const lunch=[{
url:'https://pngbuy.com/wp-content/uploads/2023/06/Crispy-Chicken-Handi-Biryani-PNG.png',
alt:'chicken',
heading:'Chicken Biryani',
prize:'₹550'
prize:550
},{
url:chicken_tikka,
heading:'Chicken Tikka',
alt:'chicken-tikka',
prize:'₹350'
prize:350
},{
url:require('./icons/1.png'),
heading:'Mutton Beffis',
alt:'Mutton Beffis',
prize:'₹350'
prize:350
},{
url:require('./icons/2.png'),
heading:'Mutton Duffy',
alt:'Mutton Duffy',
prize:'₹450'
prize:450
}
]
const dinner=[{
url:require('./icons/sushi.png'),
heading:'sushi',
alt:'sushi(chines dish)',
prize:'₹550'
prize:550
},{
url:require('./icons/4.png'),
heading:'Mushroom & Mutton Noodles',
alt:'Mushroom & Mutton Noodles',
prize:'₹400'
prize:400
},{url:require('./icons/chinies.png'),
heading:'Pron Fry Noodles',
alt:'Pron Fry Noodles',
prize:'₹650'
prize:650
},{
url:require('./icons/6.png'),
heading:'Salad',
alt:'Salad',
prize:'₹150'
prize:150
}
]
const data={breakfast,lunch,dinner}
Expand Down

0 comments on commit 8f48f34

Please sign in to comment.