LumeWeb
/
web3browser.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: use browser state and not a ref

This commit is contained in:
Derrick Hammer 2023-10-16 17:45:57 -04:00
parent 0907b2948c
commit 854c35762e
Signed by: pcfreak30
GPG Key ID: C997C339BE476FF2
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Browser.tsx
View File

@ -132,10 +132,9 @@ async function bootup() {
export function Navigator() { export function Navigator() {
const { url, setUrl } = useBrowserState(); const { url, setUrl } = useBrowserState();
const { isLoggedIn } = useAuth(); const { isLoggedIn } = useAuth();
const inputRef = createRef<HTMLInputElement>();
const browse = useCallback(() => { const browse = useCallback(() => {
let input = inputRef.current?.value.trim(); let input = url.trim();
// If the input doesn't contain a protocol, assume it's http // If the input doesn't contain a protocol, assume it's http
if (!input?.match(/^https?:\/\//)) { if (!input?.match(/^https?:\/\//)) {
@ -154,7 +153,7 @@ export function Navigator() {
// Handle invalid URLs here, if needed // Handle invalid URLs here, if needed
console.error("Invalid URL:", e); console.error("Invalid URL:", e);
} }
}, [inputRef, setUrl]); }, [url, setUrl]);
const NavInput = forwardRef((props: any, ref) => ( const NavInput = forwardRef((props: any, ref) => (
<Input ref={ref} {...props}></Input> <Input ref={ref} {...props}></Input>
@ -164,7 +163,7 @@ export function Navigator() {
return ( return (
<> <>
<NavInput ref={inputRef} disabled={!isLoggedIn} /> <NavInput value={url} disabled={!isLoggedIn} />
<Button onClick={browse} disabled={!isLoggedIn}> <Button onClick={browse} disabled={!isLoggedIn}>
Navigate Navigate
<Arrow /> <Arrow />