Merge pull request #110 from interscript/fix-top-section

Enable "Try Interscript" clickable to go to quickbox component

Author: webdev778

src/components/EasyAccess.tsx

@@ -2,14 +2,18 @@ import React from "react";
 import styled from "styled-components";
 import { SectionNav } from "components/SectionNav";
 import { SectionNavAnchorItem } from "components/SectionNavItem";
+import { Link } from "@reach/router";
 
 export default () => {
     return (
         <>
             <EasyAccessWrapper>
                 <EasyAccessNav>
                     <span>
-                        <strong>Try it in a Browser</strong>!&nbsp;&nbsp;&nbsp;&nbsp;
+                        <strong>
+                            <Link to={"/"}>Try Interscript!</Link>
+                        </strong>
+                        &nbsp;&nbsp;&nbsp;&nbsp;
                     </span>
                     <EasyAccessNavItem key="convert" href="/demo#convert">
                         Convert
@@ -37,6 +41,10 @@ const EasyAccessWrapper = styled.div`
     @media screen and (max-width: 1200px) {
         display: none;
     }
+
+    a {
+        color: black;
+    }
 `;
 
 const EasyAccessNav = styled(SectionNav)`

src/components/QuickBox.tsx

@@ -109,6 +109,7 @@ const QuickBox: React.FC<{ maps: string[]; metaData?: InterscriptMetaDataMap }>
                                 : undefined,
                     }}
                     onChange={onChangeSource}
+                    autoFocus
                 />
                 <ConvertButton
                     onClick={handleConvert}