Added leetcode logo next to levels fyi logo

colorstackorg · Sep 27, 2024 · 4eb3ea6 · 4eb3ea6
1 parent 7d310e2
commit 4eb3ea6
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/apps/member-profile/app/routes/_profile.companies_.$id.tsx b/apps/member-profile/app/routes/_profile.companies_.$id.tsx
@@ -46,6 +46,7 @@ export async function loader({ params, request }: LoaderFunctionArgs) {
         'companies.imageUrl',
         'companies.name',
         'companies.levelsFyiSlug',
+        'companies.leetcodeTagged',
       ],
       where: { id },
     }),
@@ -154,6 +155,10 @@ export default function CompanyPage() {
             {company.levelsFyiSlug && (
               <LevelsFyiLink slug={company.levelsFyiSlug} />
             )}
+
+            {company.leetcodeTagged && (
+              <LeetcodeTaggedLink leetcode_tagged={company.leetcodeTagged} />
+            )}
           </div>
 
           <DomainLink domain={company.domain} />
@@ -216,6 +221,34 @@ function LevelsFyiLink({ slug }: LevelsFyiLinkProps) {
   );
 }
 
+type LeetcodeTaggedLinkProps = {
+  leetcode_tagged: string;
+};
+
+function LeetcodeTaggedLink({ leetcode_tagged }: LeetcodeTaggedLinkProps) {
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <a
+          className="mt-1"
+          href={leetcode_tagged}
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          <img
+            alt="Leetcode Logo"
+            className="h-4 w-4 cursor-pointer rounded-sm hover:opacity-90"
+            src="/images/leetcode.png"
+          />
+        </a>
+      </TooltipTrigger>
+      <TooltipContent>
+        <TooltipText>View Company Leetcode Problems</TooltipText>
+      </TooltipContent>
+    </Tooltip>
+  );
+}
+
 function AverageRating({
   averageRating,
 }: Pick<CompanyInView, 'averageRating'>) {