@autobusal/common 1.0.7 → 1.1.1

package/Notifications/Icon.tsx

@@ -0,0 +1,37 @@
+import { IoAlertSharp, IoBusSharp, IoChatboxOutline, IoCheckmarkOutline, IoCloseSharp, IoWarningOutline } from 'react-icons/io5';
+import { ICONS } from './utilities';
+
+interface Props {
+  type?: string
+  size?: number
+}
+
+const Icon = ({ type, size }: Props): (JSX.Element | undefined) => {
+  if (type === undefined || !ICONS.includes(type)) {
+    return undefined;
+  }
+
+  switch (type) {
+    case 'warning':
+      return <IoWarningOutline size={ size } />;
+
+    case 'error':
+      return <IoCloseSharp size={ size } />;
+
+    case 'success':
+      return <IoCheckmarkOutline size={ size } />;
+
+    case 'alert':
+      return <IoAlertSharp size={ size } />;
+
+    case 'bus':
+      return <IoBusSharp size={ size } />;
+
+    case 'message':
+      return <IoChatboxOutline size={ size } />;
+  }
+
+  return <></>;
+};
+
+export default Icon;

package/Notifications/utilities.ts

@@ -0,0 +1,16 @@
+export const ICONS = [
+  'warning', 'error', 'success', 'alert', 'bus', 'message'
+];
+
+export const getBackgroundColor = (type?: string): (string | undefined) => {
+  switch (type) {
+    case 'warning':
+      return '#FF9C5A';
+
+    case 'error':
+      return '#FF6B5A';
+
+    case 'success':
+      return '#6CF96B';
+  }
+};

package/index.ts

@@ -17,6 +17,7 @@ import { General, Inline, Box, BoxMiddle, GeneralFull } from './Loading/Loading'
 import IpLogs from './IpLogs/IpLogs';
 import Meta from './Meta';
 import Modal from './Modal/Modal';
+import NotificationIcon from './Notifications/Icon';
 import Pagination from './Pagination/Pagination';
 import Paragraph from './Loading/Paragraph';
 import Passengers from './Passengers/Passengers';
@@ -53,6 +54,7 @@ export {
   IpLogs,
   Meta,
   Modal,
+  NotificationIcon,
   Pagination,
   Paragraph,
   Passengers,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/common",
-  "version": "1.0.7",
+  "version": "1.1.1",
   "type": "module",
   "main": "index.ts"
 }