made logo clickable and link it to the home

Author: truethari

src/components/common/logo.jsx

@@ -1,20 +1,24 @@
 import React from "react";
+import { Link } from "react-router-dom";
 
 import INFO from "../../data/user";
 
 import "./styles/logo.css";
 
 const Logo = (props) => {
-	const { width } = props;
+	let { width, link } = props;
+
+	if (link === undefined) {
+		link = true;
+	}
+
+	const imageElement = (
+		<img src={INFO.main.logo} alt="logo" className="logo" width={width} />
+	);
 
 	return (
 		<React.Fragment>
-			<img
-				src={INFO.main.logo}
-				alt="logo"
-				className="logo"
-				width={width}
-			/>
+			{link ? <Link to="/">{imageElement}</Link> : imageElement}
 		</React.Fragment>
 	);
 };

src/components/common/styles/logo.css

@@ -1,3 +1,6 @@
 .logo {
 	border-radius: 50%;
+	display: block;
+	margin: 0;
+	padding: 0;
 }

src/pages/homepage.jsx

@@ -72,7 +72,7 @@ const Homepage = () => {
 				<div className="content-wrapper">
 					<div className="homepage-logo-container">
 						<div style={logoStyle}>
-							<Logo width={logoSize} />
+							<Logo width={logoSize} link={false} />
 						</div>
 					</div>