diff --git a/src/components/banner/HeroBanner.js b/src/components/banner/HeroBanner.js index a8f3b1c..44a2095 100644 --- a/src/components/banner/HeroBanner.js +++ b/src/components/banner/HeroBanner.js @@ -133,11 +133,14 @@ const HeroBanner = () => { className="border-2" size={isMobile ? null : "large"} outlined - onClick={() => router.push('/course/naddr1qvzqqqr4xspzpueu32tp0jc47uzlcuxdgcw06m40ytu7ynpna2adnqty3e0vda6pqy88wumn8ghj7mn0wvhxcmmv9uq32amnwvaz7tmjv4kxz7fwv3sk6atn9e5k7tcpr9mhxue69uhhyetvv9ujuumwdae8gtnnda3kjctv9uq3wamnwvaz7tmjv4kxz7fwdehhxarj9e3xzmny9uq36amnwvaz7tmjv4kxz7fwd46hg6tw09mkzmrvv46zucm0d5hsz9mhwden5te0wfjkccte9ec8y6tdv9kzumn9wshszynhwden5te0dehhxarjxgcjucm0d5hszynhwden5te0dehhxarjw4jjucm0d5hsz9nhwden5te0wp6hyurvv4ex2mrp0yhxxmmd9uq3wamnwvaz7tmjv4kxz7fwv3jhvueww3hk7mrn9uqzge34xvuxvdtrx5knzcfhxgkngwpsxsknsetzxyknxe3sx43k2cfkxsurwdq68epwa?active=0')} + onClick={() => signIn('anonymous', { + callbackUrl: '/course/naddr1qvzqqqr4xspzpueu32tp0jc47uzlcuxdgcw06m40ytu7ynpna2adnqty3e0vda6pqy88wumn8ghj7mn0wvhxcmmv9uq32amnwvaz7tmjv4kxz7fwv3sk6atn9e5k7tcpr9mhxue69uhhyetvv9ujuumwdae8gtnnda3kjctv9uq3wamnwvaz7tmjv4kxz7fwdehhxarj9e3xzmny9uq36amnwvaz7tmjv4kxz7fwd46hg6tw09mkzmrvv46zucm0d5hsz9mhwden5te0wfjkccte9ec8y6tdv9kzumn9wshszynhwden5te0dehhxarjxgcjucm0d5hszynhwden5te0dehhxarjw4jjucm0d5hsz9nhwden5te0wp6hyurvv4ex2mrp0yhxxmmd9uq3wamnwvaz7tmjv4kxz7fwv3jhvueww3hk7mrn9uqzge34xvuxvdtrx5knzcfhxgkngwpsxsknsetzxyknxe3sx43k2cfkxsurwdq68epwa?active=starter', + redirect: true, + })} /> } + icon={} rounded size={isMobile ? null : "large"} severity="success" diff --git a/src/components/content/courses/CourseDetails.js b/src/components/content/courses/CourseDetails.js index ddb4210..14193cf 100644 --- a/src/components/content/courses/CourseDetails.js +++ b/src/components/content/courses/CourseDetails.js @@ -17,6 +17,7 @@ import { useNDKContext } from "@/context/NDKContext"; import { findKind0Fields } from '@/utils/nostr'; import appConfig from "@/config/appConfig"; import useTrackCourse from '@/hooks/tracking/useTrackCourse'; +import WelcomeModal from '@/components/onboarding/WelcomeModal'; import { ProgressSpinner } from 'primereact/progressspinner'; export default function CourseDetails({ processedEvent, paidCourse, lessons, decryptionPerformed, handlePaymentSuccess, handlePaymentError }) { @@ -148,6 +149,7 @@ export default function CourseDetails({ processedEvent, paidCourse, lessons, dec return (
+
course image { + const [visible, setVisible] = useState(false); + const router = useRouter(); + + useEffect(() => { + if (router.query.active === 'starter') { + setVisible(true); + } + }, [router.query]); + + const onHide = () => { + setVisible(false); + // Update just the 'active' query parameter to '0' while preserving the path + router.replace({ + pathname: router.pathname, + query: { ...router.query, active: '0' } + }, undefined, { shallow: true }); + }; + + return ( + +
+

Start Your Dev Journey

+

Welcome to the FREE Starter Course!

+
+ +
+
+ +
+

Your Account

+

An anonymous account has been created for you and you can access it in the top right corner.

+

On your profile page you will find:

+
    +
  • Full dev journey roadmap
  • +
  • Progress tracker
  • +
  • Achievement badges
  • +
  • And more!
  • +
+
+
+ +
+ +
+

Starter Course

+

This course will cover:

+
    +
  • PlebDevs approach to learning how to code
  • +
  • Development tools setup
  • +
  • Foundation for the full Dev Journey
  • +
  • Learn basic HTML, CSS, and JavaScript
  • +
+
+
+ +
+

Let's start your coding journey! 🚀

+
+
+
+ ); +}; + +export default WelcomeModal; \ No newline at end of file diff --git a/src/components/profile/progress/UserProgress.js b/src/components/profile/progress/UserProgress.js index c55e411..c0324d3 100644 --- a/src/components/profile/progress/UserProgress.js +++ b/src/components/profile/progress/UserProgress.js @@ -194,10 +194,10 @@ const UserProgress = () => {

Dev Journey

+ data-pr-tooltip="Track your progress through the courses, showcase your GitHub contributions, submit projects, and earn badges!" />
-

Track your progress through all courses, showcase your GitHub contributions, submit projects, and earn badges!

+

Track your progress through the courses, showcase your GitHub contributions, submit projects, and earn badges!

Progress