ov-shopify

ov-shopify.jsx

<Segment>
  <Grid>
    <Column size="eight">
      <BasicField
        label="Order Number:"
        value={_.get(object, 'data.tempRaw.order_number')}
      />
      <BasicField
        label="Shopify:"
        value={<a target="_blank" href={`https://www.myshopify.com/admin/orders/${_.get(object, 'data.tempRaw.id')}`} >{_.get(object, 'data.tempRaw.id')}</a>}
      />
      <BasicField
        label="Mainframe:"
        value={<a target="_blank" href={`https://mainframe.outdoorvoices.com/tradegecko/search/?q=${_.get(object, 'data.tempRaw.name').slice(1)}`} >{_.get(object, 'data.tempRaw.name')}</a>}
      />
      <BasicField label="Date Order Created:" value={_.get(object, 'data.tempRaw.created_at')} />
      <BasicField label="Fulfillment Status:" value={_.get(object, 'data.tempRaw.fulfillment_status')} />
      <BasicField label="Financial Status:" value={_.get(object, 'data.tempRaw.financial_status')} />
      <BasicField label="Status:" value={_.get(object, 'data.tempRaw.status')} />

      <BasicField label="Hours since last conversation:" value={_.get(object, 'custom.hoursSinceConversationNum')} />
      <BasicField label="Last Conversation Date:" value={_.get(object, 'custom.lastConversationAt')} />
      <Conversation id={object.custom.conversationRel} />
    </Column>
    <Column size="eight">
      <BasicField label="Subtotal:" value={`$${_.get(object, 'data.tempRaw.subtotal_price')}`} />
      <BasicField label="Tax:" value={`$${_.get(object, 'data.tempRaw.total_tax')}`} />
      <BasicField label="Credits + Promos:" value={`$${_.get(object, 'data.tempRaw.total_discounts')}`} />
      <BasicField label="Total Charged:" value={`$${_.get(object, 'data.tempRaw.total_price')}`} />
    </Column>
  </Grid>
          <div>
          	<br />
            <hr />
            <br />
            <Grid>
              <Column size="six">
                { _.get(object, 'data.tempRaw.shipping_address.first_name') ?
                  <BasicField
                    label="Name:"
                    value={`${_.get(object, 'data.tempRaw.shipping_address.first_name')} ${_.get(object, 'data.tempRaw.shipping_address.last_name')}`}
                  />
                  : <BasicField
                    label="Name:"
                    value={`${_.get(object, 'data.tempRaw.customer.first_name')} ${_.get(object, 'data.tempRaw.customer.last_name')}`}
                  />
                }
                <BasicField
                  label="Address:"
                  value={_.get(object, 'data.tempRaw.shipping_address.address1')}
                />
                { _.get(object, 'data.tempRaw.shipping_address.address2') ?
                  <BasicField
                    label="Address 2:"
                    value={_.get(object, 'data.tempRaw.shipping_address.address2')}
                  />
                  : null
                }
                <BasicField
                  label="Phone:"
                  value={_.get(object, 'data.tempRaw.shipping_address.phone')}
                />
                <BasicField
                  label="City/State/Zip:"
                  value={`${_.get(object, 'data.tempRaw.shipping_address.city',) || ''} ${_.get(object, 'data.tempRaw.shipping_address.province') || ''} ${_.get(object, 'data.tempRaw.shipping_address.zip') || ''}`}
                />
                <br />

              </Column> 
              
            </Grid>
                            <hr />
            <br />
                          <Grid>
							{
             _.map(_.get(object, 'data.tempRaw.line_items', []), product => {
                return (
              
                    <Column size="sixteen">
                      <Grid>
                    	<Column size="eight">
                        <BasicField
                          label="Product Name:"
                          value={_.get(product, 'name')}
                        />
                        <BasicField
                          label="Product Sku:"
                          value={_.get(product, 'sku')}
                        />
                      </Column>
                      <Column size="eight">
                        <BasicField
                          label="Quantity:"
                          value={_.get(product, 'quantity')}
                        />
                        <BasicField
                          label="Price:"
                          value={`$${_.get(product, 'price')}`}
                        />
                       </Column>
                       </Grid>
                      <br />
                    </Column>
                )
              })
            }
            </Grid>
          </div>
         <hr />
         <br />
</Segment>