add placeholders

src/components/CreateScrapeRequest/CreateScrapeRequest.js

@@ -81,19 +81,19 @@ const CreateScrapeRequest = ({ handleRequest }) => {
                         </div>
                         <div className="col-md-2">
                             <div className="form-group">
-                                <Select options={prices} value={{ name: requestObject.price, label: requestObject.price }} onChange={handleChangePriceType} />
+                                <Select options={prices}  onChange={handleChangePriceType} placeholder={t('createScrapeRequest.PricePlaceholder')} />
                             </div>
                         </div>
                         <div className="col-md-2">
                             <div className="form-group">
-                                <Select className="cursor-pointer" value={{ name: requestObject.beds, label: requestObject.beds }} options={beds} onChange={handleChangeBedType} />
+                                <Select   className="cursor-pointer" options={beds}  onChange={handleChangeBedType} placeholder={t('createScrapeRequest.BedsPlaceholder')}/>
                             </div>
                         </div>
                         <div className="col-md-2">
-                            <Select className="cursor-pointer" value={{ name: requestObject.type, label: requestObject.type }} options={types} onChange={handleChangeFilterType} />
+                            <Select  className="cursor-pointer"  options={types} onChange={handleChangeFilterType} placeholder={t('createScrapeRequest.TypePlaceholder')}  />
                         </div>
                         <div className="col-md-2">
-                            <Select className="cursor-pointer" value={{ name: requestObject.lifestyle, label: requestObject.lifestyle }} options={lifeStyles} onChange={handleChangeLifeStyleType} />
+                            <Select  className="cursor-pointer"  options={lifeStyles} onChange={handleChangeLifeStyleType} placeholder={t('createScrapeRequest.LifestylePlaceholder')}/>
                         </div>
                         <div className="col-md-1">
                             <button type="button" onClick={() => { handleRequest(requestObject); setRequestObject({ location: '' }) }} className="btn btn-outline-primary cursor-pointer">Request</button>

src/i18n/resources/en.js

@@ -87,7 +87,12 @@ export default {
   },
   createScrapeRequest: {
     Title: "Request new scrappe",
-    LocationPlaceholder : "Location or Point of Interest"
+    LocationPlaceholder : "Location or Point of Interest",
+    PricePlaceholder: "price",
+    BedsPlaceholder:"beds",
+    LifestylePlaceholder :"lifestyle",
+    TypePlaceholder: "type"
+
   },
   scrapeRequests: {
     Title: "Scrappes",