react-floating-profile
Version:
React component to display your github profile <p align="left"> <a href="https://www.npmjs.com/package/react-floating-profile"><img src="https://flat.badgen.net/npm/v/react-floating-profile" alt="react-floating-profile version" /></a> <a href="http
8 lines (7 loc) • 1.04 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ProfileIcon } from "../../../../components";
import { onNavigate } from "../../../../util";
export default function ProfileHeader(_a) {
var userObj = _a.userObj;
return (_jsxs("div", { className: "profile-header-container", children: [_jsx(ProfileIcon, { avatar_url: userObj.avatar_url, onClickIcon: function () { return onNavigate(userObj.html_url); } }), _jsxs("div", { style: { width: "80%", paddingLeft: "10px" }, children: [_jsx("div", { className: "profile-name", children: userObj.name || userObj.login }), _jsx("div", { className: "profile-bio", children: userObj.bio }), _jsxs("div", { className: "profile-login-location", children: [_jsx("span", { className: "profile-login", children: userObj.login }), " ", userObj.location && "/ ".concat(userObj.location)] }), _jsx("div", { className: "profile-bio", children: userObj.company }), _jsx("a", { className: "profile-link", href: userObj.blog, target: "_blank", children: userObj.blog })] })] }));
}