Skip to content

Commit 2ad7f8d

Browse files
ibekorpiske
ibek
authored and
orpiske
committed
Add tools page with ability to list, add, and import tools
1 parent d1b729d commit 2ad7f8d

File tree

14 files changed

+754
-298
lines changed

14 files changed

+754
-298
lines changed

‎routers/wanaku-router/src/main/resources/application.properties

+1-1
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ quarkus.quinoa.package-manager-install=true
4444
quarkus.quinoa.package-manager-install.yarn-version=1.22.10
4545
quarkus.quinoa.package-manager-install.node-version=20.11.1
4646
quarkus.quinoa.force-install=true
47-
quarkus.quinoa.package-manager-command.ci=install --immutable
47+
quarkus.quinoa.package-manager-command.ci=install
4848
quarkus.quinoa.package-manager-command.build=run build
4949
quarkus.quinoa.package-manager-command.build-env.VITE_API_URL="/api/v1"
5050
quarkus.quinoa.package-manager-command.dev=run dev

‎ui/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Vite + React + TS</title>
7+
<title>Wanaku Console</title>
88
</head>
99
<body>
1010
<div id="root"></div>

‎ui/package.json

+4-1
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,13 @@
1111
},
1212
"dependencies": {
1313
"@carbon/icons-react": "^11.55.0",
14+
"@carbon/layout": "^11.30.0",
1415
"@carbon/react": "^1.76.0",
1516
"react": "^19.0.0",
1617
"react-dom": "^19.0.0",
17-
"react-router-dom": "^6.14.1"
18+
"react-is": "^19.0.0",
19+
"react-router-dom": "^6.14.1",
20+
"sass": "^1.85.1"
1821
},
1922
"devDependencies": {
2023
"@eslint/js": "^9.19.0",

‎ui/src/App.scss

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@use "@carbon/layout" as *;
2+
3+
.title {
4+
padding-top: $spacing-05;
5+
padding-bottom: $spacing-07;
6+
}
7+
8+
.description {
9+
padding-bottom: $spacing-07;
10+
max-width: 600px;
11+
}

‎ui/src/App.tsx

+23-108
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@
1-
import { Fade, Notification, Search, Switcher } from "@carbon/icons-react";
21
import {
2+
IbmDynamicRouteServer,
3+
LogoGithub,
4+
Notification,
5+
Search,
6+
} from "@carbon/icons-react";
7+
import {
8+
Column,
39
Content,
10+
Grid,
411
Header,
512
HeaderContainer,
613
HeaderGlobalAction,
714
HeaderGlobalBar,
8-
HeaderMenu,
915
HeaderMenuButton,
1016
HeaderMenuItem,
1117
HeaderName,
1218
HeaderNavigation,
13-
HeaderSideNavItems,
14-
SideNav,
15-
SideNavItems,
16-
SideNavLink,
17-
SideNavMenu,
18-
SideNavMenuItem,
1919
SkipToContent,
2020
} from "@carbon/react";
2121
import { Link, Outlet } from "react-router-dom";
2222
import "./App.scss";
23-
import { Links } from "./router/links.models";
23+
import { ExternalLinks, Links } from "./router/links.models";
2424

2525
function App() {
2626
const action = (click: string) => () => {
@@ -39,23 +39,18 @@ function App() {
3939
isActive={isSideNavExpanded}
4040
aria-expanded={isSideNavExpanded}
4141
/>
42-
<HeaderName href="#" prefix="">
42+
<HeaderName href={ExternalLinks.Home} target="_blank" prefix="">
43+
<IbmDynamicRouteServer size={32} style={{ marginRight: "1em" }} />{" "}
4344
Wanaku
4445
</HeaderName>
4546

4647
<HeaderNavigation aria-label="Wanaku">
4748
<HeaderMenuItem as={Link} to={Links.Home}>
4849
Home
4950
</HeaderMenuItem>
50-
<HeaderMenuItem as={Link} to={Links.About}>
51-
About
51+
<HeaderMenuItem as={Link} to={Links.Tools}>
52+
Tools
5253
</HeaderMenuItem>
53-
<HeaderMenuItem href="#">Link 3</HeaderMenuItem>
54-
<HeaderMenu aria-label="Link 4" menuLinkName="Link 4">
55-
<HeaderMenuItem href="#one">Sub-link 1</HeaderMenuItem>
56-
<HeaderMenuItem href="#two">Sub-link 2</HeaderMenuItem>
57-
<HeaderMenuItem href="#three">Sub-link 3</HeaderMenuItem>
58-
</HeaderMenu>
5954
</HeaderNavigation>
6055
<HeaderGlobalBar>
6156
<HeaderGlobalAction
@@ -71,103 +66,23 @@ function App() {
7166
<Notification size={20} />
7267
</HeaderGlobalAction>
7368
<HeaderGlobalAction
74-
aria-label="App Switcher"
75-
onClick={action("app-switcher click")}
69+
aria-label="GitHub"
70+
onClick={() => {
71+
window.open(ExternalLinks.GitHub, "_blank");
72+
}}
7673
tooltipAlignment="end"
7774
>
78-
<Switcher size={20} />
75+
<LogoGithub size={20} />
7976
</HeaderGlobalAction>
8077
</HeaderGlobalBar>
81-
<SideNav
82-
aria-label="Side navigation"
83-
expanded={isSideNavExpanded}
84-
onSideNavBlur={onClickSideNavExpand}
85-
href="#main-content"
86-
>
87-
<SideNavItems>
88-
<HeaderSideNavItems hasDivider={true}>
89-
<HeaderMenuItem href="#">Link 1</HeaderMenuItem>
90-
<HeaderMenuItem href="#">Link 2</HeaderMenuItem>
91-
<HeaderMenuItem href="#">Link 3</HeaderMenuItem>
92-
<HeaderMenu aria-label="Link 4" menuLinkName="Link 4">
93-
<HeaderMenuItem href="#">Sub-link 1</HeaderMenuItem>
94-
<HeaderMenuItem href="#">Sub-link 2</HeaderMenuItem>
95-
<HeaderMenuItem href="#">Sub-link 3</HeaderMenuItem>
96-
</HeaderMenu>
97-
</HeaderSideNavItems>
98-
<SideNavMenu
99-
renderIcon={Fade}
100-
title="Category title"
101-
tabIndex={0}
102-
>
103-
<SideNavMenuItem href="https://www.carbondesignsystem.com/">
104-
Link 5
105-
</SideNavMenuItem>
106-
<SideNavMenuItem href="https://www.carbondesignsystem.com/">
107-
Link 6
108-
</SideNavMenuItem>
109-
<SideNavMenuItem href="https://www.carbondesignsystem.com/">
110-
Link 7
111-
</SideNavMenuItem>
112-
</SideNavMenu>
113-
<SideNavMenu
114-
renderIcon={Fade}
115-
title="Category title"
116-
tabIndex={0}
117-
>
118-
<SideNavMenuItem href="https://www.carbondesignsystem.com/">
119-
Link 8
120-
</SideNavMenuItem>
121-
<SideNavMenuItem href="https://www.carbondesignsystem.com/">
122-
Link 9
123-
</SideNavMenuItem>
124-
<SideNavMenuItem href="https://www.carbondesignsystem.com/">
125-
Link 10
126-
</SideNavMenuItem>
127-
</SideNavMenu>
128-
<SideNavMenu
129-
renderIcon={Fade}
130-
title="Category title"
131-
isActive={true}
132-
tabIndex={0}
133-
>
134-
<SideNavMenuItem href="https://www.carbondesignsystem.com/">
135-
Link 11
136-
</SideNavMenuItem>
137-
<SideNavMenuItem
138-
aria-current="page"
139-
href="https://www.carbondesignsystem.com/"
140-
>
141-
Link 12
142-
</SideNavMenuItem>
143-
<SideNavMenuItem href="https://www.carbondesignsystem.com/">
144-
Link 13
145-
</SideNavMenuItem>
146-
</SideNavMenu>
147-
<SideNavLink
148-
renderIcon={Fade}
149-
href="https://www.carbondesignsystem.com/"
150-
>
151-
Link
152-
</SideNavLink>
153-
<SideNavLink
154-
renderIcon={Fade}
155-
href="https://www.carbondesignsystem.com/"
156-
>
157-
Link
158-
</SideNavLink>
159-
</SideNavItems>
160-
</SideNav>
16178
</Header>
16279

16380
<Content id="main-content">
164-
<div className="cds--grid">
165-
<div className="cds--row">
166-
<div className="cds--col-lg-13 cds--offset-lg-3">
167-
<Outlet />
168-
</div>
169-
</div>
170-
</div>
81+
<Grid fullWidth>
82+
<Column lg={16} md={8} sm={4}>
83+
<Outlet />
84+
</Column>
85+
</Grid>
17186
</Content>
17287
</>
17388
)}

‎ui/src/Pages/About/AboutPage.tsx

-5
This file was deleted.

‎ui/src/Pages/About/router-exports.tsx

-3
This file was deleted.

‎ui/src/Pages/Dashboard/DashboardPage.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { FunctionComponent } from "react";
22

33
export const DashboardPage: FunctionComponent = () => {
4-
return <h1>Dashboard</h1>;
4+
return <h1 className="title">Dashboard</h1>;
55
};

0 commit comments

Comments
 (0)