simbathesailor

function getImageDimension(imgUrl) {
  return new Promise((resolve, reject) => {
    if (!imgUrl) {
      reject({
        status: "FAILURE"
      });
    }
    try {
      const img = new Image();

simbathesailor

{
  "workbench.fontAliasing": "antialiased",
  "window.zoomLevel": 3,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  "eslint.validate": ["javascript", "javascriptreact"],
  "eslint.codeAction.showDocumentation": {
    "enable": true

simbathesailor

#!/bin/sh

# https://stackoverflow.com/questions/31992627/git-pre-commit-hook-error-color
# COLOR CODES
red='\033[0;41m'
white='\033[0;47m'
green='\033[0;32m'
yellow='\033[0;33m'
no_color='\033[0m'

simbathesailor

function useQRCodeScan({
  qrcodeMountNodeID = "",
  closeAfterScan = true,
  getQrBoxDimension,
}) {
  const [decodedQRData, setDecodedQrData] = useState({
    isScanning: false,
    isScanSuccess: false,
    isScanFailure: false,
    data: null,

simbathesailor

import React, { useState, useEffect } from "react";
import styled from "styled-components";
import PropTypes from "prop-types";

function getCustomIdname(props) {
  return props.uniqueContainerId ? `-${props.uniqueContainerId}` : "-";
}
export const PDFViewCustomContainer = styled.div`
  // default css, not add it here to avoif large gist
  ${(props) => props.styles || ""}

simbathesailor

import React, { useState, useEffect } from "react";
import styled from "styled-components";
import PropTypes from "prop-types";
// import './previewtest.css';

function getCustomIdname(props) {
  return props.uniqueContainerId ? `-${props.uniqueContainerId}` : "-";
}
export const PDFViewCustomContainer = styled.div`
  header {

simbathesailor

import React, { useState, useEffect } from "react";
import styled from "styled-components";
import PropTypes from "prop-types";
// import './previewtest.css';

function getCustomIdname(props) {
  return props.uniqueContainerId ? `-${props.uniqueContainerId}` : "-";
}
export const PDFViewCustomContainer = styled.div`
  header {

simbathesailor

function PdfPreview(props) {
  const { docUrl, uniqueContainerId = "pdf-preview", styles } = props;

  useEffect(() => {
    // Plain javascript mozilla pdf.js initialization code can be placed here
  }, [docUrl]);
  return (
    <PDFViewCustomContainer
      styles={styles}
      uniqueContainerId={uniqueContainerId}

simbathesailor

https://codesandbox.io/s/strange-elion-h5rhr?file=/src/index.js

simbathesailor

https://codesandbox.io/s/jest-and-enzyme-testing-forked-cpjns?file=/src/index.js