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
7 lines (6 loc) • 994 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { addCommasToNumber } from "../../../../util/index.js";
export default function PinnedRepo(_a) {
var pinnedRepoArr = _a.pinnedRepoArr;
return (_jsx(_Fragment, { children: pinnedRepoArr.length > 0 && (_jsxs("div", { className: "repo-container", children: [_jsx("div", { className: "repo-label", children: "My Works" }), pinnedRepoArr === null || pinnedRepoArr === void 0 ? void 0 : pinnedRepoArr.map(function (item) { return (_jsxs("div", { className: "repo-item", children: [_jsx("a", { className: "repo-title", href: item.html_url, target: "_blank", children: item.name }), _jsx("div", { className: "repo-desc", children: item.description }), _jsxs("div", { className: "repo-lan", children: [item.language || "No Langauge", " ", "/ ".concat(addCommasToNumber(item.stargazers_count), " Stars"), " ", "/ ".concat(addCommasToNumber(item.forks_count), " Fork")] })] }, item.id)); })] })) }));
}