From 871f55587e3a6bced1529c7e52edd4c7510a13a1 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Tue, 6 Dec 2022 21:09:09 -0800
Subject: [PATCH 1/4] search input directs query to google

---
 src/components/UI/search/Search.tsx | 42 +++++++++++++++++++++++------
 1 file changed, 34 insertions(+), 8 deletions(-)

diff --git a/src/components/UI/search/Search.tsx b/src/components/UI/search/Search.tsx
index 27913e5e51..075de7cf37 100644
--- a/src/components/UI/search/Search.tsx
+++ b/src/components/UI/search/Search.tsx
@@ -1,29 +1,55 @@
-import { FC } from 'react';
-import { Input, InputGroup, Stack } from '@chakra-ui/react';
+import { FC, useState } from 'react';
+import { Input, InputGroup, Link, Stack } from '@chakra-ui/react';
 
 import { BORDER_WIDTH } from '../../../constants';
 import { LensIcon } from '../icons';
 
 export const Search: FC = () => {
+  const [query, setQuery] = useState<string>('');
+
+  // Handlers
+  const handleSubmit = (e: React.FormEvent<HTMLInputElement>): void => {
+    document.getElementById('search-link')?.click();
+  };
+  const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>): void => {
+    if (e.key === 'Enter') handleSubmit(e);
+  };
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
+    setQuery(e.target.value);
+  };
+
   return (
     <Stack
       borderBottom={{ base: BORDER_WIDTH, md: 'none' }}
       borderRight={{ base: 'none', md: BORDER_WIDTH }}
       borderColor={{ base: 'bg', md: 'primary' }}
-      px={4}
-      py={{ base: 8, md: 4 }}
       _hover={{ base: { bg: 'primary' }, md: { bg: 'none' } }}
-    >
+      >
       <InputGroup>
         <Input
+          py={{ base: 8, md: 4 }}
+          px={4}
           variant='unstyled'
           placeholder='search'
           size='md'
           _placeholder={{ color: { base: 'bg', md: 'primary' }, fontStyle: 'italic' }}
+          value={query}
+          onChange={handleChange}
+          onKeyDown={handleKeyPress}
+          outlineOffset={4}
         />
-        <Stack pl={4} justifyContent='center' alignItems='center'>
-          <LensIcon color={{ base: 'bg', md: 'primary' }} fontSize={{ base: '3xl', md: 'md' }} />
-        </Stack>
+        <Link
+          href={`https://www.google.com/search?q=site:geth.ethereum.org%20${encodeURIComponent(query)}`}
+          isExternal
+          display='grid'
+          placeItems='center'
+          id="search-link"
+          px={4}
+          py={{ base: 8, md: 4 }}
+          _focusVisible={{ outline: '2px solid var(--chakra-colors-primary)', outlineOffset: -4 }}
+        >
+          <LensIcon color={{ base: 'bg', md: 'primary' }} fontSize={{ base: '3xl', md: 'lg' }} />
+        </Link>
       </InputGroup>
     </Stack>
   );

From e8faee0bd3e7f4208e2e87f2b8ece3e8095cd62f Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Wed, 7 Dec 2022 15:47:35 -0800
Subject: [PATCH 2/4] update search to form get request

similar to existing site, using duckduckgo using the get method of a form element. Converted magnifying class wrapped in anchor tag to be a submit button instead
---
 src/components/UI/search/Search.tsx | 70 +++++++++++++++--------------
 1 file changed, 36 insertions(+), 34 deletions(-)

diff --git a/src/components/UI/search/Search.tsx b/src/components/UI/search/Search.tsx
index 075de7cf37..7b8ad0c3c1 100644
--- a/src/components/UI/search/Search.tsx
+++ b/src/components/UI/search/Search.tsx
@@ -1,5 +1,5 @@
 import { FC, useState } from 'react';
-import { Input, InputGroup, Link, Stack } from '@chakra-ui/react';
+import { Button, Input, InputGroup, Stack } from '@chakra-ui/react';
 
 import { BORDER_WIDTH } from '../../../constants';
 import { LensIcon } from '../icons';
@@ -8,12 +8,6 @@ export const Search: FC = () => {
   const [query, setQuery] = useState<string>('');
 
   // Handlers
-  const handleSubmit = (e: React.FormEvent<HTMLInputElement>): void => {
-    document.getElementById('search-link')?.click();
-  };
-  const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>): void => {
-    if (e.key === 'Enter') handleSubmit(e);
-  };
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
     setQuery(e.target.value);
   };
@@ -24,33 +18,41 @@ export const Search: FC = () => {
       borderRight={{ base: 'none', md: BORDER_WIDTH }}
       borderColor={{ base: 'bg', md: 'primary' }}
       _hover={{ base: { bg: 'primary' }, md: { bg: 'none' } }}
-      >
-      <InputGroup>
-        <Input
-          py={{ base: 8, md: 4 }}
-          px={4}
-          variant='unstyled'
-          placeholder='search'
-          size='md'
-          _placeholder={{ color: { base: 'bg', md: 'primary' }, fontStyle: 'italic' }}
-          value={query}
-          onChange={handleChange}
-          onKeyDown={handleKeyPress}
-          outlineOffset={4}
-        />
-        <Link
-          href={`https://www.google.com/search?q=site:geth.ethereum.org%20${encodeURIComponent(query)}`}
-          isExternal
-          display='grid'
-          placeItems='center'
-          id="search-link"
-          px={4}
-          py={{ base: 8, md: 4 }}
-          _focusVisible={{ outline: '2px solid var(--chakra-colors-primary)', outlineOffset: -4 }}
-        >
-          <LensIcon color={{ base: 'bg', md: 'primary' }} fontSize={{ base: '3xl', md: 'lg' }} />
-        </Link>
-      </InputGroup>
+    >
+      <form method='get' action='https://duckduckgo.com/' role='search' target='blank'>
+        <InputGroup alignItems='center'>
+          <Input type="hidden" name="sites" value="geth.ethereum.org" />
+          <Input
+            type="text"
+            name="q"
+            py={{ base: 8, md: 4 }}
+            px={4}
+            variant='unstyled'
+            placeholder='search'
+            size='md'
+            _placeholder={{ color: { base: 'bg', md: 'primary' }, fontStyle: 'italic' }}
+            value={query}
+            onChange={handleChange}
+            outlineOffset={4}
+          />
+          <Button
+            px={4}
+            me={2}
+            borderRadius='0'
+            bg='none'
+            _focusVisible={{
+              outline: '2px solid var(--chakra-colors-primary)',
+              outlineOffset: -2
+            }}
+            _hover={{
+              bg: 'primary',
+              svg: { color: 'bg' }
+            }}
+          >
+            <LensIcon color={{ base: 'bg', md: 'primary' }} fontSize={{ base: '3xl', md: 'xl' }} />
+          </Button>
+        </InputGroup>
+      </form>
     </Stack>
   );
 };

From c9ef66acbf27e895ff0abe0b3850ea4b4e4f0c7e Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Fri, 9 Dec 2022 13:29:14 -0800
Subject: [PATCH 3/4] add submit type to search button

---
 src/components/UI/search/Search.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/UI/search/Search.tsx b/src/components/UI/search/Search.tsx
index 7b8ad0c3c1..41a6b364cf 100644
--- a/src/components/UI/search/Search.tsx
+++ b/src/components/UI/search/Search.tsx
@@ -36,6 +36,7 @@ export const Search: FC = () => {
             outlineOffset={4}
           />
           <Button
+            type="submit"
             px={4}
             me={2}
             borderRadius='0'

From 3dc4bd5cba1b6b61514143f275c53697cb8b6ea5 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Fri, 9 Dec 2022 13:40:54 -0800
Subject: [PATCH 4/4] fixes broken link

double slash causing netlify build errors
---
 docs/interacting-with-geth/rpc/ns-debug.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/interacting-with-geth/rpc/ns-debug.md b/docs/interacting-with-geth/rpc/ns-debug.md
index 1ab4376bc6..b1a07fb118 100644
--- a/docs/interacting-with-geth/rpc/ns-debug.md
+++ b/docs/interacting-with-geth/rpc/ns-debug.md
@@ -672,7 +672,7 @@ If set, the previous four arguments will be ignored.
   Valid values are described [here](https://golang.org/pkg/time/#ParseDuration).
 - `tracerConfig`: Config for the specified `tracer`. For example see callTracer's [config](/docs/developers/evm-tracing/built-in-tracers#config).
 
-Geth comes with a bundle of [built-in tracers](/docs/developers/evm-tracing//built-in-tracers), each providing various data about a transaction. This method defaults to the [struct logger](/docs/developers/evm-tracing/built-in-tracers#structopcode-logger). The `tracer` field of the second parameter can be set to use any of the other tracers. Alternatively a [custom tracer](/docs/developers/evm-tracing/custom-tracer) can be implemented in either Go or Javascript.
+Geth comes with a bundle of [built-in tracers](/docs/developers/evm-tracing/built-in-tracers), each providing various data about a transaction. This method defaults to the [struct logger](/docs/developers/evm-tracing/built-in-tracers#structopcode-logger). The `tracer` field of the second parameter can be set to use any of the other tracers. Alternatively a [custom tracer](/docs/developers/evm-tracing/custom-tracer) can be implemented in either Go or Javascript.
 
 #### Example