RedCrab/projet-nuitinfo-2024
8
0
Fork 0
generated from lucien/actix-react-template
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

modifié : front/src/components/ClickableLink.tsx

Browse source 
modifié :         front/src/components/NavBar.tsx

C'est très moche (j'aimerais avoir le bouton lien pas une ligne en dessous le logo lien);
This commit is contained in:
ChenNux 2024-12-05 21:47:03 +01:00
parent 265157bbe1
commit 3cdab2e303
2 changed files with 16 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
front/src/components/ClickableLink.tsx
View file

@ -1,5 +1,11 @@
export default function ClickableLink(){ function Link ({text}){
<div> return(
prout <button className="LinkNavbar">{text}</button>
</div> )
}
export default function ClickableLink({url, text}) {
return (<div>
<a href={url}><Link text={text} /></a>
</div>)
} }

7
front/src/components/NavBar.tsx
View file

@ -1,7 +1,10 @@
import LogoButton from '../components/LogoButton.tsx' import LogoButton from '../components/LogoButton.tsx'
import ClickableLink from './ClickableLink.tsx';
export default function NavBar(){ export default function NavBar(){
return (<div> return (
<>
<LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png" /> <LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png" />
</div>); <ClickableLink url="https://archlinux.org" text = "Prout" />
</>);
} }