From 8552000baeb04ccac505ecd41e103bd30fee32a6 Mon Sep 17 00:00:00 2001
From: Luigi Sbailo <luigi.sbailo@physik.hu-berlin.de>
Date: Thu, 17 Mar 2022 18:26:44 +0100
Subject: [PATCH] Links open in blank tab
---
src/components/AccordionsList.js | 8 ++++----
src/components/MainPage.js | 14 ++++++++------
2 files changed, 12 insertions(+), 10 deletions(-)
diff --git a/src/components/AccordionsList.js b/src/components/AccordionsList.js
index c0a7dcb..01f8f5d 100644
--- a/src/components/AccordionsList.js
+++ b/src/components/AccordionsList.js
@@ -198,7 +198,7 @@ function AccordionsList(props) {
<Grid item xs={5}>
<Button
href={"http://localhost:8888/notebooks/tutorials/" + tutorial.notebook_name}
- target="tutorial"
+ target="_blank"
startIcon={<img alt='Access icon' src={AccessIcon}></img>}
>
<Typography className={styles.fieldText} >
@@ -212,7 +212,7 @@ function AccordionsList(props) {
width='10px'
color='#2A3C67'
href={tutorial.link_video}
- target="tutorial"
+ target="_blank"
startIcon={<img alt='Watch icon' src={WatchIcon}></img>}
>
<Typography className={styles.fieldText} >
@@ -236,7 +236,7 @@ function AccordionsList(props) {
{tutorial.link_paper && <Button
color='#2A3C67'
href={tutorial.link_paper}
- target="tutorial"
+ target="_blank"
startIcon={<img alt='DOI icon' src={DoiIcon}></img>}>
</Button>}
</div>
@@ -246,7 +246,7 @@ function AccordionsList(props) {
{tutorial.link_paper && <Button
color='#2A3C67'
href={tutorial.link_paper}
- target="tutorial"
+ target="_blank"
startIcon={<img alt='PDF icon' src={PdfIcon}/>}>
</Button>}
</div>
diff --git a/src/components/MainPage.js b/src/components/MainPage.js
index 9274fac..fa0fe90 100644
--- a/src/components/MainPage.js
+++ b/src/components/MainPage.js
@@ -189,9 +189,9 @@ export default function MainPage() {
</Grid>
<Grid container spacing={1} className={styles.boxIcons}>
<Grid item xs={3} >
- <IconButton href='http://localhost:8888/notebooks/tutorials/query_nomad_archive.ipynb'>
+ <IconButton href='http://localhost:8888/notebooks/tutorials/query_nomad_archive.ipynb' target="_blank">
<img
- src={IconQuery}
+ src={IconQuery}
className={styles.topIcon}
style={{zIndex: 2, position: 'relative'}}
alt='Query Archive icon'
@@ -207,7 +207,7 @@ export default function MainPage() {
</Typography>
</Grid>
<Grid item xs={1} className={styles.arrowGrid}>
- <IconButton href='http://localhost:8888/notebooks/tutorials/query_nomad_archive.ipynb'>
+ <IconButton href='http://localhost:8888/notebooks/tutorials/query_nomad_archive.ipynb' target="_blank">
<img
src={ArrowIcon}
style={{width: '20px', zIndex: 4, position: 'relative'}}
@@ -278,7 +278,7 @@ export default function MainPage() {
<Grid item xs={3} >
<Grid container >
<Grid item xs={11}>
- <IconButton href="http://localhost:8888/tree/work">
+ <IconButton href="http://localhost:8888/tree/work" target="_blank">
<img
alt='Get to work icon'
src={IconWork}
@@ -296,7 +296,7 @@ export default function MainPage() {
</Typography>
</Grid>
<Grid item xs={1} className={styles.arrowGrid}>
- <IconButton href="http://localhost:8888/tree/work">
+ <IconButton href="http://localhost:8888/tree/work" target="_blank">
<img
alt='Arrow cion'
src={ArrowIcon}
@@ -421,7 +421,7 @@ export default function MainPage() {
<Grid container spacing={1} className={styles.boxIconsBottom}>
<Grid item xs={3}>
<IconButton href='http://localhost:8888/tutorials/query_nomad_archive.ipynb'>
- <img alt='Query the Archive logo' src={IconQuery2} className={styles.iconsBottom}/>
+ <img alt='Query the Archive logo' src={IconQuery2} target='_blank' className={styles.iconsBottom}/>
</IconButton>
</Grid>
<Grid item xs={3}>
@@ -436,6 +436,7 @@ export default function MainPage() {
<Grid item xs={3}>
<Button
href='http://localhost:8888/tutorials/query_nomad_archive.ipynb'
+ target="_blank"
className={styles.buttonBottom}
endIcon={<img alt='Arrow icon' src={ArrowIcon}/>}
>
@@ -471,6 +472,7 @@ export default function MainPage() {
<Grid item xs={3}>
<Button
href='http://localhost:8888/tree/work'
+ target="_blank"
className={styles.buttonBottom}
endIcon={<img alt='Arrow icon' src={ArrowIcon}/>}
>
--
GitLab