Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit e23d607

Browse files
pbteja1998pbteja1998
committed
Add links to the profile wherever relevant
1 parent 2ee332a commit e23d607

File tree

8 files changed

+50
-19
lines changed

8 files changed

+50
-19
lines changed

‎src/components/goals/EditUpdate.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { useSession } from 'next-auth/client'
55
import { useMutation, useQueryClient } from 'react-query'
66
import toast, { Toaster } from 'react-hot-toast'
77
import { useRef, useState } from 'react'
8-
import { Markdown } from '@/components'
8+
import { Markdown, A } from '@/components'
99

1010
type Inputs = {
1111
description: string
@@ -80,7 +80,9 @@ export default function EditUpdate({
8080
<div className="flex space-x-3">
8181
<div className="flex-shrink-0">
8282
<div className="relative">
83-
<Avatar src={(session.user as User).image} />
83+
<A href={`/${(session.user as User).username}`}>
84+
<Avatar src={(session.user as User).image} />
85+
</A>
8486
</div>
8587
</div>
8688
<div className="min-w-0 flex-1">

‎src/components/goals/GoalMeta.tsx

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { User } from 'src/pages/members'
22
import { Avatar } from '@/ui'
33
import { DateTime } from 'luxon'
4+
import { A } from '@/components'
45

56
export default function GoalMeta({
67
className = '',
@@ -81,14 +82,21 @@ export default function GoalMeta({
8182
<ul className="mt-3 space-y-3">
8283
{participants.map((participant) => (
8384
<li className="flex justify-start" key={participant.id}>
84-
<a href="/" className="flex items-end space-x-3">
85+
<A
86+
href={`/${participant.username}`}
87+
className="flex items-end space-x-3"
88+
>
8589
<div className="flex-shrink-0">
86-
<Avatar src={participant.image} size="2xs" />
90+
<Avatar
91+
src={participant.image}
92+
size="2xs"
93+
alt={participant.account?.firstName}
94+
/>
8795
</div>
8896
<div className="text-sm font-medium text-gray-900">
8997
{participant.account?.firstName ?? participant.name}
9098
</div>
91-
</a>
99+
</A>
92100
</li>
93101
))}
94102
</ul>

‎src/components/goals/GoalUpdate.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { Avatar } from '@/ui'
22
import React from 'react'
33
import { User } from 'src/pages/members'
4-
import { Markdown } from '@/components'
4+
import { Markdown, A } from '@/components'
55
import { DateTime } from 'luxon'
66

77
export type GoalUpdateType = {
@@ -33,7 +33,9 @@ export default function GoalUpdate({
3333

3434
<div className="relative flex items-start space-x-3">
3535
<div className="relative">
36-
<Avatar src={postedBy.image} />
36+
<A href={`/${postedBy.username}`}>
37+
<Avatar src={postedBy.image} alt={postedBy.account?.firstName} />
38+
</A>
3739
</div>
3840
<div className="min-w-0 flex-1">
3941
<div>

‎src/components/goals/NewComment.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,12 @@ export default function NewComment({ updateId }: { updateId: string }) {
6363
<div className="flex space-x-3">
6464
<div className="flex-shrink-0">
6565
<div className="relative">
66-
<Avatar src={(session.user as User).image} />
66+
<A href={`/${(session.user as User).username}`}>
67+
<Avatar
68+
src={(session.user as User).image}
69+
alt={(session.user as User).account?.firstName}
70+
/>
71+
</A>
6772
</div>
6873
</div>
6974
<div className="min-w-0 flex-1">

‎src/components/goals/NewUpdate.tsx

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { useSession } from 'next-auth/client'
55
import { useMutation, useQueryClient } from 'react-query'
66
import toast, { Toaster } from 'react-hot-toast'
77
import { useRef, useState } from 'react'
8-
import { Markdown } from '@/components'
8+
import { Markdown, A } from '@/components'
99

1010
type Inputs = {
1111
description: string
@@ -73,7 +73,12 @@ export default function NewUpdate({
7373
<div className="flex space-x-3">
7474
<div className="flex-shrink-0">
7575
<div className="relative">
76-
<Avatar src={(session.user as User).image} />
76+
<A href={`/${(session.user as User).username}`}>
77+
<Avatar
78+
src={(session.user as User).image}
79+
alt={(session.user as User).account?.firstName}
80+
/>
81+
</A>
7782
</div>
7883
</div>
7984
<div className="min-w-0 flex-1">

‎src/components/goals/UpdateComment.tsx

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { Avatar } from '@/ui'
22
import React from 'react'
33
import { User } from 'src/pages/members'
4-
import { Markdown } from '@/components'
4+
import { Markdown, A } from '@/components'
55
import { DateTime } from 'luxon'
66

77
export type GoalUpdateType = {
@@ -26,12 +26,17 @@ export default function UpdateComment({
2626
<div className="relative pb-6">
2727
<div className="relative flex items-start space-x-3">
2828
<div className="relative">
29-
<Avatar src={postedBy.image} />
29+
<A href={`/${postedBy.username}`}>
30+
<Avatar src={postedBy.image} alt={postedBy.account?.firstName} />
31+
</A>
3032
</div>
3133
<div className="min-w-0 flex-1">
3234
<div>
3335
<div className="text-sm">
34-
<a href="/" className="font-medium text-gray-900">
36+
<a
37+
href={`/${postedBy.username}`}
38+
className="font-medium text-gray-900"
39+
>
3540
{postedBy.account?.firstName ?? postedBy.name}
3641
</a>
3742
</div>

‎src/components/profile/Profile.tsx

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -45,11 +45,13 @@ export default function Profile({ user }: { user: User }) {
4545
<div className="sm:flex sm:items-center sm:justify-between">
4646
<div className="sm:flex sm:space-x-5 sm:items-center">
4747
<div className="flex-shrink-0">
48-
<img
49-
className="mx-auto h-20 w-20 rounded-full"
50-
src={user.image}
51-
alt=""
52-
/>
48+
<A href={`/${(session.user as User).username}`}>
49+
<img
50+
className="mx-auto h-20 w-20 rounded-full"
51+
src={user.image}
52+
alt={user.name}
53+
/>
54+
</A>
5355
</div>
5456
<div className="mt-4 text-center sm:mt-0 sm:pt-1 sm:text-left">
5557
<p className="text-xl font-bold text-gray-900 sm:text-2xl">

‎src/components/ui/avatar/Avatar.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ export type AvatarProps = {
77
className?: string
88
size?: SizeVariant
99
src?: string
10+
alt?: string
1011
name?: string
1112
squared?: boolean
1213
}
@@ -24,6 +25,7 @@ export default function Avatar({
2425
className,
2526
size = 'md',
2627
src,
28+
alt = '',
2729
name,
2830
squared = false,
2931
}: AvatarProps) {
@@ -48,7 +50,7 @@ export default function Avatar({
4850
className
4951
)}
5052
src={src}
51-
alt=""
53+
alt={alt}
5254
tabIndex={0}
5355
/>
5456
) : name ? (

0 commit comments

Comments
 (0)