diff --git a/src/components/TeamProgress/MemberProgressModal.tsx b/src/components/TeamProgress/MemberProgressModal.tsx index 0a2406f25..181e136db 100644 --- a/src/components/TeamProgress/MemberProgressModal.tsx +++ b/src/components/TeamProgress/MemberProgressModal.tsx @@ -18,6 +18,7 @@ import { useAuth } from '../../hooks/use-auth'; import { pageProgressMessage } from '../../stores/page'; import { ProgressHint } from './ProgressHint'; import QuestionIcon from '../../icons/question.svg'; +import { InfoIcon } from '../ReactIcons/InfoIcon'; export type ProgressMapProps = { member: TeamMember; @@ -278,83 +279,94 @@ export function MemberProgressModal(props: ProgressMapProps) { /> )}
-
-

- {member.name}'s Progress -

-

- You are looking at {member.name}'s progress.{' '} - - View your progress - - . -

-

- View your progress  - - on the roadmap page. - -

-
-
-
- - {memberDone} of {memberTotal} done - -
-
- - {progressPercentage}% Done - - - - {memberDone} completed - - · - - {memberLearning} in - progress - - - {memberSkipped > 0 && ( - <> - · - - {memberSkipped}{' '} - skipped - - - )} - - · - - {memberTotal} Total - + {isCurrentUser ? ( +
+

+ Your Progress +

+

+ You can{' '} + {' '} + to update your progress below. +

- {isCurrentUser && ( - + You are looking at {member.name}'s progress.{' '} + + View your progress + + . +

+

+ View your progress  + + on the roadmap page. + +

+
+ )} +

+ + {progressPercentage}% Done + + + + {memberDone} of {memberTotal} done + +

+
+ + · + + {memberTotal} Total + +