@@ -1064,7 +1064,10 @@ defmodule AlgoraWeb.Org.JobLive do
1064
1064
< div >
1065
1065
< div class = "flex items-center gap-1 text-base text-foreground " >
1066
1066
< . link navigate = { User . url ( @ user ) } class = "font-semibold hover:underline " >
1067
- { @ user . name } { Algora.Misc.CountryEmojis . get ( @ user . country ) }
1067
+ { @ user . name }
1068
+ < span :if = { @ user . country } >
1069
+ { Algora.Misc.CountryEmojis . get ( @ user . country ) }
1070
+ </ span >
1068
1071
</ . link >
1069
1072
</ div >
1070
1073
< div
@@ -1419,7 +1422,9 @@ defmodule AlgoraWeb.Org.JobLive do
1419
1422
< div >
1420
1423
< div class = "flex items-center gap-1 text-base text-foreground " >
1421
1424
< span class = "font-semibold " > { @ selected_developer . name } </ span >
1422
- { Algora.Misc.CountryEmojis . get ( @ selected_developer . country ) }
1425
+ < span :if = { @ selected_developer . country } >
1426
+ { Algora.Misc.CountryEmojis . get ( @ selected_developer . country ) }
1427
+ </ span >
1423
1428
</ div >
1424
1429
1425
1430
< div
@@ -1537,14 +1542,62 @@ defmodule AlgoraWeb.Org.JobLive do
1537
1542
~H"""
1538
1543
< . drawer show = { @ show_payment_drawer } on_cancel = { JS . push ( "close_payment_drawer" ) } direction = "right " >
1539
1544
< . drawer_header >
1540
- < . drawer_title > Activate Subscription</ . drawer_title >
1545
+ < . drawer_title > Annual Hiring Subscription</ . drawer_title >
1541
1546
< . drawer_description >
1542
- Choose your preferred payment method
1547
+ Source, screen, interview and onboard with Algora
1543
1548
</ . drawer_description >
1544
1549
</ . drawer_header >
1545
1550
1546
- < . drawer_content :if = { @ current_org . subscription_price } class = "mt-4 " >
1547
- < . form for = { @ payment_form } phx-submit = "process_payment " >
1551
+ < . drawer_content :if = { @ current_org . subscription_price } >
1552
+ < ul class = "space-y-3 text-sm " >
1553
+ < li class = "flex items-center gap-2 " >
1554
+ < div class = "shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-6 border border-success-300/20 " >
1555
+ < . icon name = "tabler-speakerphone " class = "size-4 text-success-300 " />
1556
+ </ div >
1557
+ < span >
1558
+ < span class = "font-semibold text-success-300 " > Reach 50K+ devs</ span >
1559
+ < br class = "md:hidden " /> with unlimited job postings
1560
+ </ span >
1561
+ </ li >
1562
+ < li class = "flex items-center gap-2 " >
1563
+ < div class = "shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-6 border border-success-300/20 " >
1564
+ < . icon name = "tabler-lock-open " class = "size-4 text-success-300 " />
1565
+ </ div >
1566
+ < span >
1567
+ < span class = "font-semibold text-success-300 " > Access top 1% users</ span >
1568
+ < br class = "md:hidden " /> matching your preferences
1569
+ </ span >
1570
+ </ li >
1571
+ < li class = "flex items-center gap-2 " >
1572
+ < div class = "shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-6 border border-success-300/20 " >
1573
+ < . icon name = "tabler-wand " class = "size-4 text-success-300 " />
1574
+ </ div >
1575
+ < span >
1576
+ < span class = "font-semibold text-success-300 " > Auto-rank applicants</ span >
1577
+ < br class = "md:hidden " /> for OSS contribution history
1578
+ </ span >
1579
+ </ li >
1580
+ < li class = "flex items-center gap-2 " >
1581
+ < div class = "shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-6 border border-success-300/20 " >
1582
+ < . icon name = "tabler-currency-dollar " class = "size-4 text-success-300 " />
1583
+ </ div >
1584
+ < span >
1585
+ < span class = "font-semibold text-success-300 " > Trial top candidates</ span >
1586
+ < br class = "md:hidden " /> using contracts and bounties
1587
+ </ span >
1588
+ </ li >
1589
+ < li class = "flex items-center gap-2 " >
1590
+ < div class = "shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-6 border border-success-300/20 " >
1591
+ < . icon name = "tabler-moneybag " class = "size-4 text-success-300 " />
1592
+ </ div >
1593
+ < span >
1594
+ < span class = "font-semibold text-success-300 " > 0% placement fee</ span >
1595
+ < br class = "md:hidden " /> for successful hires
1596
+ </ span >
1597
+ </ li >
1598
+ </ ul >
1599
+
1600
+ < . form for = { @ payment_form } phx-submit = "process_payment " class = "mt-4 " >
1548
1601
< div class = "space-y-6 " >
1549
1602
< div class = "grid grid-cols-2 gap-4 " phx-update = "ignore " id = "payment-form-tabs " >
1550
1603
<%= for { label , value } <- [ { "Stripe" , "stripe" } , { "Wire Transfer" , "wire" } ] do %>
0 commit comments