PR feedback

Author: nazreen

vite/src/App.tsx

@@ -39,9 +39,9 @@ function AppContent() {
   const [metadataNetworks, setMetadataNetworks] = useState<NetworkOption[]>([]);
   const [networkQuery, setNetworkQuery] = useState('');
   const [debouncedNetworkQuery, setDebouncedNetworkQuery] = useState('');
-  const [selectedNetwork, setSelectedNetwork] = useState<NetworkOption | null>(null);
-  const [selectedNetworkRpc, setSelectedNetworkRpc] = useState<string | null>(null);
-  const [metadataJson, setMetadataJson] = useState<Record<string, unknown> | null>(null);
+  const [selectedNetwork, setSelectedNetwork] = useState<NetworkOption>();
+  const [selectedNetworkRpc, setSelectedNetworkRpc] = useState<string>();
+  const [metadataJson, setMetadataJson] = useState<Record<string, unknown>>();
   const initializedFromUrlRef = useRef(false);
 
   // Mode: choose between default OFTs and user-input addresses
@@ -171,16 +171,20 @@ function AppContent() {
   // Derive selected network RPC when selection or metadata changes
   useEffect(() => {
     if (!selectedNetwork || !metadataJson) {
-      setSelectedNetworkRpc(null);
+      setSelectedNetworkRpc(undefined);
       return;
     }
     const entry = metadataJson[selectedNetwork.chainKey];
     const rpc = getFirstHttpsRpc(entry);
-    if (rpc == null) {
+    if (!rpc) {
       console.warn('[metadata] No valid RPC found in metadata entry:', entry);
+    } else {
+      setSelectedNetworkRpc(rpc);
     }
-    setSelectedNetworkRpc(rpc);
   }, [selectedNetwork, metadataJson]);
+
+  const canMint = mode !== 'USER_INPUT_OFTS';
+
   return (
     <div className="min-h-screen bg-layerzero-black lz-grid-bg">
       {/* Hidden element to use chainChangedFlag and force re-render */}
@@ -350,10 +354,10 @@ function AppContent() {
                     Solana
                   </h4>
                   <p className="text-layerzero-gray-500 text-sm">
-                    View your balance{mode !== 'USER_INPUT_OFTS' ? ' and mint OFT tokens' : ''} on Solana
+                    View your balance{canMint ? ' and mint OFT tokens' : ''} on Solana
                   </p>
                 </div>
-                <SolanaMintCard storeAddressOverride={oftStoreAddress} canMint={mode !== 'USER_INPUT_OFTS'} />
+                <SolanaMintCard storeAddressOverride={oftStoreAddress} canMint={canMint} />
               </div>
 
               <div className="lz-card">
@@ -362,10 +366,10 @@ function AppContent() {
                     {evmDisplayName}
                   </h4>
                   <p className="text-layerzero-gray-500 text-sm">
-                    View your balance{mode !== 'USER_INPUT_OFTS' ? ' and mint OFT tokens' : ''} on {evmDisplayName}
+                    View your balance{canMint ? ' and mint OFT tokens' : ''} on {evmDisplayName}
                   </p>
                 </div>
-                <EvmMintCard networkName={evmDisplayName} isWrongNetwork={isWrongNetwork} canMint={mode !== 'USER_INPUT_OFTS'} oftAddressOverride={evmOftAddress} rpcUrl={selectedNetworkRpc || undefined} />
+                <EvmMintCard networkName={evmDisplayName} isWrongNetwork={isWrongNetwork} canMint={canMint} oftAddressOverride={evmOftAddress} rpcUrl={selectedNetworkRpc || undefined} />
               </div>
             </div>
           </div>

vite/src/components/configure/Configure.tsx

@@ -20,8 +20,8 @@ type ConfigureSectionProps = {
   networkQuery: string;
   setNetworkQuery: Dispatch<SetStateAction<string>>;
   metadataNetworks: ConfigureNetworkOption[];
-  selectedNetwork: ConfigureNetworkOption | null;
-  setSelectedNetwork: (value: ConfigureNetworkOption | null) => void;
+  selectedNetwork?: ConfigureNetworkOption;
+  setSelectedNetwork: (value: ConfigureNetworkOption | undefined) => void;
 };
 
 export function ConfigureSection(props: ConfigureSectionProps) {

vite/src/components/configure/NetworkSelector.tsx

@@ -13,14 +13,13 @@ export function NetworkSelector({
   networkQuery,
   setNetworkQuery,
   metadataNetworks,
-  // selectedNetwork,
   setSelectedNetwork,
 }: {
   networkQuery: string;
   setNetworkQuery: Dispatch<SetStateAction<string>>;
   metadataNetworks: NetworkOption[];
-  selectedNetwork: NetworkOption | null;
-  setSelectedNetwork: (value: NetworkOption | null) => void;
+  selectedNetwork?: NetworkOption;
+  setSelectedNetwork: (value: NetworkOption | undefined) => void;
 }) {
   const [isNetworkInputFocused, setIsNetworkInputFocused] = useState(false);
   const filteredNetworks = useMemo(() => {

vite/src/components/mint/solana/SolanaMintCard.tsx

@@ -93,7 +93,7 @@ export default function SolanaMintCard({ storeAddressOverride, canMint = true }:
               <div className="space-y-2">
                 <button
                   onClick={handleMint}
-                  disabled={isMinting || isMintTokenInstructionAvailable === false}
+                  disabled={isMinting || !isMintTokenInstructionAvailable }
                   className="w-full lz-button disabled:opacity-50 disabled:cursor-not-allowed"
                 >
                   {isMinting