Merge pull request #30 from developerfred/fix-build

Fix build

Author: developerfred

.papi/metadata/paseo.scale

@@ -600,9 +600,9 @@ const TransactionBuilder: React.FC<TransactionBuilderEnhancedProps> = ({
     }
   }, [state.builtTx, api, senderAccount.address, updateState, walletReady, walletConnector]);
 
-  // Enhanced layout classes based on phase
+  
   const containerClasses = useMemo(() => {
-    const base = "modal-index-export transition-all duration-300 ease-in-out";
+    const base = " transition-all duration-300 ease-in-out";
 
     if (isFullscreen || isExpanded) {
       return `${base} fixed inset-4 z-50 max-h-[calc(100vh-2rem)] overflow-y-auto`;
@@ -612,7 +612,7 @@ const TransactionBuilder: React.FC<TransactionBuilderEnhancedProps> = ({
   }, [isFullscreen, isExpanded]);
 
   const cardClasses = useMemo(() => {
-    const base = "modal-index-export relative transition-all duration-300 ease-in-out";
+    const base = "relative transition-all duration-300 ease-in-out";
 
     if (isExpanded) {
       return `${base} p-6 shadow-2xl border-2 border-blue-200 bg-white/95 backdrop-blur-sm`;

src/components/blockchain/components/TransactionBuilder.tsx

@@ -105,7 +105,8 @@ const FallbackOptionsTab: React.FC<any> = ({
   onExport,
   isExporting,
   exportError,
-  getColor
+  getColor,
+  getNetworkColor
 }) => (
   <div className="space-y-6">
     <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -183,7 +184,7 @@ const FallbackOptionsTab: React.FC<any> = ({
   </div>
 );
 
-// Fallback Preview Tab Component
+
 const FallbackPreviewTab: React.FC<any> = ({ exportedComponent, metrics }) => (
   <div className="space-y-6">
     <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
@@ -218,7 +219,7 @@ const FallbackPreviewTab: React.FC<any> = ({ exportedComponent, metrics }) => (
   </div>
 );
 
-// Fallback Download Tab Component
+
 const FallbackDownloadTab: React.FC<any> = ({ exportedComponent, options, onDownloadAll }) => (
   <div className="space-y-6">
     <div className="text-center">
@@ -282,7 +283,7 @@ export const ExportModal: React.FC<ExportModalProps> = React.memo(({
   const [exportError, setExportError] = useState<string>('');
   const [activeTab, setActiveTab] = useState<TabType>('options');
 
-  // Reset state when modal opens/closes
+  
   useEffect(() => {
     if (isOpen) {
       setExportedComponent(null);
@@ -400,6 +401,7 @@ export const ExportModal: React.FC<ExportModalProps> = React.memo(({
   return (
     <>
       {/* Overlay */}
+      {/* biome-ignore lint/a11y/useKeyWithClickEvents: <explanation> */}
       <div
         className="modal-index-export fixed inset-0 bg-black/50 dark:bg-black/80 backdrop-blur-sm z-[200] flex items-center justify-center p-4 animate-in fade-in-0 duration-200"
         onClick={handleOverlayClick}
@@ -484,6 +486,7 @@ export const ExportModal: React.FC<ExportModalProps> = React.memo(({
                 isExporting={isExporting}
                 exportError={exportError}
                 getColor={getColor}
+                getNetworkColor={getNetworkColor} 
               />
             )}
 

src/lib/export-modal/ExportModal.tsx

@@ -2,7 +2,7 @@
 // @ts-nocheck
 import type React from 'react';
 import type { TabProps } from '../types';
-import { useTheme } from '@/lib/hooks/useTheme';
+import { useThemeHook } from '@/lib/hooks/useTheme';
 
 export const OptionsTab: React.FC<TabProps> = ({
   options,

src/lib/export-modal/tabs/OptionsTab.tsx

@@ -9,9 +9,6 @@ export function useThemeHook() {
   const themeContext = useContext(ThemeContext);
 
 
-  const [additionalColors, setAdditionalColors] = useState<Record<string, string>>({});
-
-  
   const {
     isDarkTheme = false,
     toggleTheme = () => { },
@@ -53,22 +50,27 @@ export function useThemeHook() {
 
 
   const hexToRgba = useCallback((hex: string, opacity: number): string => {
+    if (!hex || typeof hex !== 'string') return `rgba(0, 0, 0, ${opacity})`;
     hex = hex.replace('#', '');
+
+    if (![3, 6].includes(hex.length)) return `rgba(0, 0, 0, ${opacity})`;
+
     let r = 0, g = 0, b = 0;
 
     if (hex.length === 3) {
       r = parseInt(hex[0] + hex[0], 16);
       g = parseInt(hex[1] + hex[1], 16);
       b = parseInt(hex[2] + hex[2], 16);
     } else if (hex.length === 6) {
-      r = parseInt(hex.substr(0, 2), 16);
-      g = parseInt(hex.substr(2, 2), 16);
-      b = parseInt(hex.substr(4, 2), 16);
+      r = parseInt(hex.substring(0, 2), 16);
+      g = parseInt(hex.substring(2, 4), 16);
+      b = parseInt(hex.substring(4, 6), 16);
     }
 
     return `rgba(${r}, ${g}, ${b}, ${opacity})`;
   }, []);
 
+
 
   const getCustomColor = useCallback((colorName: string, opacity: number = 1): string => {
     if (typeof window === "undefined") return '#000000';
@@ -84,7 +86,7 @@ export function useThemeHook() {
     return hexToRgba(colorValue, opacity);
   }, [hexToRgba]);
 
-  // Função para obter cores de rede com opacity
+  
   const getNetworkColorWithOpacity = useCallback((
     colorType: 'primary' | 'secondary' | 'light' | 'dark' = 'primary',
     opacity: number = 1