diff --git a/packages/frontend/src/components/projects/create/IFrame.tsx b/packages/frontend/src/components/projects/create/IFrame.tsx index ce9c461a..ba337ed5 100644 --- a/packages/frontend/src/components/projects/create/IFrame.tsx +++ b/packages/frontend/src/components/projects/create/IFrame.tsx @@ -1,59 +1,61 @@ -import React, { useEffect, useState, useRef } from 'react'; +import React, { useEffect } from 'react'; +// import { +// VITE_LACONICD_CHAIN_ID, +// } from 'utils/constants'; const IframeComponent: React.FC = () => { - const [localStorageData, setLocalStorageData] = useState(null); - const iframeRef = useRef(null); useEffect(() => { - // Listen for messages from the iframe + const getDataFromWallet = () => { + const iframe = document.getElementById('walletIframe') as HTMLIFrameElement; + + if (!iframe.contentWindow) { + console.error('Iframe not found or not loaded'); + return; + } + + // Request data from wallet + iframe.contentWindow.postMessage({ + type: 'REQUEST_WALLET_ACCOUNTS' + }, 'http://localhost:3001'); + }; + + // Listen for response from wallet const handleMessage = (event: MessageEvent) => { - if (event.origin !== 'https://wallet.laconic.com') return; // Ensure it's from the iframe + // Always verify origin for security + if (event.origin !== 'http://localhost:3001') return; - const { action, key, value } = event.data; - - if (action === 'localStorageDataResponse' && key === 'accountIndices/cosmos:laconic-testnet-2') { - setLocalStorageData(value); // Update state with the value from localStorage + if (event.data.type === 'WALLET_ACCOUNTS_DATA') { + console.log('Received data:', event.data.data); + // Handle the received data here + } else if (event.data.type === 'ERROR') { + console.error('Error from wallet:', event.data.message); } }; window.addEventListener('message', handleMessage); - // Cleanup listener on unmount + // Request data once iframe is loaded + const iframe = document.getElementById('walletIframe'); + if (iframe) { + iframe.onload = getDataFromWallet; + } + + // Cleanup return () => { window.removeEventListener('message', handleMessage); }; }, []); - // Send a message to the iframe to get data from localStorage - const requestLocalStorageData = (key: string) => { - if (iframeRef.current && iframeRef.current.contentWindow) { - iframeRef.current.contentWindow.postMessage( - { action: 'getLocalStorageData', key }, // Send key to request data - 'https://wallet.laconic.com' - ); - } - }; - - // Call to request localStorage data when component mounts - useEffect(() => { - requestLocalStorageData('accountIndices/cosmos:laconic-testnet-2'); - }, []); - return (
- {localStorageData ? ( -

LocalStorage Data: {localStorageData}

- ) : ( -

Loading localStorage data...

- )}
); }; diff --git a/packages/frontend/src/pages/org-slug/index.tsx b/packages/frontend/src/pages/org-slug/index.tsx index a496998b..a7125b79 100644 --- a/packages/frontend/src/pages/org-slug/index.tsx +++ b/packages/frontend/src/pages/org-slug/index.tsx @@ -23,48 +23,6 @@ const Projects = () => { fetchProjects(); }, [orgSlug]); - useEffect(() => { - const getDataFromWallet = () => { - const iframe = document.getElementById('walletIframe') as HTMLIFrameElement; - - if (!iframe.contentWindow) { - console.error('Iframe not found or not loaded'); - return; - } - - // Request data from wallet - iframe.contentWindow.postMessage({ - type: 'REQUEST_WALLET_ACCOUNTS' - }, 'http://localhost:3001'); - }; - - // Listen for response from wallet - const handleMessage = (event: MessageEvent) => { - // Always verify origin for security - if (event.origin !== 'http://localhost:3001') return; - - if (event.data.type === 'WALLET_ACCOUNTS_DATA') { - console.log('Received data:', event.data.data); - // Handle the received data here - } else if (event.data.type === 'ERROR') { - console.error('Error from wallet:', event.data.message); - } - }; - - window.addEventListener('message', handleMessage); - - // Request data once iframe is loaded - const iframe = document.getElementById('walletIframe'); - if (iframe) { - iframe.onload = getDataFromWallet; - } - - // Cleanup - return () => { - window.removeEventListener('message', handleMessage); - }; - }, []); - return (
{/* Header */} @@ -91,13 +49,6 @@ const Projects = () => { return ; })} -