render() {
const { showing, selectedDate } = this.state;
const {
clearSelectedMovie,
data: { movie, sfCities, previousLocations },
setCity,
city
} = this.props;
const sfdates = this.getSfDates();
const locationName = showing.location;
return (
<PageWidthWrapper>
<Header>Skapa besök</Header>
<div>
<Showing
date={formatYMD(showing.date) + " " + showing.time}
adminId={showing.admin}
location={locationName}
movie={movie}
/>
<Field text="SF-stad (används för att hämta rätt tider):">
<select
value={city}
onChange={({ target: { value } }) => setCity(value)}
>
{sfCities.map(city => (
<option key={city.alias} value={city.alias}>
{city.name}
</option>
))}
</select>
</Field>
<Field text="Datum:">
<DatePicker
value={showing.date}
onChange={this.setShowingDate}
disabledDays={{ before: now }}
modifiers={{ sfdays: keys(sfdates).map(s => new Date(s)) }}
modifiersStyles={{
sfdays: {
backgroundColor: "#fff",
borderColor: "#d0021b",
color: "#d0021b"
}
}}
/>
</Field>
{this.renderSelectSfTime(sfdates[selectedDate], showing)}
<SmallHeader>...eller skapa egen tid</SmallHeader>
<Field text="Tid:">
<Input
type="time"
value={showing.time}
onChange={v => this.setShowingValueFromEvent("time", v)}
/>
</Field>
<Field text="Plats:">
<LocationSelect
previousLocations={previousLocations}
value={locationName}
onChange={value => this.setShowingValue("location", value)}
/>
</Field>
<GrayButton onClick={clearSelectedMovie}>Avbryt</GrayButton>
<MainButton onClick={this.handleSubmit}>Skapa besök</MainButton>
</div>
</PageWidthWrapper>
);
}
(flattenDepth(null, null): Array<*>);
(flow(): Function);
(flowRight(): Function);
(fromPairs(null): {});
(functions(null): Array<*>);
(functionsIn(null): Array<*>);
(groupBy(null, null): {});
(initial(null): Array<*>);
(intersection(): Array<*>);
(intersectionBy(): Array<*>);
(invert(null, null): {});
(invertBy(null, null): {});
(invokeMap(): Array<*>);
(iteratee(null): Function);
(keyBy(null, null): {});
(keys(null): Array<*>);
(keysIn(null): Array<*>);
(map(null, null): Array<*>);
(mapKeys(null, null): {});
(mapValues(null, null): {});
(matches(null): Function);
(matchesProperty(null, null): Function);
(merge(): {});
(mergeWith(): {});
(method(): Function);
(methodOf(): Function);
(nthArg(null): Function);
(omit(): {});
(omitBy(null, null): {});
(orderBy(null, null, null): Array<*>);
(over(): Function);