diff --git a/src/app/match/hero.tsx b/src/app/match/hero.tsx
index 2b84dc2..3998ce1 100644
--- a/src/app/match/hero.tsx
+++ b/src/app/match/hero.tsx
@@ -1,17 +1,24 @@
-import { GithubIcon, TwitterIcon } from "lucide-react";
+import {GithubIcon, TwitterIcon } from "lucide-react";
import { TwitterAvatar } from "../../components/ui/twitter-avatar";
import type { HeatmaplessUser } from "../../server/db/schema";
import type { MatchedUser } from "./utils";
import Link from "next/link";
-import { cn, getPageUrl } from "../../lib/utils";
+import { cn, getUserTagline, getPageUrl } from "../../lib/utils";
import { GitTweetBars } from "../../components/ui/git-tweet-bars";
import { getMatchPercentRelative, getMatchPercentTotal } from "../utils";
import { Switch } from "../../components/ui/switch";
import { Label } from "../../components/ui/label";
import { ToggleRelative } from "./toggle-relative";
+import Tag from "../../components/custom/Tag";
function Stats(props: { user: HeatmaplessUser; className?: string }) {
const { user } = props;
+ const tagline = getUserTagline({
+ tweets: user.tweetsSent,
+ commits: user.commitsMade,
+ displayName: user.twitterDisplayName,
+ twitterFollowerCount: user.twitterFollowerCount,
+ });
return (
{user.twitterDisplayName}
+
{
+ return (
+
+ );
+};
+
+export default Tag;
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 3552a5f..c972e01 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -31,7 +31,6 @@ export function getRatioText(input: {
if (tweets === commits) {
return `${displayName}'s life is perfectly balanced, as all things should be`;
}
-
const percentageTweets = Math.abs((tweets / commits) * 100 - 100).toFixed();
const percentageCommits = Math.abs((commits / tweets) * 100 - 100).toFixed();
const txt =
@@ -116,3 +115,31 @@ export function getMatchPageOgImageUrl(args: {
export function isVerifiedUser(user: Pick
): boolean {
return user.twitterInGithubBio || user.twitterName === user.githubName;
}
+export function getUserTagline(input: {
+ tweets: number,
+ commits: number,
+ displayName: string,
+ twitterFollowerCount?: number,
+}): string {
+ const { tweets, commits, twitterFollowerCount } = input;
+ const ratio = (commits / tweets);
+ if (twitterFollowerCount && twitterFollowerCount > 100000) return "Popular";
+ switch (true) {
+ case (ratio >= 5):
+ return "No life";
+ case (ratio >= 3 && ratio < 5):
+ return "Nerd";
+ case (ratio >= 2 && ratio < 3):
+ return "Builder";
+ case (ratio >= 1 && ratio < 2):
+ return "Load Balancer";
+ case (ratio >= 0.5 && ratio < 1):
+ return "Shiposter";
+ case (ratio >= 0.333 && ratio < 0.5):
+ return "Indie Hacker";
+ case (ratio >= 0.25 && ratio < 0.333):
+ return "Reply Guy";
+ default:
+ return "Influencer";
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
index 328beec..adbcffe 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -36,7 +36,7 @@
"**/*.ts",
"**/*.tsx",
".next/types/**/*.ts"
- ],
+, "src/env.js" ],
"exclude": [
"node_modules"
]