fix: fixed card component hoverable

.gitignore

@@ -15,6 +15,7 @@ node_modules
 # misc
 .DS_Store
 .env.local
+.env
 .env.development.local
 .env.test.local
 .env.production.local

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;

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}

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;
+export default NavBar;