@vixoniccom/menu-daily 0.1.2-dev.1 → 0.2.0-dev.1

package/src/scenes/components/MealContainer/index.tsx

@@ -9,17 +9,17 @@ type Props = {
 }
 
 export default class MealContainer extends React.Component<Props, any> {
-  constructor (props: Props) {
-    super (props)
+  constructor(props: Props) {
+    super(props)
     this.state = {}
   }
 
-  render () {
-    let { data, interval, vixonicData } = this.props
-    let { parameters } = vixonicData
-    let rows = parameters.itemGridRows || 1
-    let pages = Math.ceil(data.options.length / rows)
-    let cycle = parameters.itemAnimationDuration && parameters.itemAnimationDuration * 1000 || (interval / pages)
+  render() {
+    const { data, interval, vixonicData } = this.props
+    const { parameters } = vixonicData
+    const rows = parameters.itemGridRows || 1
+    const pages = Math.ceil(data.options.length / rows)
+    const cycle = parameters.itemAnimationDuration ? parameters.itemAnimationDuration * 1000 : interval / pages
     return <div style={{
       display: 'flex',
       flexDirection: 'column',
@@ -30,29 +30,29 @@ export default class MealContainer extends React.Component<Props, any> {
       <Title
         text={data.type}
         vixonicData={vixonicData}
-        getPadding={(padding) => this.setState({padding})} />
-      { data && data.options &&
-      <Grid
-        style={{
-          flex: 1,
-          padding: parameters.itemGridMargins || this.state.padding
-        }}
-        fontSize='inherit'
-        id={data.type}
-        items={data.options.map((option) => (<OptionItem data={option} vixonicData={vixonicData} />))}
-        animate={true}
-        animation={{
-          mode: parameters.animationMode || 'fade',
-          duration: cycle
-        }}
-        layout={{
-          columns: 1,
-          rows,
-          alignment: {
-            h: 'start',
-            v: 'center'
-          }
-        }} />
+        getPadding={(padding) => this.setState({ padding })} />
+      {data?.options &&
+        <Grid
+          style={{
+            flex: 1,
+            padding: parameters.itemGridMargins || this.state.padding
+          }}
+          fontSize='inherit'
+          id={data.type}
+          items={data.options.map((option) => (<OptionItem key={option} data={option} vixonicData={vixonicData} />))}
+          animate={true}
+          animation={{
+            mode: parameters.animationMode || 'fade',
+            duration: cycle
+          }}
+          layout={{
+            columns: 1,
+            rows,
+            alignment: {
+              h: 'start',
+              v: 'center'
+            }
+          }} />
       }
     </div>
   }

package/src/test/parameters.json

@@ -1,11 +1,11 @@
 {
   "parameters":{
-     "animationDuration":10,
+     "animationDuration":3,
      "animationMode":"fade",
      "backgroundImage":{
         "filename":"background.jpg"
      },
-     "containerGridMargins":"110px 30px 30px 30px",
+     "containerGridMargins":"110px 50px 30px 40px",
      "containerGridRows":2,
      "containerGridRowsGap":5,
      "itemGridRows":3,
@@ -30,7 +30,9 @@
           "filename": "bold-font.ttf"
         }
      },
-     "pollingInterval": 300000,
-     "url":"https://docs.google.com/spreadsheets/d/e/2PACX-1vRNutB0GG-4deRCMFk5R3mGWWHS3ctoVZOjS7ZzK4Z3wFfozYYLet4TYXiArJ-8eeWwqQtgP3StDkkF/pub?output=xlsx"
+     "msj0": "Sin menú",
+     "menuService": {
+        "id": "38c3df7c-fb9e-e5a5-489a-d6e31048c2d3"
+     }
   }
-}
+}