Added Qr Funtionalites

src/Pages/StockMaster/StockForm.jsx

@@ -76,6 +76,8 @@ import AddAllProductsButton from './AddAllProductGrid.jsx';
 import SettingsIconWithModal from './SettingsIconWithModal.jsx';
 import VirtualizedTable from './VirtualizedTable.jsx';
 import { useDebounce } from './UseDebounce.jsx';
+import { isMobile } from 'react-device-detect';
+import BarCodeScan from '../../Services/BarCodeScan.jsx';
 
 const subDirectory = import.meta.env.BASE_URL;
 const EditableContext = React.createContext(null);
@@ -3813,6 +3815,28 @@ const StockForm = ({ formType }) => {
                               style={{ width: '250px' }}
                             ></AutoComplete>
                           </FloatLabel>
+                          {/* <Tooltip title={'BarCode/QrCode'} placement={'top'}>
+                            <BsUpcScan
+                              strokeWidth={0.5}
+                              color="#000"
+                              style={{
+                                fontSize: '16px',
+                                color: scanner ? '#52c41a' : '#888',
+                                fontWeight: '600',
+                              }}
+                              className="product-scan-Icon"
+                              onClick={handleScanSearch}
+                            />
+                          </Tooltip> */}
+                          {isMobile ? (
+                            <div className="IsmoBileBarcode">
+                              <BarCodeScan
+                                onScan={(value) => {
+                                  debouncedScannerSearch(value);
+                                }}
+                              />
+                            </div>
+                          ) : (
                           <Tooltip title={'BarCode/QrCode'} placement={'top'}>
                             <BsUpcScan
                               strokeWidth={0.5}
@@ -3826,6 +3850,7 @@ const StockForm = ({ formType }) => {
                               onClick={handleScanSearch}
                             />
                           </Tooltip>
+                          )}
                         </div>
 
                         <Tooltip