@unitedstatespowersquadrons/components 1.4.12 → 1.4.14-1

package/Badges/Maintainer.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { github, shields } from "./remotes";
+import { badgeify } from "./helpers";
+
+interface Props {
+  color?: string;
+  name?: string;
+  repo: string;
+  username: string;
+}
+
+const MaintainerBadge = (props: Props) => {
+  const { color, name, repo, username } = props;
+
+  const label = repo || "maintainer";
+  const displayName = badgeify(name)!;
+  const displayColor = color || "blue";
+
+  return(
+    <a href={`${github}/${username}`} rel="noreferrer" target="_blank">
+      <img src={`${shields}/badge/${label}-${displayName}-${displayColor}?logo=github&logoColor=white`} />
+    </a>
+  );
+};
+
+export default MaintainerBadge;

package/Badges/Reachable.tsx

@@ -6,7 +6,7 @@ import { badgeify } from "./helpers";
 interface Props {
   host: string;
   reachable?: ReachableStatus;
-  url?: string;
+  url?: string | undefined;
 }
 
 const ReachableBadge = (props: Props) => {

package/Badges/index.ts

@@ -8,6 +8,7 @@ import Endpoint from "./Endpoint";
 import Gem from "./Gem";
 import Json from "./Json";
 import LiveDate from "./LiveDate";
+import Maintainer from "./Maintainer";
 import Npm from "./Npm";
 import PhpLibrary from "./PhpLibrary";
 import Reachable from "./Reachable";
@@ -24,6 +25,7 @@ export { default as EndpointBadge } from "./Endpoint";
 export { default as GemBadge } from "./Gem";
 export { default as JsonBadge } from "./Json";
 export { default as LiveDateBadge } from "./LiveDate";
+export { default as MaintainerBadge } from "./Maintainer";
 export { default as NpmBadge } from "./Npm";
 export { default as PhpLibraryBadge } from "./PhpLibrary";
 export { default as ReachableBadge } from "./Reachable";
@@ -46,6 +48,7 @@ export default {
   Gem,
   Json,
   LiveDate,
+  Maintainer,
   Npm,
   PhpLibrary,
   Reachable,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unitedstatespowersquadrons/components",
-  "version": "1.4.12",
+  "version": "1.4.14-1",
   "description": "USPS shared React components library",
   "main": "index.tsx",
   "scripts": {