2 files changed, 0 insertions, 78 deletions
diff --git a/src/components/Util/SearchBar.scss b/src/components/Util/SearchBar.scss
deleted file mode 100644
index d08f1ac..0000000
--- a/src/components/Util/SearchBar.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-@import "../../styles/theme";
-
-.searchBar input {
-  width: 12rem;
-}
-
-.searchResults {
-  margin-top: $fontSize1;
-  width: 12rem;
-  height: 10rem;
-  background-color: $background3;
-  overflow-x: hidden;
-  overflow-y: auto;
-  border: 1px solid $border2;
-}
-
-.searchResult {
-  color: $defFG;
-}
-
-.searchResults .dataItem {
-  width: 100%;
-  height: 50px;
-  display: flex;
-  align-items: center;
-  color: black;
-}
-
diff --git a/src/components/Util/SearchBar.tsx b/src/components/Util/SearchBar.tsx
deleted file mode 100644
index d26415b..0000000
--- a/src/components/Util/SearchBar.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * OpenBills - Self hosted browser app to generate and keep track of simple invoices
- * Version - 0
- * Licensed under the MIT license - https://opensource.org/licenses/MIT
- *
- * Copyright (c) 2021 Vidhu Kant Sharma
-*/
-
-import React, { useState } from "react";
-import "./SearchBar.scss";
-
-const SearchBar: React.FC = () => {
-  const sampledata: string[] = ["one", "two", "three", "four", "five", "six"]
-
-  const [searchValue, setSearchValue] = useState<string>("");
-  const [searchSelection, setSearchSelection] = useState<string>("");
-
-  const setSelectionValue = (value: string) => {
-    setSearchValue("");
-    setSearchSelection(value);
-    console.log(searchSelection);
-  }
-
-  return (
-    <div className="searchBar">
-      <div className="searchBarInput">
-        <input 
-          type="text" 
-          value={searchValue}
-          onChange={
-            (event) => {
-              setSearchValue(event.target.value);
-              console.log(searchSelection);
-            }
-          }
-        />
-      </div>
-
-      <div className="searchResults">
-        {
-          searchValue === "" 
-            || sampledata.map((i) => i.toLowerCase().includes(searchValue.toLowerCase()) 
-              && (<p key={i} className={"searchResult"} onClick={() => setSelectionValue(i)}>{i}</p>))
-        }
-      </div>
-    </div>
-  );
-}
-
-export default SearchBar;