diff --git a/src/ProxyFrame.tsx b/src/ProxyFrame.tsx index a7009cb..14c6138 100644 --- a/src/ProxyFrame.tsx +++ b/src/ProxyFrame.tsx @@ -7,11 +7,11 @@ export function ProxyFrame(props: { url: string }) { // pass the URL encoded wit var decodedUrl = decodeURIComponent(props.url); - useEffect(() => { + useEffect(() => { // For now we can redirect to the results. In the future we will add an if statement looking for the users proxy display choice if (localProxy === "rammerhead") { RammerheadEncode(decodedUrl).then((result: string) => { - console.log("ProxyHref inside:", result); setProxiedUrl(result); + window.location.href = result; }); } }, [localProxy]); diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index b80e70f..090e0c0 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -5,27 +5,40 @@ import { Helmet } from "react-helmet"; export function Home() { const [isFocused, setIsFocused] = useState(false); + const [inputValue, setInputValue] = useState(""); const { t } = useTranslation(); + const handleSubmit = (event) => { + event.preventDefault(); + window.location.href = "/go/" + encodeURIComponent(inputValue); + }; + return ( - Nebular + Nebula
- { - setIsFocused(true); - }} - onBlur={() => { - setIsFocused(false); - }} - type="text" - className={`font-roboto h-14 rounded-2xl border border-input-border-color bg-input p-2 text-center text-xl placeholder:text-input-text focus:outline-none ${ - isFocused ? "w-full md:w-3/12" : "w-full md:w-80" - } transition-all duration-300`} - placeholder={isFocused ? "" : t("home.placeholder")} - /> +
+ { + setIsFocused(true); + }} + onBlur={() => { + setIsFocused(false); + }} + type="text" + value={inputValue} + onChange={(e) => setInputValue((e.target as HTMLInputElement).value)} + className={`font-roboto h-14 rounded-2xl border border-input-border-color bg-input p-2 text-center text-xl placeholder:text-input-text focus:outline-none ${ + isFocused ? "w-full md:w-3/12" : "w-full md:w-80" + } transition-all duration-300`} + placeholder={isFocused ? "" : t("home.placeholder")} + /> +
);