From 4543fac0bb4ea16ae02ec30952c3ad4e971a0e78 Mon Sep 17 00:00:00 2001
From: shoaibv2 <skrj1337@gmail.com>
Date: Wed, 13 Apr 2022 22:01:05 +0500
Subject: [PATCH 1/2] add Toasts(#19)

---
 apps/views/pages/Toast.tsx                 | 13 +++++++++++
 apps/views/pages/index.tsx                 |  2 ++
 packages/kbs-core/src/components/Toast.tsx | 25 ++++++++++++++++++++++
 packages/kbs-core/src/index.tsx            |  2 ++
 4 files changed, 42 insertions(+)
 create mode 100644 apps/views/pages/Toast.tsx
 create mode 100644 packages/kbs-core/src/components/Toast.tsx

diff --git a/apps/views/pages/Toast.tsx b/apps/views/pages/Toast.tsx
new file mode 100644
index 0000000..02d026d
--- /dev/null
+++ b/apps/views/pages/Toast.tsx
@@ -0,0 +1,13 @@
+import { Toasts } from "kbs-core";
+
+function Toast() {
+  return (
+    <Toasts
+      title="Boostrap"
+      time="2 min ago"
+      label="Hello, world! This is a toast message."
+    />
+  );
+}
+
+export default Toast;
diff --git a/apps/views/pages/index.tsx b/apps/views/pages/index.tsx
index bcc7457..53a22ab 100644
--- a/apps/views/pages/index.tsx
+++ b/apps/views/pages/index.tsx
@@ -15,6 +15,8 @@ export default function Docs() {
       <br />
       <br />
       <Button>Hello</Button>
+      <br />
+      <Link href="/Toast">Toasts</Link>
     </div>
   );
 }
diff --git a/packages/kbs-core/src/components/Toast.tsx b/packages/kbs-core/src/components/Toast.tsx
new file mode 100644
index 0000000..83fe425
--- /dev/null
+++ b/packages/kbs-core/src/components/Toast.tsx
@@ -0,0 +1,25 @@
+function Toasts(props: any) {
+  return (
+    <div
+      className="toast"
+      role="alert"
+      aria-live="assertive"
+      aria-atomic="true"
+    >
+      <div className="toast-header">
+        <img src="" className="rounded me-2" alt="" />
+        <strong className="me-auto">{props.title}</strong>
+        <small>{props.time}</small>
+        <button
+          type="button"
+          className="btn-close"
+          data-bs-dismiss="toast"
+          aria-label="Close"
+        ></button>
+      </div>
+      <div className="toast-body">{props.label}</div>
+    </div>
+  );
+}
+
+export default Toasts;
diff --git a/packages/kbs-core/src/index.tsx b/packages/kbs-core/src/index.tsx
index f623b20..fd15022 100644
--- a/packages/kbs-core/src/index.tsx
+++ b/packages/kbs-core/src/index.tsx
@@ -1,2 +1,4 @@
 import * as React from "react";
+import Toasts from "./components/Toast";
 export { Button, type ButtonProps } from "./Button";
+export { Toasts };

From e9af53795824eb14505f1c0584bc1de802c65aff Mon Sep 17 00:00:00 2001
From: shoaibv2 <skrj1337@gmail.com>
Date: Sat, 30 Apr 2022 21:14:26 +0500
Subject: [PATCH 2/2] Change Location (#19)

---
 apps/views/pages/Toast.tsx                                     | 2 +-
 .../kbs-core/src => apps/views/pages}/components/Toast.tsx     | 0
 apps/views/pages/index.tsx                                     | 2 +-
 packages/kbs-core/src/index.tsx                                | 3 +--
 4 files changed, 3 insertions(+), 4 deletions(-)
 rename {packages/kbs-core/src => apps/views/pages}/components/Toast.tsx (100%)

diff --git a/apps/views/pages/Toast.tsx b/apps/views/pages/Toast.tsx
index 02d026d..75dc369 100644
--- a/apps/views/pages/Toast.tsx
+++ b/apps/views/pages/Toast.tsx
@@ -1,4 +1,4 @@
-import { Toasts } from "kbs-core";
+import Toasts from "./components/Toast";
 
 function Toast() {
   return (
diff --git a/packages/kbs-core/src/components/Toast.tsx b/apps/views/pages/components/Toast.tsx
similarity index 100%
rename from packages/kbs-core/src/components/Toast.tsx
rename to apps/views/pages/components/Toast.tsx
diff --git a/apps/views/pages/index.tsx b/apps/views/pages/index.tsx
index 53a22ab..28137f6 100644
--- a/apps/views/pages/index.tsx
+++ b/apps/views/pages/index.tsx
@@ -16,7 +16,7 @@ export default function Docs() {
       <br />
       <Button>Hello</Button>
       <br />
-      <Link href="/Toast">Toasts</Link>
+      <Link href="/toast">Toasts</Link>
     </div>
   );
 }
diff --git a/packages/kbs-core/src/index.tsx b/packages/kbs-core/src/index.tsx
index fd15022..165de09 100644
--- a/packages/kbs-core/src/index.tsx
+++ b/packages/kbs-core/src/index.tsx
@@ -1,4 +1,3 @@
 import * as React from "react";
-import Toasts from "./components/Toast";
+
 export { Button, type ButtonProps } from "./Button";
-export { Toasts };