SentContent
6 | )
7 | }
8 |
9 | export default SentContent
--------------------------------------------------------------------------------
/frontend/src/views/Invoices/components/contentInvoice/ReceiveContent.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | const ReceiveContent = () => {
4 | return ReceiveContent
;
5 | };
6 |
7 | export default ReceiveContent;
8 |
--------------------------------------------------------------------------------
/frontend/src/views/Register/configLanguage.ts:
--------------------------------------------------------------------------------
1 | export const datamapoption = [
2 | {
3 | label: "EN",
4 | value: 'en',
5 | },
6 | {
7 | label: "VI",
8 | value: 'vi',
9 | }
10 | ]
11 |
--------------------------------------------------------------------------------
/frontend/src/components/Toast/index.tsx:
--------------------------------------------------------------------------------
1 |
2 |
3 | export { default as ToastContainer } from './ToastContainer'
4 | export { types as toastTypes } from './types'
5 | export type { ToastContainerProps, Toast, Types as ToastTypes } from './types'
6 |
--------------------------------------------------------------------------------
/frontend/src/routerHistory.ts:
--------------------------------------------------------------------------------
1 | import { createBrowserHistory } from 'history'
2 |
3 | // Manually create the history object so we can access outside the Router e.g. in modals
4 | const history = createBrowserHistory()
5 |
6 | export default history
7 |
--------------------------------------------------------------------------------
/frontend/src/state/user/types.ts:
--------------------------------------------------------------------------------
1 | export interface UserType {
2 | uid: string;
3 | username: string;
4 | firstName: string;
5 | lastName: string;
6 | email: string;
7 | roles: Array
7 | sent tab
8 |
10 | )
11 | }
12 |
13 | export default SentTab
--------------------------------------------------------------------------------
/backend/src/services/platformAPIClient.ts:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import env from "../environments";
3 |
4 | const platformAPIClient = axios.create({
5 | baseURL: env.platform_api_url,
6 | timeout: 20000,
7 | headers: { 'Authorization': `Key ${env.pi_api_key}` }
8 | });
9 |
10 | export default platformAPIClient;
--------------------------------------------------------------------------------
/frontend/src/views/Invoices/components/ReceiveTab.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReceiveContent from './contentInvoice/ReceiveContent'
3 |
4 | const ReceiveTab = () => {
5 | return (
6 |
7 | Receive tab
8 |
10 | )
11 | }
12 |
13 | export default ReceiveTab
--------------------------------------------------------------------------------
/frontend/src/utils/truncateHash.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Truncate a transaction or address hash
3 | */
4 |
5 |
6 | const truncateHash = (address: string, startLength = 4, endLength = 4) => {
7 | return `${address.substring(0, startLength)}...${address.substring(address.length - endLength)}`
8 | }
9 |
10 | export default truncateHash
11 |
--------------------------------------------------------------------------------
/backend/docker/processes.config.js:
--------------------------------------------------------------------------------
1 | // PM2 config file to run the app in production mode.
2 | // Make sure the name of this file ends with config.js
3 |
4 | module.exports = {
5 | apps: [{
6 | name: "demoapp-backend",
7 | script: "/usr/src/app/build/index.js",
8 | exec_mode: "cluster",
9 | instances: 4,
10 | }]
11 | }
--------------------------------------------------------------------------------
/frontend/src/state/user/actions.ts:
--------------------------------------------------------------------------------
1 | import { createAction } from '@reduxjs/toolkit'
2 | import { UserType } from "./types"
3 |
4 | export const setUser = createAction
25 |
31 | )
32 | }
--------------------------------------------------------------------------------
/frontend/src/state/preview/reducer.ts:
--------------------------------------------------------------------------------
1 | import { createReducer } from "@reduxjs/toolkit"
2 | import { getDataPreview, getDataImages, fetchStatusPreview } from "./actions"
3 | import { ItemsPreview } from "./type"
4 |
5 | interface globalStateInvoice {
6 | dataPreview:ItemsPreview,
7 | images: any,
8 | isPreview: boolean
9 | }
10 |
11 | export const initialState: globalStateInvoice = {
12 | dataPreview:null,
13 | images: null,
14 | isPreview: false
15 | }
16 |
17 | export default createReducer(initialState, (builder) =>
18 | builder
19 | .addCase(getDataPreview, (state, action) => {
20 | state.dataPreview = action.payload.dataPreview
21 | })
22 | .addCase(getDataImages, (state, action) => {
23 | state.images = action.payload.images
24 | })
25 | .addCase(fetchStatusPreview, (state, action) => {
26 | state.isPreview = action.payload.isPreview
27 | })
28 | )
29 |
--------------------------------------------------------------------------------
/backend/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM node:16
2 |
3 | # Create app directory
4 | WORKDIR /usr/src/app
5 |
6 | # Install app dependencies
7 | # A wildcard is used to ensure both package.json AND package-lock.json are copied
8 | # where available (npm@5+)
9 | COPY package.json ./
10 | COPY yarn.lock ./
11 |
12 | # When building for production, use the lockfile as-is:
13 | RUN yarn install --frozen-lockfile
14 | # RUN npm ci --only=production
15 |
16 | # Bundle app source
17 | # TODO make this only copy the necessary files instead of copying the whole directory
18 | COPY ./src ./src
19 | COPY ./tsconfig.json ./tsconfig.json
20 |
21 | RUN yarn build
22 |
23 | RUN yarn global add pm2
24 | COPY ./docker/processes.config.js ./processes.config.js
25 |
26 | RUN mkdir -p log && touch log/.keep
27 |
28 | EXPOSE 8080
29 | CMD [ "pm2-runtime", "./processes.config.js" ]
30 |
31 | # CMD [ "pm2-runtime", "build/index.js" ]
32 | # CMD [ "node", "build/index.js" ]
33 |
--------------------------------------------------------------------------------
/frontend/src/translation/languages/previewInvoice.ts:
--------------------------------------------------------------------------------
1 | export const previewInvoice_text:any = {
2 | "text_bill_from": " Bill From",
3 | "text_bill_to": " Bill To",
4 | "text_ship_to": " Ship To",
5 | "text_date": "Date",
6 | "text_due_date": "Due Date",
7 | "text_po_number": "PO Number",
8 | "text_subtotal": "Subtotal",
9 | "text_tax": "Tax",
10 | "text_total": "Total",
11 | "text_discount": "Discount",
12 | "text_shipping": "Shipping",
13 |
14 | "text_payment_terms": "Payment Terms",
15 | "text_allowances": "Allowances",
16 | "text_back": "Back",
17 | "text_item": "item",
18 | "text_quanlity": "quantity",
19 | "text_unit_price": "unit price",
20 | "text_amount_due": "Amount Due",
21 | "text_amount_paid": "Amount Paid",
22 | "text_notes": "Notes",
23 | "text_terms": "Terms",
24 | "text_shipto": "Ship to",
25 | "text_invoiceNumber": "Invoice Number",
26 | }
27 |
--------------------------------------------------------------------------------
/frontend/src/views/Home/components/ModalAlertLogin.tsx:
--------------------------------------------------------------------------------
1 |
2 | import styled from "styled-components";
3 | import React from "react";
4 | import { Flex, Text, Button } from "@devfedeltalabs/pibridge_uikit";
5 |
6 | export interface Props {
7 | isAuthencation:boolean
8 | }
9 |
10 |
11 | export const AlertLoginModal = ({ isAuthencation }) => {
12 | if ( isAuthencation ) {
13 | return(
14 | You need to sign in first.
26 |
27 |
28 |
29 |
30 | Pi Bakery
24 |
25 |
26 | {props.user === null ? (
27 |
28 | ) : (
29 |
34 |
30 | @{props.user.username}
31 |
32 | )}
33 |
15 |
33 | )
34 | }
--------------------------------------------------------------------------------
/frontend/src/components/Svg/Icons/RemoveIcon.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { SvgProps } from '../types'
3 |
4 | const LoginIcon: React.FC
16 |
25 |
26 |
17 | 
18 |
19 |
20 |
21 |
24 | {props.name}
22 |{props.description}
23 |
27 | {props.price} Test-π
28 | 29 |
30 |
31 | {props.pictureCaption}
32 | 28 | 29 |
27 |
--------------------------------------------------------------------------------
/frontend/src/components/DeleteModal/index.tsx:
--------------------------------------------------------------------------------
1 | import { Button, Flex, Modal, Text } from "@devfedeltalabs/pibridge_uikit";
2 | import { useTranslation } from "react-i18next";
3 | import { useDispatch } from "react-redux";
4 | import { Translate } from "react-auto-translate";
5 | import { axiosClient } from "../../config/htttp";
6 | import { AppDispatch } from "../../state";
7 | import { setUser } from "../../state/user/actions";
8 | import { AuthResult, PaymentDTO } from "../Menu/UserMenu/type";
9 | import TranSlatorModal from "components/TranSlatorModal/TranSlatorModal";
10 | import { fetchLoading } from "state/invoice/actions";
11 | import { RemoveIcon } from "components/Svg";
12 |
13 | interface Props {
14 | onDismiss?: () => void;
15 | }
16 |
17 | const DeleteModal: React.FC
29 |
37 | 30 | EZ Invoice 31 |
32 |${params.text_new_invoice}
33 |${params.username} ${params.text_sent_invoice} #${params.invoiceNumber}
34 |${params.text_tip}
35 |${params.text_invoice_total}: ${params.amountDue} PI
36 |
70 |