@unitedstatespowersquadrons/components 1.3.1 → 1.3.3

package/Badges/Branch.tsx

@@ -4,7 +4,7 @@ import { badgeify } from "./helpers";
 
 interface Props {
   branch: string;
-  primaryBranch?: "main" | "master";
+  primaryBranch?: "main" | "master" | undefined;
   repo?: string;
 }
 

package/Badges/Date.tsx

@@ -7,28 +7,28 @@ interface Props {
   logo?: string;
 }
 
+export const dateBadgeColor = (diff: number) => {
+  // Age
+  if      (diff <= -60 * 60 * 24 * 14) return "63a2c7";
+  else if (diff <= -60 * 60 * 24)      return "blue";
+  else if (diff <= -60 * 60)           return "green";
+  else if (diff <= -60)                return "yellowgreen";
+
+  // Expiration Time
+  else if (diff <= 60)      return "orange";
+  else if (diff <= 60 * 10) return "yellowgreen";
+  else if (diff <= 60 * 60) return "green";
+  else                      return "brightgreen";
+};
+
 const DateBadge = (props: Props) => {
   const { timestamp, label, logo } = props;
 
   const now = Math.floor(Date.now() / 1000);
   const diff = timestamp - now;
 
-  const color = () => {
-    // Age
-    if      (diff <= -60 * 60 * 24 * 14) return "63a2c7";
-    else if (diff <= -60 * 60 * 24)      return "blue";
-    else if (diff <= -60 * 60)           return "green";
-    else if (diff <= -60)                return "yellowgreen";
-
-    // Expiration Time
-    else if (diff <= 60)      return "orange";
-    else if (diff <= 60 * 10) return "yellowgreen";
-    else if (diff <= 60 * 60) return "green";
-    else                      return "brightgreen";
-  };
-
   const params = new URLSearchParams();
-  params.set("color", color());
+  params.set("color", dateBadgeColor(diff));
   if (label) params.set("label", label);
   if (logo) params.set("logo", logo);
 

package/Badges/index.ts

@@ -1,7 +1,7 @@
 import Badge from "./Badge";
 import Branch from "./Branch";
 import Commit from "./Commit";
-import Date from "./Date";
+import Date, { dateBadgeColor } from "./Date";
 import Dependency from "./Dependency";
 import Gem from "./Gem";
 import Npm from "./Npm";
@@ -14,7 +14,7 @@ import Tag from "./Tag";
 export { default as Badge } from "./Badge";
 export { default as BranchBadge } from "./Branch";
 export { default as CommitBadge } from "./Commit";
-export { default as DateBadge } from "./Date";
+export { default as DateBadge, dateBadgeColor } from "./Date";
 export { default as DependencyBadge } from "./Dependency";
 export { default as GemBadge } from "./Gem";
 export { default as NpmBadge } from "./Npm";
@@ -39,4 +39,5 @@ export default {
   Repo,
   Suite,
   Tag,
+  dateBadgeColor,
 };

package/package.json

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