frontend converted to ts

2023-07-25 20:40:02 +03:00
parent 1e64a910cc
commit 3bf4e9fc56
60 changed files with 3584 additions and 7 deletions
@@ -0,0 +1,47 @@
+import React from "react";
+import { ProfileType } from "../../types";
+
+const ProfileTop = ({
+  profile: {
+    status,
+    company,
+    location,
+    website,
+    social,
+    user: { name, avatar },
+  },
+}: { profile: ProfileType }) => {
+  return (
+    <div className="profile-top bg-primary p-2">
+      <img className="round-img my-1" src={avatar} alt="" />
+      <h1 className="large">{name}</h1>
+      <p className="lead">
+        {status} {company ? <span> at {company}</span> : null}
+      </p>
+      <p>{location ? <span>{location}</span> : null}</p>
+      <div className="icons my-1">
+        {website ? (
+          <a href={website} target="_blank" rel="noopener noreferrer">
+            <i className="fas fa-globe fa-2x" />
+          </a>
+        ) : null}
+        {social
+          ? Object.entries(social)
+            .filter(([_, value]) => value)
+            .map(([key, value]) => (
+              <a
+                key={key}
+                href={value}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <i className={`fab fa-${key} fa-2x`}></i>
+              </a>
+            ))
+          : null}
+      </div>
+    </div>
+  );
+};
+
+export default ProfileTop;