Ortalama Teslimat Süresini Gösteren Bileşen

[mksglu]

Açıklama

Belirli bir bölge seçildiğinde restoranların listelendiği bir alan var. Bu listelenen alanda da kullanılan kartlar var. Bu kartların içerisindeki küçük bileşenleri yapacağız. Bunlardan birisi de avgDeliveryTime bileşeni olacak.

Kabul

Bu bileşen 3 adet prop almalı içerisine.

1-) isOpen eğer restoran kapalı ise false almalı. Eğer restoran açık ise true almalı.

Burada 2 farklı seçenek çıkıyor karşımıza. Eğer restoran gün içerisinde açılacak ise From 16:00 diyoruz. Yani restoran açık ve gün içerisinde 16'dan sonra teslimat hizmeti verecek.

2-) fromTime eğer isOpen prop'u almış ve fromTime prop'u da gönderilmişse bu şekilde render edilmeli ekrana. Tipi ise string olmalı.

3-) estimationTime eğer isOpen prop'u almış ve estimationTime prop'u da gönderilmişse bu şekilde render edilmeli ekrana. Tipi ise string olmalı.

Bu bileşende isOpen kesin olarak alması gereken bir prop. estimationTime ve fromTime prop'larından birisini alabilir. Hangisi gönderişmiş ise bileşen o şekilde render edilmeli.

İkon ve yazının yan yana durmasını CSS Flexbox ile yapabilirsin.

Diğer

Ekran görüntüsü: https://www.thuisbezorgd.nl/en/order-takeaway-6269