kagundajm

const invoice = {
    "id": "5df3180a09ea16dc4b95f910",
    "invoice_no": "201906-28",
    "balance": "$2,283.74",
    "company": "MANTRIX",
    "email": "susanafuentes@mantrix.com",
    "phone": "+1 (872) 588-3809",
    "address": "922 Campus Road, Drytown, Wisconsin, 1986",
    "trans_date": "2019-09-12",
    "due_date": "2019-10-12",

kagundajm

const invoice = {
    "id": "5df3180a09ea16dc4b95f910",
    "invoice_no": "201906-28",
    "balance": "$2,283.74",
    "company": "MANTRIX",
    "email": "susanafuentes@mantrix.com",
    "phone": "+1 (872) 588-3809",
    "address": "922 Campus Road, Drytown, Wisconsin, 1986",
    "trans_date": "2019-09-12",
    "due_date": "2019-10-12",

kagundajm

## Setup MySQL on macOS Sierra

* Check and Install

  * Get info on MySQL: `brew info mysql` expected (as at May 2020) **mysql: stable 8.0.19 (bottled)**

  * Install MySQL: `brew install mysql`

  * After installation, you should observe the following:

kagundajm

Setup MySQL on macOS Sierra

• Check and Install

  • Get info on MySQL: brew info mysql expected mysql: stable 8.0.19 (bottled)

  • Install MySQL: brew install mysql

  • After installation, you should observe the following:

kagundajm

VS Code - Manage App Secrets in ASP.NET Core Project

Secret Manager tool stores unencrypted sensitive data during development of an ASP.NET Core project in a separate location from the project tree.

Data stored in key/value pairs in a JSON configuration file in a system-protected user profile folder on local machine.

• Windows : %APPDATA%\Microsoft\UserSecrets<user_secrets_id>\secrets.json

• Linux/macOS: ~/.microsoft/usersecrets/<user_secrets_id>/secrets.json

kagundajm

{
    id: '{{objectId()}}',
    invoice_no: '{{date(new Date(2019, 0, 1), new Date(), "YYYYMM")}}-{{integer(100)}}',
    balance: '{{floating(1000, 4000, 2, "$0,0.00")}}',
    company: '{{company().toUpperCase()}}',
    email: '{{email()}}',
    phone: '+1 {{phone()}}',
    address: '{{integer(100, 999)}} {{street()}}, {{city()}}, {{state()}}, {{integer(100, 10000)}}',
    trans_date: '{{date(new Date(2019, 8, 1), new Date(2019,8,31), "YYYY-MM-dd")}}',
    due_date: '{{date(new Date(2019, 9, 4), new Date(2019,9,31), "YYYY-MM-dd")}}',

kagundajm

const invoiceData = {
  id: "5df3180a09ea16dc4b95f910",
  invoice_no: "201906-28",
  balance: "$2,283.74",
  company: "MANTRIX",
  email: "susanafuentes@mantrix.com",
  phone: "+1 (872) 588-3809",
  address: "922 Campus Road, Drytown, Wisconsin, 1986",
  trans_date: "2019-09-12",
  due_date: "2019-10-12",

kagundajm

import React from 'react';
import { Page, Document, Image, StyleSheet } from '@react-pdf/renderer';
import InvoiceTitle from './InvoiceTitle'
import BillTo from './BillTo'
import InvoiceNo from './InvoiceNo'
import InvoiceItemsTable from './InvoiceItemsTable'
import InvoiceThankYouMsg from './InvoiceThankYouMsg'
import logo from '../../../src/logo.png'

kagundajm

import React, { Component, Fragment } from 'react';
import {PDFViewer} from '@react-pdf/renderer'
import Invoice from './components/reports/Invoice'
import invoice from './data/invoice'

// import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {

kagundajm

import React from 'react';
import {Text, View, StyleSheet } from '@react-pdf/renderer';

const styles = StyleSheet.create({
   
    titleContainer:{
        flexDirection: 'row',
        marginTop: 24,
    },
    reportTitle:{