Home: Add floating plus button that takes you to /create

web/pages/home.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react'
-import Router from 'next/router'
+import Router, { useRouter } from 'next/router'
+import { PlusSmIcon } from '@heroicons/react/solid'
 
 import { Page } from 'web/components/page'
 import { Col } from 'web/components/layout/col'
@@ -13,6 +14,8 @@ const Home = () => {
   const user = useUser()
   const [contract, setContract] = useContractPage()
 
+  const router = useRouter()
+
   if (user === null) {
     Router.replace('/')
     return <></>
@@ -36,6 +39,13 @@ const Home = () => {
             }}
           />
         </Col>
+        <button
+          type="button"
+          className="fixed bottom-[70px] right-3 inline-flex items-center rounded-full border border-transparent bg-indigo-600 p-3 text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 lg:hidden"
+          onClick={() => router.push('/create')}
+        >
+          <PlusSmIcon className="h-8 w-8" aria-hidden="true" />
+        </button>
       </Page>
 
       {contract && (