From 270bdf23a042884d34fa06ad86fe0d8525466e79 Mon Sep 17 00:00:00 2001
From: gokhangunduz <me@gokhangunduz.com.tr>
Date: Wed, 10 Jan 2024 13:49:43 +0300
Subject: [PATCH] feat(version): release 0.28.1 version

---
 package.json                                    |  2 +-
 src/components/BarcodeFinder/BarcodeFinder.tsx  | 17 +++++++++++++++++
 .../BarcodeModeToggle/BarcodeModeToggle.tsx     | 14 +++++++++-----
 3 files changed, 27 insertions(+), 6 deletions(-)
 create mode 100644 src/components/BarcodeFinder/BarcodeFinder.tsx

diff --git a/package.json b/package.json
index 8a0765d2..c32deb95 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ui",
-  "version": "0.28.0",
+  "version": "0.28.1",
   "private": true,
   "scripts": {
     "dev": "react-scripts start",
diff --git a/src/components/BarcodeFinder/BarcodeFinder.tsx b/src/components/BarcodeFinder/BarcodeFinder.tsx
new file mode 100644
index 00000000..1a42b729
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/src/components/BarcodeModeToggle/BarcodeModeToggle.tsx b/src/components/BarcodeModeToggle/BarcodeModeToggle.tsx
index 12945fe4..97a15bcf 100644
--- a/src/components/BarcodeModeToggle/BarcodeModeToggle.tsx
+++ b/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>
   );