diff --git a/public/images/team-promo/hero-img.png b/public/images/team-promo/hero-img.png index bf63c201a..9c54c9356 100644 Binary files a/public/images/team-promo/hero-img.png and b/public/images/team-promo/hero-img.png differ diff --git a/src/components/HeroSection/EmptyProgress.tsx b/src/components/HeroSection/EmptyProgress.tsx index 9d98c05d7..46a06fb61 100644 --- a/src/components/HeroSection/EmptyProgress.tsx +++ b/src/components/HeroSection/EmptyProgress.tsx @@ -1,23 +1,30 @@ import { CheckIcon } from '../ReactIcons/CheckIcon'; +import { TeamAnnouncement } from '../TeamAnnouncement'; type EmptyProgressProps = { - title?: string; - message?: string; + title?: string; + message?: string; }; export function EmptyProgress(props: EmptyProgressProps) { - const { - title = 'Start learning ..', - message = 'Your progress and favorite roadmaps will show up here.', - } = props; + const { + title = 'Start learning ..', + message = 'Your progress and favorite roadmaps will show up here.', + } = props; - return ( -
-

- - Start learning .. -

-

{message}

-
- ); + return ( +
+

+ + {title} +

+

{message}

+ +

+ +

+
+ ); } diff --git a/src/components/HeroSection/FavoriteRoadmaps.tsx b/src/components/HeroSection/FavoriteRoadmaps.tsx index d53311706..cb73504b2 100644 --- a/src/components/HeroSection/FavoriteRoadmaps.tsx +++ b/src/components/HeroSection/FavoriteRoadmaps.tsx @@ -119,20 +119,23 @@ export function FavoriteRoadmaps() { return (
-
- {!isLoading && progress?.length == 0 && } - {hasProgress && ( - - )} +
+
+ {!isLoading && progress?.length == 0 && } + {hasProgress && ( + + )} +
); diff --git a/src/components/HeroSection/HeroRoadmaps.tsx b/src/components/HeroSection/HeroRoadmaps.tsx index 786580c98..583147d0f 100644 --- a/src/components/HeroSection/HeroRoadmaps.tsx +++ b/src/components/HeroSection/HeroRoadmaps.tsx @@ -7,6 +7,7 @@ import { MapIcon } from 'lucide-react'; import { CreateRoadmapButton } from '../CustomRoadmap/CreateRoadmap/CreateRoadmapButton'; import { CreateRoadmapModal } from '../CustomRoadmap/CreateRoadmap/CreateRoadmapModal'; import { useState } from 'react'; +import { TeamAnnouncement } from '../TeamAnnouncement'; type ProgressRoadmapProps = { url: string; @@ -87,6 +88,9 @@ export function HeroRoadmaps(props: ProgressListProps) { return (
+

+ +

{isCreatingRoadmap && ( setIsCreatingRoadmap(false)} /> )} diff --git a/src/components/HeroSection/HeroSection.astro b/src/components/HeroSection/HeroSection.astro index 526a67fe8..f677bcac9 100644 --- a/src/components/HeroSection/HeroSection.astro +++ b/src/components/HeroSection/HeroSection.astro @@ -1,23 +1,17 @@ --- import { FavoriteRoadmaps } from './FavoriteRoadmaps'; +import {TeamAnnouncement} from "../TeamAnnouncement"; ---
-

- - New - - Roadmaps for teams. - +

+