formatting

Author: Inbal-Tish

src/agenda/index.tsx

@@ -158,7 +158,6 @@ export default class Agenda extends Component<AgendaProps, State> {
     if (nextProps.items) {
       return {firstReservationLoad: false};
     }
-
     return null;
   }
 
@@ -186,10 +185,8 @@ export default class Agenda extends Component<AgendaProps, State> {
   };
 
   enableCalendarScrolling(enable = true) {
-    this.setState({
-      calendarScrollable: enable
-    });
-
+    this.setState({calendarScrollable: enable});
+    
     this.props.onCalendarToggled?.(enable);
 
     // Enlarge calendarOffset here as a workaround on iOS to force repaint.
@@ -205,10 +202,7 @@ export default class Agenda extends Component<AgendaProps, State> {
 
   loadReservations(props: AgendaProps) {
     if ((!props.items || !Object.keys(props.items).length) && !this.state.firstReservationLoad) {
-      this.setState(
-        {
-          firstReservationLoad: true
-        },
+      this.setState({firstReservationLoad: true},
         () => {
           this.props.loadItemsForMonth?.(xdateToData(this.state.selectedDay));
         }
@@ -231,9 +225,7 @@ export default class Agenda extends Component<AgendaProps, State> {
     this.props.onCalendarToggled?.(false);
 
     if (!optimisticScroll) {
-      this.setState({
-        topDay: day.clone()
-      });
+      this.setState({topDay: day.clone()});
     }
 
     this.setScrollPadPosition(this.initialScrollPadPosition(), true);
@@ -389,7 +381,12 @@ export default class Agenda extends Component<AgendaProps, State> {
 
   renderWeekDaysNames = memoize((weekDaysNames: string[]) => {
     return weekDaysNames.map((day, index) => (
-      <Text allowFontScaling={false} key={day + index} style={this.style.weekday} numberOfLines={1}>
+      <Text 
+        key={day + index} 
+        style={this.style.weekday} 
+        allowFontScaling={false} 
+        numberOfLines={1}
+      >
         {day}
       </Text>
     ));

src/agenda/reservation-list/index.tsx

@@ -90,11 +90,12 @@ class ReservationList extends Component<ReservationListProps, State> {
     /** If provided, a standard RefreshControl will be added for "Pull to Refresh" functionality. Make sure to also set the refreshing prop correctly */
     onRefresh: PropTypes.func
   };
-
+  
   static defaultProps = {
     refreshing: false,
     selectedDay: new XDate(true)
   };
+
   private style: {[key: string]: ViewStyle | TextStyle};
   private heights: number[];
   private selectedDay?: XDate;
@@ -123,10 +124,7 @@ class ReservationList extends Component<ReservationListProps, State> {
   componentDidUpdate(prevProps: ReservationListProps) {
     if (this.props.topDay && prevProps.topDay && prevProps !== this.props) {
       if (!sameDate(prevProps.topDay, this.props.topDay)) {
-        this.setState(
-          {
-            reservations: []
-          },
+        this.setState({reservations: []},
           () => this.updateReservations(this.props)
         );
       } else {
@@ -136,14 +134,13 @@ class ReservationList extends Component<ReservationListProps, State> {
   }
 
   updateDataSource(reservations: DayAgenda[]) {
-    this.setState({
-      reservations
-    });
+    this.setState({reservations});
   }
 
   updateReservations(props: ReservationListProps) {
     const {selectedDay} = props;
     const reservations = this.getReservations(props);
+    
     if (selectedDay && this.selectedDay)
     if (this.list && !sameDate(selectedDay, this.selectedDay)) {
       let scrollPosition = 0;
@@ -153,13 +150,15 @@ class ReservationList extends Component<ReservationListProps, State> {
       this.scrollOver = false;
       this.list?.current?.scrollToOffset({offset: scrollPosition, animated: true});
     }
+
     this.selectedDay = selectedDay;
     this.updateDataSource(reservations.reservations);
   }
 
   getReservationsForDay(iterator: XDate, props: ReservationListProps) {
     const day = iterator.clone();
     const res = props.items?.[toMarkingFormat(day)];
+    
     if (res && res.length) {
       return res.map((reservation: AgendaEntry, i: number) => {
         return {
@@ -180,6 +179,7 @@ class ReservationList extends Component<ReservationListProps, State> {
 
   getReservations(props: ReservationListProps) {
     const {selectedDay, showOnlySelectedDayItems} = props;
+    
     if (!props.items || !selectedDay) {
       return {reservations: [], scrollPosition: 0};
     }
@@ -276,12 +276,12 @@ class ReservationList extends Component<ReservationListProps, State> {
 
   render() {
     const {items, selectedDay, theme, style} = this.props;
+    
     if (!items || selectedDay && !items[toMarkingFormat(selectedDay)]) {
       if (isFunction(this.props.renderEmptyData)) {
         return this.props.renderEmptyData?.();
       }
-
-      return <ActivityIndicator style={this.style.indicator} color={theme?.indicatorColor} />;
+      return <ActivityIndicator style={this.style.indicator} color={theme?.indicatorColor}/>;
     }
 
     return (

src/agenda/reservation-list/reservation.tsx

@@ -15,7 +15,7 @@ import {Theme, AgendaEntry} from '../../types';
 export interface ReservationProps {
   date?: XDate;
   item?: AgendaEntry;
-  /** Specify theme properties to override specific styles for reservation parts. Default = {} */
+  /** Specify theme properties to override specific styles for item's parts. Default = {} */
   theme?: Theme;
   /** specify your item comparison function for increased performance */
   rowHasChanged?: (a: AgendaEntry, b: AgendaEntry) => boolean;
@@ -33,7 +33,7 @@ class Reservation extends Component<ReservationProps> {
   static propTypes = {
     date: PropTypes.any,
     item: PropTypes.any,
-    /** Specify theme properties to override specific styles for reservation parts. Default = {} */
+    /** Specify theme properties to override specific styles for item's parts. Default = {} */
     theme: PropTypes.object,
     /** specify your item comparison function for increased performance */
     rowHasChanged: PropTypes.func,
@@ -49,6 +49,7 @@ class Reservation extends Component<ReservationProps> {
 
   constructor(props: ReservationProps) {
     super(props);
+
     this.style = styleConstructor(props.theme);
   }
 
@@ -57,8 +58,8 @@ class Reservation extends Component<ReservationProps> {
     const d2 = nextProps.date;
     const r1 = this.props.item;
     const r2 = nextProps.item;
+    
     let changed = true;
-
     if (!d1 && !d2) {
       changed = false;
     } else if (d1 && d2) {
@@ -97,14 +98,14 @@ class Reservation extends Component<ReservationProps> {
         </View>
       );
     } else {
-      return <View style={this.style.day} />;
+      return <View style={this.style.day}/>;
     }
   }
 
   render() {
     const {item, date} = this.props;
+    
     let content;
-
     if (item) {
       const firstItem = date ? true : false;
       if (isFunction(this.props.renderItem)) {