Merge pull request #27 from near/develop

chore: links on a new domain should open in a new tab
near · May 23, 2024 · f124638 · f124638
2 parents 02558e0 + f3ee296
commit f124638
Showing 1 changed file with 20 additions and 4 deletions.
diff --git a/src/components/pages/Home.tsx b/src/components/pages/Home.tsx
@@ -138,21 +138,24 @@ const featuredApps = [
     accountId: 'hack.near',
     description: 'Ranking starred components',
     image: images.apps.bosAllStars,
-    url: '/near/widget/ComponentDetailsPage?src=hack.near/widget/widgets.rank',
+    url: 'https://dev.near.org/near/widget/ComponentDetailsPage?src=hack.near/widget/widgets.rank',
+    target: '_blank',
   },
   {
     name: 'BOS Hacks',
     accountId: 'ndcplug.near',
     description: 'The 2 week B.O.S Hackathon on B.O.S',
     image: images.apps.bosHacks,
-    url: '/near/widget/ComponentDetailsPage?src=ndcplug.near/widget/BOSHACKS.Index',
+    url: 'https://dev.near.org/near/widget/ComponentDetailsPage?src=ndcplug.near/widget/BOSHACKS.Index',
+    target: '_blank',
   },
   {
     name: 'NUI',
     accountId: 'nearui.near',
     description: ' A growing collection of beautifully designed B.O.S widgets - your building blocks for creating...',
     image: images.apps.nui,
-    url: '/near/widget/ComponentDetailsPage?src=nearui.near/widget/index',
+    url: 'https://dev.near.org/near/widget/ComponentDetailsPage?src=nearui.near/widget/index',
+    target: '_blank',
   },
 ];
 
@@ -255,6 +258,7 @@ const learnItems = [
     description: 'Starter kit to learn about blockchain technology, web3, and the NEAR protocol.',
     icon: 'ph-book-open-text',
     url: 'https://dev.near.org/learn',
+    target: '_blank',
   },
 ];
 
@@ -272,6 +276,7 @@ const communityItems = [
     description: 'Horizons is an early stage accelerator for Web3 founders to build, connect, and grow.',
     image: images.community.horizon,
     url: '/horizon',
+    target: '_blank',
   },
   {
     name: 'Near Digital Collective (NDC)',
@@ -434,13 +439,21 @@ export const Home = () => {
                   variant="secondary"
                   fill="outline"
                   size="large"
+                  target="_blank"
                 />
               </Flex>
             </Flex>
 
             <Grid $columns="1fr 1fr 1fr" $gap="24px">
               {featuredApps.map((app) => (
-                <Card $clickable as="a" href={app.url} style={{ borderColor: 'var(--sand12)' }} key={app.name}>
+                <Card
+                  $clickable
+                  as="a"
+                  href={app.url}
+                  style={{ borderColor: 'var(--sand12)' }}
+                  key={app.name}
+                  target={app.target}
+                >
                   <Flex $alignItems="center" $gap="24px">
                     <CardThumbnail>
                       <img src={returnImageSrc(app.image)} alt={app.name} />
@@ -543,6 +556,7 @@ export const Home = () => {
                   variant="affirmative"
                   size="large"
                   className="darkButton"
+                  target="_blank"
                 />
               </div>
             </>
@@ -606,6 +620,7 @@ export const Home = () => {
                   variant="secondary"
                   fill="outline"
                   size="large"
+                  target="_blank"
                 />
               </div>
             </>
@@ -745,6 +760,7 @@ export const Home = () => {
                   variant="affirmative"
                   size="large"
                   className="darkButton"
+                  target="_blank"
                 />
               </Flex>
             </Flex>