|
1 | 1 | // Copyright (C) 2024, Nuklai. All rights reserved.
|
2 | 2 | // See the file LICENSE for licensing terms.
|
3 | 3 |
|
4 |
| -import { App as AApp, FloatButton, Layout, Row, Typography } from "antd"; |
5 |
| -import { useEffect, useState } from "react"; |
6 |
| -import { Outlet } from "react-router-dom"; |
7 |
| -import { GetCommitHash, OpenLink } from "../wailsjs/go/main/App"; |
8 |
| -import logo from "./assets/images/nuklai-footer.png"; |
9 |
| -import NavBar from "./components/NavBar"; |
| 4 | +import { App as AApp, FloatButton, Layout, Row, Typography } from 'antd'; |
| 5 | +import { useEffect, useState } from 'react'; |
| 6 | +import { Outlet } from 'react-router-dom'; |
| 7 | +import { GetCommitHash, OpenLink } from '../wailsjs/go/main/App'; |
| 8 | +import logo from './assets/images/nuklai-footer.png'; |
| 9 | +import NavBar from './components/NavBar'; |
10 | 10 |
|
11 | 11 | const { Text } = Typography;
|
12 | 12 | const { Content } = Layout;
|
13 | 13 |
|
14 | 14 | const App = () => {
|
15 |
| - const [commit, setCommit] = useState(""); |
16 |
| - useEffect(() => { |
17 |
| - const getCommit = async () => { |
18 |
| - const c = await GetCommitHash(); |
19 |
| - setCommit(c); |
20 |
| - }; |
21 |
| - getCommit(); |
22 |
| - }, []); |
23 |
| - return ( |
24 |
| - <AApp> |
25 |
| - <Layout |
26 |
| - style={{ |
27 |
| - minHeight: "95vh", |
28 |
| - }} |
29 |
| - > |
30 |
| - <NavBar /> |
31 |
| - <Layout className="site-layout"> |
32 |
| - <Content |
33 |
| - style={{ |
34 |
| - background: "white", |
35 |
| - padding: "0 50px", |
36 |
| - }} |
37 |
| - > |
38 |
| - <div |
39 |
| - style={{ |
40 |
| - padding: 24, |
41 |
| - }} |
42 |
| - > |
43 |
| - <Outlet /> |
44 |
| - <FloatButton.BackTop /> |
45 |
| - </div> |
46 |
| - </Content> |
47 |
| - </Layout> |
48 |
| - <Row justify="center" style={{ background: "white" }}> |
49 |
| - <a |
50 |
| - onClick={() => { |
51 |
| - OpenLink("https://github.com/ava-labs/hypersdk"); |
52 |
| - }} |
53 |
| - > |
54 |
| - <img src={logo} style={{ width: "300px" }} alt="footer" /> |
55 |
| - </a> |
56 |
| - </Row> |
57 |
| - <Row justify="center" style={{ background: "white" }}> |
58 |
| - <Text type="secondary">Commit: {commit}</Text> |
59 |
| - </Row> |
60 |
| - </Layout> |
61 |
| - </AApp> |
62 |
| - ); |
| 15 | + const [commit, setCommit] = useState(''); |
| 16 | + useEffect(() => { |
| 17 | + const getCommit = async () => { |
| 18 | + const c = await GetCommitHash(); |
| 19 | + setCommit(c); |
| 20 | + }; |
| 21 | + getCommit(); |
| 22 | + }, []); |
| 23 | + return ( |
| 24 | + <AApp> |
| 25 | + <Layout |
| 26 | + style={{ |
| 27 | + minHeight: '95vh', |
| 28 | + }} |
| 29 | + > |
| 30 | + <NavBar /> |
| 31 | + <Layout className="site-layout"> |
| 32 | + <Content |
| 33 | + style={{ |
| 34 | + background: 'white', |
| 35 | + padding: '0 50px', |
| 36 | + }} |
| 37 | + > |
| 38 | + <div |
| 39 | + style={{ |
| 40 | + padding: 24, |
| 41 | + }} |
| 42 | + > |
| 43 | + <Outlet /> |
| 44 | + <FloatButton.BackTop /> |
| 45 | + </div> |
| 46 | + </Content> |
| 47 | + </Layout> |
| 48 | + <Row justify="center" style={{ background: 'white' }}> |
| 49 | + <a |
| 50 | + // biome-ignore lint/a11y/useValidAnchor: TODO |
| 51 | + onClick={() => { |
| 52 | + OpenLink('https://github.com/ava-labs/hypersdk'); |
| 53 | + }} |
| 54 | + > |
| 55 | + <img src={logo} style={{ width: '300px' }} alt="footer" /> |
| 56 | + </a> |
| 57 | + </Row> |
| 58 | + <Row justify="center" style={{ background: 'white' }}> |
| 59 | + <Text type="secondary">Commit: {commit}</Text> |
| 60 | + </Row> |
| 61 | + </Layout> |
| 62 | + </AApp> |
| 63 | + ); |
63 | 64 | };
|
64 | 65 |
|
65 | 66 | export default App;
|
0 commit comments