-
+
diff --git a/frontend/src/routes/_app.profile.$username.tsx b/frontend/src/routes/_app.profile.$username.tsx
index 25b0bb0c..a48b9ae0 100644
--- a/frontend/src/routes/_app.profile.$username.tsx
+++ b/frontend/src/routes/_app.profile.$username.tsx
@@ -7,7 +7,10 @@ export const Route = createFileRoute("/_app/profile/$username")({
head: ({ params }) => ({
meta: [
{ title: `@${params.username} — DevLink` },
- { name: "description", content: `${params.username}'s DevLink profile: skills, projects and activity.` },
+ {
+ name: "description",
+ content: `${params.username}'s DevLink profile: skills, projects and activity.`,
+ },
],
}),
component: ProfilePage,
@@ -17,7 +20,14 @@ function ProfilePage() {
const { username } = Route.useParams();
const me = username === currentUser.handle;
const b = me
- ? { ...builders[0], name: currentUser.name, handle: currentUser.handle, avatar: currentUser.avatar, bio: "Product engineer. Ships fast, sleeps sometimes.", role: "Full Stack Developer" }
+ ? {
+ ...builders[0],
+ name: currentUser.name,
+ handle: currentUser.handle,
+ avatar: currentUser.avatar,
+ bio: "Product engineer. Ships fast, sleeps sometimes.",
+ role: "Full Stack Developer",
+ }
: builders.find((x) => x.handle === username);
if (!b) throw notFound();
@@ -28,12 +38,20 @@ function ProfilePage() {
{b.name}
-
@{b.handle} · {b.role}
+
+ @{b.handle} · {b.role}
+
{b.bio}
- {b.country}
- Joined 2024
- devlink.io/{b.handle}
+
+ {b.country}
+
+
+ Joined 2024
+
+
+ devlink.io/{b.handle}
+
{!me && (
@@ -48,7 +66,9 @@ function ProfilePage() {
Skills
- {b.skills.map((s) => {s})}
+ {b.skills.map((s) => (
+ {s}
+ ))}
@@ -56,10 +76,14 @@ function ProfilePage() {
{projects.slice(0, 4).map((p) => (
-
- {p.icon}
+
+ {p.icon}
+
{p.name}
-
{p.stack.join(" · ")}
+
+ {p.stack.join(" · ")}
+
))}
diff --git a/frontend/src/routes/_app.projects.$projectId.tsx b/frontend/src/routes/_app.projects.$projectId.tsx
index 6ef81a33..209971e7 100644
--- a/frontend/src/routes/_app.projects.$projectId.tsx
+++ b/frontend/src/routes/_app.projects.$projectId.tsx
@@ -7,10 +7,6 @@ import { useState } from "react";
import { cn } from "@/lib/utils";
import { builders, activity, currentUser } from "@/mocks/seed";
import { Markdown } from "@/components/shared/Markdown";
-import { ArrowLeft, Star, GitFork, Users2, Github } from "lucide-react";
-import { useState } from "react";
-import { cn } from "@/lib/utils";
-import { builders, activity } from "@/mocks/seed";
import { BackButton } from "@/components/shared/BackButton";
export const Route = createFileRoute("/_app/projects/$projectId")({
@@ -97,16 +93,6 @@ function ProjectDetail() {
{p.members}
-