{options.description}
}
+ {Object.entries(options.args).map(([argName, argType]) => (
+ {result}
}
+
+ {hardwareData.every((x) => x.value.gpus.length) ? (
+ hardwareData[0].value.gpus.map((_, i) =>
+ );
+}
+
+function NoInfoLabel({ text }: { text: string }) {
+ return (
+ ![]({"/web/image/")
+
+
+ );
+}
+
+export const Logs = React.memo(() => {
+ const { projectId } = useCurrentProject()!;
+ const logs = useProjectLogs(projectId);
+ return
+ {renderingElement}
+
+ {!following && (
+ }
+ onClick={() => setFollowing(true)}
+ >
+ New Logs
+
+ )}
+
+ {data.datetime}{" "}
+ {prefix}{" "}
+
+ {data.whom}
+ {" "}
+ {data.msg}
+
+ );
+});
diff --git a/frontend/src/components/dashboard/project/platformProps.tsx b/frontend/src/components/dashboard/project/platformProps.tsx
new file mode 100644
index 0000000..c0092b8
--- /dev/null
+++ b/frontend/src/components/dashboard/project/platformProps.tsx
@@ -0,0 +1,74 @@
+import React, { memo } from "react";
+import { Toast, Button, Card, CardGroup, Typography } from "@douyinfe/semi-ui";
+import { IconCopy } from "@douyinfe/semi-icons";
+import { useMemoJSON } from "../../../hooks/useMemoJSON";
+import { ProjectStatus } from "../../../services/types";
+
+const PropCard = memo(
+ ({ propName, propValue }: { propName: string; propValue: ProjectStatus["platform"]["value"][string] }) => {
+ const { Text } = Typography;
+ const content = Array.isArray(propValue) ? propValue.join(" ") : propValue;
+ const nameMapping = {
+ username: "Launched by",
+ machine: "Machine type",
+ processor: "Processor name",
+ os_name: "System/OS name",
+ os_release: "Sys release ver",
+ architecture: "Python arch.",
+ python_build: "Python build",
+ python_version: "Python version",
+ };
+ return (
+
+
+ {(memoData &&
+ Object.entries(memoData).map(([key, value]) => (
+ No Platform Info }
+
+
+ );
+}
diff --git a/neetbox/frontend/src/components/echarts.tsx b/frontend/src/components/echarts.tsx
similarity index 68%
rename from neetbox/frontend/src/components/echarts.tsx
rename to frontend/src/components/echarts.tsx
index 99a4423..acfec0d 100644
--- a/neetbox/frontend/src/components/echarts.tsx
+++ b/frontend/src/components/echarts.tsx
@@ -1,5 +1,6 @@
import { useRef, useEffect, HTMLAttributes, useState } from "react";
import type * as echarts from "echarts";
+import { useTheme } from "../hooks/useTheme";
import Loading from "./loading";
export interface EChartsProps {
@@ -11,9 +12,8 @@ export interface EChartsProps {
export const ECharts = (props: EChartsProps) => {
const chartContainerRef = useRef(null);
const chartRef = useRef
+
+
+
+
-
);
}
diff --git a/neetbox/frontend/src/components/logo.module.css b/frontend/src/components/logo.module.css
similarity index 68%
rename from neetbox/frontend/src/components/logo.module.css
rename to frontend/src/components/logo.module.css
index 81e3bad..bc036c0 100644
--- a/neetbox/frontend/src/components/logo.module.css
+++ b/frontend/src/components/logo.module.css
@@ -7,9 +7,13 @@ body[theme-mode="dark"] {
}
.neet-logo-glow {
- transition: filter 0.3s ease-in-out;
+ transition:
+ filter 0.3s ease-in-out,
+ opacity 0.3s ease-in-out;
+ opacity: 0.7;
}
.neet-logo-glow:hover {
filter: drop-shadow(0 0 0.55rem var(--logo-glow-color));
+ opacity: 1;
}
diff --git a/neetbox/frontend/src/components/logo.tsx b/frontend/src/components/logo.tsx
similarity index 100%
rename from neetbox/frontend/src/components/logo.tsx
rename to frontend/src/components/logo.tsx
diff --git a/frontend/src/components/sectionTitle.tsx b/frontend/src/components/sectionTitle.tsx
new file mode 100644
index 0000000..11f1766
--- /dev/null
+++ b/frontend/src/components/sectionTitle.tsx
@@ -0,0 +1,15 @@
+import { Typography } from "@douyinfe/semi-ui";
+
+interface Props {
+ title: string;
+}
+
+export function SectionTitle(props: Props) {
+ return (
+
+
+ {props.title}
+
+
+ );
+}
diff --git a/frontend/src/components/themeSwitcher.tsx b/frontend/src/components/themeSwitcher.tsx
new file mode 100644
index 0000000..47b9c04
--- /dev/null
+++ b/frontend/src/components/themeSwitcher.tsx
@@ -0,0 +1,43 @@
+import React, { useCallback, useEffect, useState } from "react";
+import { Switch } from "@douyinfe/semi-ui";
+import { ThemeContext, useTheme } from "../hooks/useTheme";
+
+export default function SwitchColorMode(): React.JSX.Element {
+ const { darkMode, setDarkMode } = useTheme();
+ const switchMode = () => {
+ setDarkMode(!darkMode);
+ };
+ return (
+
+ Frontend App Error
+
+ ),
+ duration: 10,
+ });
+}
diff --git a/frontend/src/hooks/useTheme.tsx b/frontend/src/hooks/useTheme.tsx
new file mode 100644
index 0000000..0d1dac9
--- /dev/null
+++ b/frontend/src/hooks/useTheme.tsx
@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+
+export const ThemeContext = createContext<{
+ darkMode: boolean;
+ setDarkMode: (val: boolean) => void;
+}>(null!);
+
+export function useTheme() {
+ return useContext(ThemeContext);
+}
diff --git a/neetbox/frontend/src/index.css b/frontend/src/index.css
similarity index 100%
rename from neetbox/frontend/src/index.css
rename to frontend/src/index.css
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
new file mode 100644
index 0000000..7ce9b3a
--- /dev/null
+++ b/frontend/src/main.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { RouterProvider, createBrowserRouter } from "react-router-dom";
+import { LocaleProvider } from "@douyinfe/semi-ui";
+import en_US from "@douyinfe/semi-ui/lib/es/locale/source/en_US";
+import LoginPage from "./pages/login";
+import "./index.css";
+import { consoleRoutes } from "./pages/console";
+import { ThemeContextProvider } from "./components/themeSwitcher";
+import { ServiceProvider } from "./services/serviceProvider";
+import ConsoleLayout from "./components/layout/ConsoleLayout";
+import App from "./App";
+
+const router = createBrowserRouter([
+ {
+ path: "/",
+ element:
+ {errorText}
+
+ Error
,
+ },
+ { path: "overview", element:
+ Overview WIP
+ Please select a project from the sidebar.
+
+ );
+}
diff --git a/frontend/src/pages/console/projectDashboard.tsx b/frontend/src/pages/console/projectDashboard.tsx
new file mode 100644
index 0000000..070bd23
--- /dev/null
+++ b/frontend/src/pages/console/projectDashboard.tsx
@@ -0,0 +1,63 @@
+import { useParams } from "react-router-dom";
+import { useMemo } from "react";
+import { Divider, Typography } from "@douyinfe/semi-ui";
+import PlatformProps from "../../components/dashboard/project/platformProps";
+import { ProjectContext, useProjectStatus } from "../../hooks/useProject";
+import { Logs } from "../../components/dashboard/project/logs/logs";
+import { Actions } from "../../components/dashboard/project/actions";
+import Loading from "../../components/loading";
+import { Hardware } from "../../components/dashboard/project/hardware";
+import { SectionTitle } from "../../components/sectionTitle";
+import { Images } from "../../components/dashboard/project/images";
+
+export default function ProjectDashboardButRecreateOnRouteChange() {
+ const { projectId } = useParams();
+ return
+
+ Project "{projectName ?? projectId}"
+
+ x.hardware)} />
+
+