feat: added VisProgUI to a page
ref: N25B-114
This commit is contained in:
4
src/pages/VisProgPage/VisProg.module.css
Normal file
4
src/pages/VisProgPage/VisProg.module.css
Normal file
@@ -0,0 +1,4 @@
|
||||
button.reset:hover {
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
23
src/pages/VisProgPage/VisProg.tsx
Normal file
23
src/pages/VisProgPage/VisProg.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
import { Link } from 'react-router'
|
||||
import VisProgUI from "../../visualProgrammingUI/VisProgUI.tsx";
|
||||
|
||||
|
||||
//this is your css file where you can style your buttons and such
|
||||
//you can still use css parts from App.css, but also overwrite them
|
||||
|
||||
function VisProgPage() {
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
<VisProgUI />
|
||||
<Link to = {"/"}> {/* here you link to the homepage, in App.tsx you can link new pages */}
|
||||
<button className= 'movePage left' onClick={() :void => {}}>
|
||||
Page {'<'}-- Go Home
|
||||
</button>
|
||||
</Link>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default VisProgPage
|
||||
Reference in New Issue
Block a user