anlisha-maharjan

name: 🚀 Deploy on push master

on: 
  push:
    branches:    
      - master 
    
jobs:
  web-deploy:
    name: 🎉 Deploy

anlisha-maharjan

#!/bin/bash
set -e

echo "Deployment started ..."

# Enter maintenance mode or return true
# if already is in maintenance mode
(php artisan down) || true

# Pull the latest version of the app

anlisha-maharjan

name: 🚀 Deploy on push master

on: 
  push:
    branches:    
      - master 

jobs:
  web-deploy:
    name: 🎉 Deploy

anlisha-maharjan

import React from "react";
import * as Mui from "@mui/material";
import { Formik, Form, Field, FieldArray } from "formik";
import * as Yup from "yup";
import { get } from "lodash";

const YupValidation = () => {
  Yup.addMethod(Yup.array, "unique", function (message, path) {
    return this.test("unique", message, function (list) {
      const mapper = (x) => get(x, path);

anlisha-maharjan

#bitbucket-pipelines.yml
image: node:14.0.0

pipelines:
  branches:
    master:
      - step:
          name: Build React (Prod Server)
          script:
            - npm cache clean --force

anlisha-maharjan

import React, { useState, useEffect } from "react";
import * as Mui from "@mui/material";
import { GoogleMap, DirectionsRenderer } from "@react-google-maps/api";
import moment from "moment";
import { IconClock, IconRoute } from "src/components/svg";

const Map = (props) => {
  const [directions, setDirections] = useState(null);
  const directionsService = new window.google.maps.DirectionsService();

anlisha-maharjan

import React from "react";
import * as Mui from "@mui/material";
import { Field, FieldArray } from "formik";
import { IconAdd, IconTrash } from "src/components/svg";
import GoogleAutocomplete from "src/components/autocomplete";

const Location = (props) => {
  return (
    <Mui.Card className="default-card-dark-card pos-relative">
      <Mui.Grid container spacing={3}>

anlisha-maharjan

import React from "react";
import { ThemeProvider } from "@mui/material/styles";
import * as Mui from "@mui/material";
import { Formik, Form } from "formik";
import theme from "src/configs/theme";
import Location from "src/components/location";
import Map from "src/components/map";

function App() {
  return (

anlisha-maharjan

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
}

/* ##### Custom Timepicker InputMask & ReactDateTime ##### */

anlisha-maharjan

import React, { useState } from "react";
import Datetime from "react-datetime";
import InputMask from "react-input-mask";
import moment from "moment";

const CustomTimePicker = ({ label, classes, ...props }) => {
  const [selectedTime, setSelectedTime] = useState("00:00");
  const [formatChars] = useState({
    1: "[0-2]",
    2: "[0-9]",