fix: restrict RAISE Incubator portal link to RAISE entity and render official website link for other centers

This commit is contained in:
Amudieshwar
2026-08-19 08:37:48 +05:30
parent 5f3b3f5973
commit 7cd28fa974

View File

@@ -927,33 +927,51 @@ export default function Events() {
</div> </div>
{/* Social & Community Links */} {/* Social & Community Links */}
{Boolean( {(() => {
selectedClub.socialLinks?.instagram || const isRaiseIncubator = selectedClub.id === 'center_raise' || selectedClub.socialLinks?.website === '/raise';
selectedClub.socialLinks?.linkedin || const hasSocials = Boolean(
selectedClub.socialLinks?.whatsapp || selectedClub.socialLinks?.instagram ||
selectedClub.socialLinks?.youtube || selectedClub.socialLinks?.linkedin ||
selectedClub.socialLinks?.website selectedClub.socialLinks?.whatsapp ||
) && ( selectedClub.socialLinks?.youtube ||
<div className="mb-6 bg-orange-50/60 border border-orange-200/80 rounded-2xl p-4"> selectedClub.socialLinks?.website
<div className="flex items-center justify-between mb-3"> );
<div className="flex items-center gap-2 text-xs font-bold text-[#F97316] uppercase tracking-wider">
<ExternalLink className="w-3.5 h-3.5" />
<span>Social & Community Links</span>
</div>
<span className="text-[10px] text-emerald-600 font-medium">✓ Verified RIT Entity</span>
</div>
<div className="grid grid-cols-2 gap-2.5"> if (!hasSocials) return null;
{selectedClub.socialLinks?.website && (
<Link return (
to={selectedClub.socialLinks.website} <div className="mb-6 bg-orange-50/60 border border-orange-200/80 rounded-2xl p-4">
onClick={() => setSelectedClub(null)} <div className="flex items-center justify-between mb-3">
className="flex items-center gap-2 p-2.5 rounded-xl bg-gradient-to-r from-[#EC4899] via-[#F43F5E] to-[#E11D48] text-white hover:from-pink-600 hover:to-rose-600 transition-all text-xs font-bold shadow-xs col-span-2 justify-center" <div className="flex items-center gap-2 text-xs font-bold text-[#F97316] uppercase tracking-wider">
> <ExternalLink className="w-3.5 h-3.5" />
<Rocket className="w-4 h-4 text-white shrink-0 animate-pulse" /> <span>Social & Community Links</span>
<span>Launch RAISE Incubator Portal →</span> </div>
</Link> <span className="text-[10px] text-emerald-600 font-medium">✓ Verified RIT Entity</span>
)} </div>
<div className="grid grid-cols-2 gap-2.5">
{isRaiseIncubator && selectedClub.socialLinks?.website && (
<Link
to={selectedClub.socialLinks.website}
onClick={() => setSelectedClub(null)}
className="flex items-center gap-2 p-2.5 rounded-xl bg-gradient-to-r from-[#EC4899] via-[#F43F5E] to-[#E11D48] text-white hover:from-pink-600 hover:to-rose-600 transition-all text-xs font-bold shadow-xs col-span-2 justify-center"
>
<Rocket className="w-4 h-4 text-white shrink-0 animate-pulse" />
<span>Launch RAISE Incubator Portal →</span>
</Link>
)}
{!isRaiseIncubator && selectedClub.socialLinks?.website && selectedClub.socialLinks.website.startsWith('http') && (
<a
href={selectedClub.socialLinks.website}
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-2 p-2.5 rounded-xl bg-white border border-slate-200 hover:border-orange-500 hover:text-orange-600 transition-all text-xs font-medium text-slate-700"
>
<Globe className="w-4 h-4 text-orange-500 shrink-0" />
<span className="truncate">Official Website</span>
</a>
)}
{selectedClub.socialLinks?.instagram && ( {selectedClub.socialLinks?.instagram && (
<a <a
@@ -1002,9 +1020,10 @@ export default function Events() {
<span className="truncate">YouTube Channel</span> <span className="truncate">YouTube Channel</span>
</a> </a>
)} )}
</div>
</div> </div>
</div> );
)} })()}
{/* Close Button */} {/* Close Button */}
<div> <div>