diff --git a/src/components/Activity/EmptyActivity.tsx b/src/components/Activity/EmptyActivity.tsx index 8dcf5b4a6..f984100e1 100644 --- a/src/components/Activity/EmptyActivity.tsx +++ b/src/components/Activity/EmptyActivity.tsx @@ -1,14 +1,11 @@ -import RoadmapIcon from '../../icons/roadmap.svg'; +import { RoadmapIcon } from "../ReactIcons/RoadmapIcon"; export function EmptyActivity() { return (
Progress will appear here as you start tracking your{' '} diff --git a/src/components/CreateTeam/NotDropdown.tsx b/src/components/CreateTeam/NotDropdown.tsx index d0e2e7761..66259d567 100644 --- a/src/components/CreateTeam/NotDropdown.tsx +++ b/src/components/CreateTeam/NotDropdown.tsx @@ -1,4 +1,4 @@ -import ChevronDownIcon from '../../icons/chevron-down.svg'; +import { ChevronDownIcon } from '../ReactIcons/ChevronDownIcon'; type NotDropdownProps = { onClick: () => void; @@ -37,11 +37,7 @@ export function NotDropdown(props: NotDropdownProps) {
Create a roadmap to get started diff --git a/src/components/Friends/EmptyFriends.tsx b/src/components/Friends/EmptyFriends.tsx index ac5741dec..740ba1904 100644 --- a/src/components/Friends/EmptyFriends.tsx +++ b/src/components/Friends/EmptyFriends.tsx @@ -1,6 +1,5 @@ -import UserPlusIcon from '../../icons/user-plus.svg'; -import CopyIcon from '../../icons/copy.svg'; import { useCopyText } from '../../hooks/use-copy-text'; +import { CopyIcon, UserPlus2 } from 'lucide-react'; type EmptyFriendsProps = { befriendUrl: string; @@ -13,14 +12,12 @@ export function EmptyFriends(props: EmptyFriendsProps) { return (
- Share the unique link below with your friends to track their skills and progress. + Share the unique link below with your friends to track their skills + and progress.
Manage your notifications
- No notifications, you can create a team and invite your friends to join. -
-+ No notifications, you can{' '} + + create a team + {' '} + and invite your friends to join. +
+@@ -110,11 +106,7 @@ export function RespondInviteForm() { return (
diff --git a/src/components/TeamProgress/GroupRoadmapItem.tsx b/src/components/TeamProgress/GroupRoadmapItem.tsx
index ba7842a6d..7a21d074c 100644
--- a/src/components/TeamProgress/GroupRoadmapItem.tsx
+++ b/src/components/TeamProgress/GroupRoadmapItem.tsx
@@ -1,8 +1,8 @@
import { useState } from 'react';
import type { GroupByRoadmap, TeamMember } from './TeamProgressPage';
import { getUrlParams } from '../../lib/browser';
-import ExternalLinkIcon from '../../icons/external-link.svg';
import { useAuth } from '../../hooks/use-auth';
+import { LucideExternalLink } from 'lucide-react';
type GroupRoadmapItemProps = {
roadmap: GroupByRoadmap;
@@ -33,11 +33,7 @@ export function GroupRoadmapItem(props: GroupRoadmapItemProps) {
className="group mb-0.5 flex shrink-0 items-center justify-between text-base font-medium leading-none text-black"
target={'_blank'}
>
-
+
{canManageCurrentTeam
@@ -380,11 +377,11 @@ export function TeamRoadmaps() {
onDelete={() => {
if (
confirm(
- 'Are you sure you want to remove this roadmap?'
+ 'Are you sure you want to remove this roadmap?',
)
) {
onRemove(resourceConfig.resourceId).finally(
- () => {}
+ () => {},
);
}
}}
@@ -405,7 +402,7 @@ export function TeamRoadmaps() {
)}
);
- }
+ },
)}
@@ -433,7 +430,7 @@ export function TeamRoadmaps() {
'grid grid-cols-1 p-2.5',
canManageCurrentTeam
? 'sm:grid-cols-[auto_172px]'
- : 'sm:grid-cols-[auto_110px]'
+ : 'sm:grid-cols-[auto_110px]',
)}
key={resourceConfig.resourceId}
>
@@ -464,11 +461,11 @@ export function TeamRoadmaps() {
onDelete={() => {
if (
confirm(
- 'Are you sure you want to remove this roadmap?'
+ 'Are you sure you want to remove this roadmap?',
)
) {
onRemove(resourceConfig.resourceId).finally(
- () => {}
+ () => {},
);
}
}}
@@ -557,11 +554,11 @@ export function TeamRoadmaps() {
onDelete={() => {
if (
confirm(
- 'Are you sure you want to remove this roadmap?'
+ 'Are you sure you want to remove this roadmap?',
)
) {
onRemove(resourceConfig.resourceId).finally(
- () => {}
+ () => {},
);
}
}}
diff --git a/src/components/UserProgress/UserCustomProgressModal.tsx b/src/components/UserProgress/UserCustomProgressModal.tsx
index f79fd6068..b907c0396 100644
--- a/src/components/UserProgress/UserCustomProgressModal.tsx
+++ b/src/components/UserProgress/UserCustomProgressModal.tsx
@@ -4,13 +4,13 @@ import { useKeydown } from '../../hooks/use-keydown';
import { httpGet } from '../../lib/http';
import type { ResourceType } from '../../lib/resource-progress';
import { topicSelectorAll } from '../../lib/resource-progress';
-import CloseIcon from '../../icons/close.svg';
import { deleteUrlParam, getUrlParams } from '../../lib/browser';
import { useAuth } from '../../hooks/use-auth';
import type { GetRoadmapResponse } from '../CustomRoadmap/CustomRoadmap';
import { ReadonlyEditor } from '../../../editor/readonly-editor';
import { ProgressLoadingError } from './ProgressLoadingError';
import { UserProgressModalHeader } from './UserProgressModalHeader';
+import { X } from 'lucide-react';
export type ProgressMapProps = {
userId?: string;
@@ -208,7 +208,7 @@ export function UserCustomProgressModal(props: ProgressMapProps) {
className={`absolute right-2.5 top-3 ml-auto inline-flex items-center rounded-lg bg-gray-100 bg-transparent p-1.5 text-sm text-gray-400 hover:text-gray-900 lg:hidden`}
onClick={onClose}
>
-
+