Added Qr scann on mobile Funtionalites
This commit is contained in:
parent
9e4f9fe683
commit
701b5d136a
|
|
@ -16,6 +16,8 @@ import { getCompBranchData } from '../../Features/BrachLogin/BranchLogin.js';
|
||||||
import { changeBreadCrumb } from '../../Features/AppPage/CenterPage.js';
|
import { changeBreadCrumb } from '../../Features/AppPage/CenterPage.js';
|
||||||
import { useLocation, useNavigate } from 'react-router-dom';
|
import { useLocation, useNavigate } from 'react-router-dom';
|
||||||
import { postRequestStock } from '../../Features/RequestStock/RequestStock.js';
|
import { postRequestStock } from '../../Features/RequestStock/RequestStock.js';
|
||||||
|
import BarCodeScan from '../../Services/BarCodeScan.jsx';
|
||||||
|
import { isMobile } from 'react-device-detect';
|
||||||
const subDirectory = import.meta.env.BASE_URL;
|
const subDirectory = import.meta.env.BASE_URL;
|
||||||
|
|
||||||
function debounce(func, wait) {
|
function debounce(func, wait) {
|
||||||
|
|
@ -516,13 +518,22 @@ const CreateTransfer = () => {
|
||||||
disabled={isProcessing}
|
disabled={isProcessing}
|
||||||
/>
|
/>
|
||||||
</FloatLabel>
|
</FloatLabel>
|
||||||
|
{isMobile ? (
|
||||||
|
<div className="IsmoBileBarcode">
|
||||||
|
<BarCodeScan
|
||||||
|
onScan={(value) => {
|
||||||
|
debouncedScannerSearch(value);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
<Tooltip title="BarCode / QR Code">
|
<Tooltip title="BarCode / QR Code">
|
||||||
<BsUpcScan
|
<BsUpcScan
|
||||||
className={`product-scan-icon ${scanner ? 'active' : ''}`}
|
className={`product-scan-icon ${scanner ? 'active' : ''}`}
|
||||||
onClick={handleScannerToggle}
|
onClick={handleScannerToggle}
|
||||||
/>
|
/>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue