From d2d7ff5815497aff8d79f916a4e86ebee7d5814f Mon Sep 17 00:00:00 2001
From: wlren <weilinwork99@gmail.com>
Date: Mon, 24 Oct 2022 22:45:06 +0800
Subject: [PATCH] [question][ui] delete list pop up

---
 .../components/questions/CreatListDialog.tsx  | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 apps/portal/src/components/questions/CreatListDialog.tsx

diff --git a/apps/portal/src/components/questions/CreatListDialog.tsx b/apps/portal/src/components/questions/CreatListDialog.tsx
new file mode 100644
index 00000000..64af7e2d
--- /dev/null
+++ b/apps/portal/src/components/questions/CreatListDialog.tsx
@@ -0,0 +1,48 @@
+import { Button, Dialog } from '@tih/ui';
+
+export type CreateListDialogProps = {
+  onCancel: () => void;
+  onCreate: () => void;
+  show: boolean;
+};
+
+export default function CreateListDialog({
+  show,
+  onCancel,
+  onCreate,
+}: CreateListDialogProps) {
+  return (
+    <Dialog
+      isShown={show}
+      primaryButton={undefined}
+      title="Create a new question list"
+      onClose={onCancel}>
+      <form className="mt-5 gap-2 sm:flex sm:items-center">
+        <div className="w-full sm:max-w-xs">
+          <input
+            className="focus:border-primary-500 focus:ring-primary-500 block w-full rounded-md border-slate-300 shadow-sm sm:text-sm"
+            id="listName"
+            name="listName"
+            placeholder="Enter list name"
+            type="text"
+          />
+        </div>
+        <Button
+          display="inline"
+          label="Cancel"
+          size="md"
+          type="submit"
+          variant="tertiary"
+          onClick={onCancel}></Button>
+
+        <Button
+          display="inline"
+          label="Create"
+          size="md"
+          type="submit"
+          variant="primary"
+          onClick={onCreate}></Button>
+      </form>
+    </Dialog>
+  );
+}