Docs: added a few more examples

mezh-hq · Jun 18, 2024 · 86bc5d9 · 86bc5d9
1 parent 19f4687
commit 86bc5d9
Show file tree

Hide file tree

Showing 5 changed files with 1,714 additions and 7 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -43,6 +43,14 @@
         "no-unused-vars": "off",
         "no-undef": "off"
       }
+    },
+    {
+      "files": [
+        "*.stories.tsx"
+      ],
+      "rules": {
+        "@typescript-eslint/no-loss-of-precision": "off"
+      }
     }
   ]
 }
diff --git a/README.md b/README.md
@@ -16,16 +16,16 @@
 
 React UI library to design and render seat layouts. The library is still under active development and not yet ready for production use until the next major release (v1.0.0).
 
+## Storybook: [https://mezh-hq.github.io](https://mezh-hq.github.io)
+
 <br/>
 
+<img width="1440" alt="image" src="https://github.com/mezh-hq/react-seat-toolkit/assets/73662613/1c0a5c80-e402-46ed-bc17-364730122173">
+
 <p align="center">
   <img width="49.5%" alt="image" src="https://github.com/mezh-hq/react-seat-toolkit/assets/73662613/18a321a0-4ced-49c8-91eb-44605ea2ab9c">
   <img width="49.5%" alt="image" src="https://github.com/mezh-hq/react-seat-toolkit/assets/73662613/e43be42f-40b0-4aaf-8d3a-a538abc8b2c1">
 </p>
-<p align="center">
-  <img width="49.5%" alt="image" src="https://github.com/mezh-hq/react-seat-toolkit/assets/73662613/3478a449-165b-4b23-97d0-1c5a33b81e98">
-  <img width="49.5%" alt="image" src="https://github.com/mezh-hq/react-seat-toolkit/assets/73662613/0e023ffd-b4a2-4724-81f3-3ba74114b9a5">
-</p>
 
 ## Features
 

diff --git a/src/stories/user/basic.stories.tsx b/src/stories/user/basic.stories.tsx
@@ -1,5 +1,6 @@
 import SeatToolkit from "@/index";
-import options from "../options";
+import { STKMode } from "../_utils";
+import { options } from "../options";
 
 export default {
   title: "User/Basic",
@@ -10,9 +11,9 @@ export default {
 export const Story = {
   render: (props) => (
     <SeatToolkit
-      mode={"user"}
+      mode={STKMode.USER}
       data={{
-        name: "Type your location here",
+        name: "Basic Example",
         categories: [
           { id: "b0ae1b89-e4f7-445d-b749-c0caa56f3ee1", name: "Standard", color: "#000000", textColor: "#f7f7f7" },
           { id: "37c68982-e859-4d86-a4aa-e46edf48ba11", name: "Premium", color: "#FF0000", textColor: "#f7f7f7" },