implement socials component

Author: apsinghdev

client/src/App.jsx

@@ -6,6 +6,7 @@ const socket = io("http://localhost:8000");
 
 import Header from "./components/Header";
 import Toolbar from "./components/Toolbar";
+import Socials from "./components/Socials";
 
 function App() {
   const canvasRef = useRef(null);
@@ -123,7 +124,7 @@ function App() {
       >
         <Header></Header>
         <Toolbar></Toolbar>
-        
+        <Socials></Socials>
         <button id="clear" onClick={clearOnClick}>
           Clear
         </button>

client/src/assets/xlogo.png

@@ -0,0 +1,25 @@
+import Xlogo from "../assets/xlogo.png"
+const link = "https://twitter.com/ajeetonx"; 
+
+function Socials(){
+  function clickHandler(){
+      window.open(link, "_blank");
+  }
+  return (
+    <div className="flex items-center justify-center mt-3">
+      <h1 className="text-white mr-2 cursor-pointer font-sans" onClick={clickHandler}>
+        Built By{" "}
+        <span className="font-mono text-emerald-300 hover:lowercase">
+          AJEET
+        </span>
+      </h1>
+      <img
+        src={Xlogo}
+        className="h-6 w-6 rounded cursor-pointer"
+        onClick={clickHandler}
+      ></img>
+    </div>
+  );
+}
+
+export default Socials;