open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add netlify form attribute

Browse Source
This commit is contained in:
jahooma 2021-12-01 19:42:52 -06:00
parent 5e1dee56a0
commit a6fe862d0a
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/components/hero.tsx
View File

@ -140,10 +140,10 @@ export const Hero = () => {
<span className="block text-green-400">prediction markets</span>
</h1>
<p className="mt-3 text-base text-gray-300 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
Create and resolve your own prediction markets to earn a percent of the bet volume. Powered by Solana smart contracts.
Create and resolve your own prediction markets to earn a percent of the bet volume. Powered by Solana.
</p>
<div className="mt-10 sm:mt-12">
<form action="#" className="sm:max-w-xl sm:mx-auto lg:mx-0">
<NetilfyForm name="contact" className="sm:max-w-xl sm:mx-auto lg:mx-0">
<div className="sm:flex">
<div className="min-w-0 flex-1">
<label htmlFor="email" className="sr-only">
@ -152,6 +152,7 @@ export const Hero = () => {
<input
id="email"
type="email"
name="email"
placeholder="Enter your email"
className="block w-full px-4 py-3 rounded-md border-0 text-base text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-300 focus:ring-offset-gray-900"
/>
@ -173,7 +174,7 @@ export const Hero = () => {
</a>
.
</p> */}
</form>
</NetilfyForm>
</div>
</div>
</div>
@ -194,3 +195,15 @@ export const Hero = () => {
</div>
)
}
const NetilfyForm = (props: {
children: any
} & Partial<Omit<HTMLFormElement, 'children'>>) => {
const { children, ...other } = props
return (
<form {...{ netlify: '' }} {...other as any}>
{children}
</form>
)
}