Validation error

src/components/dashboard/QRCodeCard.tsx

@@ -2,6 +2,7 @@
 
 import React from 'react';
 import { QRCodeSVG } from 'qrcode.react';
+import Barcode from 'react-barcode';
 import { Card, CardContent } from '@/components/ui/Card';
 import { Badge } from '@/components/ui/Badge';
 import { Dropdown, DropdownItem } from '@/components/ui/Dropdown';
@@ -208,19 +209,33 @@ END:VCARD`;
               </div>
             )}
             <div id={`qr-svg-${qr.id}`} className={qr.style?.cornerStyle === 'rounded' ? 'rounded-lg overflow-hidden' : ''}>
-              <QRCodeSVG
-                value={qrUrl}
-                size={96}
-                fgColor={qr.style?.foregroundColor || '#000000'}
-                bgColor={qr.style?.backgroundColor || '#FFFFFF'}
-                level="H"
-                imageSettings={qr.style?.imageSettings ? {
-                  src: qr.style.imageSettings.src,
-                  height: qr.style.imageSettings.height * (96 / 200), // Scale logo for smaller QR
-                  width: qr.style.imageSettings.width * (96 / 200),
-                  excavate: qr.style.imageSettings.excavate,
-                } : undefined}
-              />
+              {qr.contentType === 'BARCODE' && qr.type === 'STATIC' ? (
+                <Barcode
+                  key={`${qr.content?.value}-${qr.content?.format}`}
+                  value={qr.content?.value || '123456789'}
+                  format={(qr.content?.format as any) || 'CODE128'}
+                  lineColor={qr.style?.foregroundColor || '#000000'}
+                  background={qr.style?.backgroundColor || '#FFFFFF'}
+                  width={1.5}
+                  height={60}
+                  displayValue={true}
+                  fontSize={10}
+                />
+              ) : (
+                <QRCodeSVG
+                  value={qrUrl}
+                  size={96}
+                  fgColor={qr.style?.foregroundColor || '#000000'}
+                  bgColor={qr.style?.backgroundColor || '#FFFFFF'}
+                  level="H"
+                  imageSettings={qr.style?.imageSettings ? {
+                    src: qr.style.imageSettings.src,
+                    height: qr.style.imageSettings.height * (96 / 200),
+                    width: qr.style.imageSettings.width * (96 / 200),
+                    excavate: qr.style.imageSettings.excavate,
+                  } : undefined}
+                />
+              )}
             </div>
           </div>
         </div>