diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000000..7a73a41bfd --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,2 @@ +{ +} \ No newline at end of file diff --git a/components/FormList.tsx b/components/FormList.tsx index 5caec8b875..e492c99c6f 100644 --- a/components/FormList.tsx +++ b/components/FormList.tsx @@ -2,13 +2,14 @@ import Link from "next/link"; import Router from "next/router"; import { Fragment } from "react"; import { Menu, Transition } from "@headlessui/react"; -import { BsFilesAlt } from "react-icons/bs"; - import { - DotsHorizontalIcon, + DocumentAddIcon, PlusIcon, - TrashIcon, -} from "@heroicons/react/solid"; + TerminalIcon, + ViewGridAddIcon, +} from "@heroicons/react/outline"; +import EmptyPageFiller from "./layout/EmptyPageFiller"; +import { DotsHorizontalIcon, TrashIcon } from "@heroicons/react/solid"; import { classNames } from "../lib/utils"; import { createForm, useForms } from "../lib/forms"; import Image from "next/image"; @@ -34,52 +35,32 @@ export default function FormList() { console.error(error); } }; + return (
{forms && (forms.length === 0 ? (
- snoopForms Mascot -
-

- Welcome to snoopForms{" "} -

-

- Spin up forms in minutes. Pipe your data exactly where you need - it. Maximize your results with juicy analytics. -

- {/*
*/} -
- -

- You don't have any forms yet. -

-

- It's time to create your first! -

-
- -
-
+ newForm()} + alertText="You don't have any forms yet." + hintText="Start by creating a form." + buttonText="create form" + borderStyles="border-4 border-dotted border-snoopred" + icon="BsFilePlus" + > + +
) : ( -