feat(version): release 0.28.1 version

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui",
-  "version": "0.28.0",
+  "version": "0.28.1",
   "private": true,
   "scripts": {
     "dev": "react-scripts start",

src/components/BarcodeFinder/BarcodeFinder.tsx

@@ -0,0 +1,17 @@
+import { ReactElement, useState } from "react";
+import { PiMagnifyingGlassBold } from "react-icons/pi";
+import InputText from "../InputText/InputText";
+
+export default function BarcodeFinder(): ReactElement {
+  const [isActiveFinder, setIsActiveFinder] = useState<boolean>(false);
+
+  return (
+    <div className="w-fit">
+      <PiMagnifyingGlassBold
+        size={20}
+        onClick={() => setIsActiveFinder(!isActiveFinder)}
+      />
+      {isActiveFinder && <InputText />}
+    </div>
+  );
+}

src/components/BarcodeModeToggle/BarcodeModeToggle.tsx

@@ -2,6 +2,7 @@ import React, { ReactElement } from "react";
 import { BsFullscreen } from "react-icons/bs";
 import useBarcode from "../../hooks/useBarcode";
 import saveAs from "file-saver";
+import BarcodeFinder from "../BarcodeFinder/BarcodeFinder";
 
 interface IBarcodeModeToggle {
   handleFullScreen: any;
@@ -24,25 +25,28 @@ export default function BarcodeModeToggle({
   }
 
   return (
-    <div className="absolute bottom-4 right-4 flex flex-col gap-4">
+    <div className="absolute bottom-4 left-4 flex flex-col gap-4">
       <div
-        className="bg-light-100 flex h-9 w-9 cursor-pointer items-center justify-center rounded transition-all duration-300"
+        className="flex h-9 w-9 cursor-pointer items-center justify-center rounded bg-light-100 transition-all duration-300"
         onClick={() => setActiveTab(activeTab === "2D" ? "3D" : "2D")}
       >
         {activeTab === "2D" ? "3D" : "2D"}
       </div>
 
       <div
-        className="bg-light-100 flex h-9 w-9 cursor-pointer items-center justify-center rounded transition-all duration-300"
+        className="flex h-9 w-9 cursor-pointer items-center justify-center rounded bg-light-100 transition-all duration-300"
         onClick={handleFullScreen.enter}
       >
         <BsFullscreen size={20} />
       </div>
       <div
-        className="bg-light-100 flex h-9 w-9 cursor-pointer items-center justify-center rounded transition-all duration-300"
+        className="flex h-9 w-9 cursor-pointer items-center justify-center rounded bg-light-100 transition-all duration-300"
         onClick={handleExportJSON}
       >
-        export
+        E
+      </div>
+      <div className="flex h-9 w-9 cursor-pointer items-center justify-center rounded bg-light-100 transition-all duration-300">
+        <BarcodeFinder />
       </div>
     </div>
   );