From d13a17a2827dfc099a4b45ef406d97c6c183f851 Mon Sep 17 00:00:00 2001
From: guacamole <gunjanwalecha@gmail.com>
Date: Thu, 18 Nov 2021 20:53:14 +0530
Subject: [PATCH] fix: fixed card component hoverable

- card component is now unhoverable

Signed-off-by: guacamole <gunjanwalecha@gmail.com>
---
 .gitignore                     |  1 +
 src/components/autocomplete.js | 26 ++++++++++++++------------
 src/components/card.js         |  1 -
 src/components/menu.js         |  5 ++---
 4 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/.gitignore b/.gitignore
index 8e4993d..bdecf50 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,6 +15,7 @@ node_modules
 # misc
 .DS_Store
 .env.local
+.env
 .env.development.local
 .env.test.local
 .env.production.local
diff --git a/src/components/autocomplete.js b/src/components/autocomplete.js
index 0a8a375..efb7319 100644
--- a/src/components/autocomplete.js
+++ b/src/components/autocomplete.js
@@ -1,4 +1,4 @@
-import { Input, AutoComplete } from 'antd';
+import {Input, AutoComplete, Tooltip} from 'antd';
 import { UserOutlined } from '@ant-design/icons';
 
 const renderTitle = (title) => (
@@ -50,17 +50,19 @@ const renderItem = (title, count) => ({
 // ];
 
 const Complete = ({options=[]}) => (
-    <AutoComplete
-        disabled
-        dropdownClassName="certain-category-search-dropdown"
-        dropdownMatchSelectWidth={500}
-        style={{
-            width: "100%",
-        }}
-        options={options}
-    >
-        <Input.Search size="large" placeholder="Search for container images" />
-    </AutoComplete>
+    <Tooltip title="coming soon">
+        <AutoComplete
+            disabled
+            dropdownClassName="certain-category-search-dropdown"
+            dropdownMatchSelectWidth={500}
+            style={{
+                width: "100%",
+            }}
+            options={options}
+        >
+            <Input.Search size="large" placeholder="Search for container images" />
+        </AutoComplete>
+    </Tooltip>
 );
 
 export default Complete;
diff --git a/src/components/card.js b/src/components/card.js
index b53b9d6..c19b2ae 100644
--- a/src/components/card.js
+++ b/src/components/card.js
@@ -7,7 +7,6 @@ export const Tile = ({ repoName, author, updatedAt }) => {
 		<div
 			style={{ background: '#ccd7e3', width: "90%", borderRadius: 8, boxShadow: "0.7px 1.4px 1.4px hsl(0deg 0% 0% / 0.48)", margin: "0.5% 0" }}>
 			<Card
-				hoverable
 				headStyle={{ background: 'rgba(204,215,227,0.61)', fontWeight: "bold" }}
 				title={<Typography.Title level={4}>
 					{author + "/" + repoName}
diff --git a/src/components/menu.js b/src/components/menu.js
index 4c1ac15..dd57f78 100644
--- a/src/components/menu.js
+++ b/src/components/menu.js
@@ -1,10 +1,9 @@
-import { Button, Menu } from "antd";
+import {Button, Menu, Tooltip} from "antd";
 import parachute from "../styles/pictures/parachute.png";
 
 import Complete from "./autocomplete";
 import { UserOutlined, ArrowUpOutlined } from "@ant-design/icons";
 import React from "react";
-import { Link } from "react-router-dom";
 import { useHistory } from "react-router";
 
 const styles = {
@@ -99,4 +98,4 @@ const NavBar = () => {
 		</Menu.Item>
 	</Menu>
 }
-export default NavBar;
\ No newline at end of file
+export default NavBar;