modify licence to GPL v3.0

cli/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.19",
   "description": "A CLI to aid in the setup of monitor",
   "author": "mbecker20",
-  "license": "MIT",
+  "license": "GPL v3.0",
   "bin": "cli.js",
   "scripts": {
     "start": "yarn build && build/cli.js",

core/package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "main": "index.js",
   "author": "mbecker20",
-  "license": "MIT",
+  "license": "GPL v3.0",
   "scripts": {
     "start": "tsc && node build/main.js",
     "build-copy-frontend": "cd ../frontend && yarn build && cd ../core && rm -r frontend && mkdir frontend && cp -a ../frontend/build/. ./frontend/",

frontend/package.json

@@ -7,7 +7,7 @@
     "build": "vite build",
     "serve": "vite preview"
   },
-  "license": "MIT",
+  "license": "GPL v3.0",
   "devDependencies": {
     "typescript": "^4.6.2",
     "vite": "^2.8.6",

frontend/src/components/deployment/Actions.tsx

@@ -0,0 +1,40 @@
+import { Deployment } from "@monitor/types";
+import { Component } from "solid-js";
+import Icon from "../util/icons/Icon";
+import Flex from "../util/layout/Flex";
+import Grid from "../util/layout/Grid";
+import s from "./deployment.module.css";
+
+const Actions: Component<{ deployment: Deployment }> = (p) => {
+  return (
+    <Grid class={s.Actions}>
+      <div class={s.Header}>actions</div>
+      <Flex alignItems="center" class={s.Action}>
+        deploy:{" "}
+        <button>
+          <Icon type="arrow-down" />
+        </button>
+      </Flex>
+      <Flex alignItems="center" class={s.Action}>
+        redeploy:{" "}
+        <button>
+          <Icon type="arrow-down" />
+        </button>
+      </Flex>
+      <Flex alignItems="center" class={s.Action}>
+        start:{" "}
+        <button>
+          <Icon type="arrow-down" />
+        </button>
+      </Flex>
+      <Flex alignItems="center" class={s.Action}>
+        stop:{" "}
+        <button>
+          <Icon type="arrow-down" />
+        </button>
+      </Flex>
+    </Grid>
+  );
+};
+
+export default Actions;

frontend/src/components/deployment/Deployment.module.css

@@ -2,4 +2,22 @@
 	grid-area: content;
 	grid-template-columns: 2fr 3fr;
 	background-color: rgb(49, 78, 112);
+	padding: 1rem;
+}
+
+.Left {
+	height: fit-content;
+}
+
+.Header {
+	font-size: 1.5rem;
+}
+
+.Actions {
+	background-color: rgb(35, 73, 115);
+	padding: 0.5rem;
+}
+
+.Action {
+	background-color: rgb(35, 73, 115);
 }

frontend/src/components/deployment/Deployment.tsx

@@ -1,6 +1,8 @@
 import { Component, Show } from "solid-js";
 import { useAppState } from "../../state/StateProvider";
+import Flex from "../util/layout/Flex";
 import Grid from "../util/layout/Grid";
+import Actions from "./Actions";
 import s from "./deployment.module.css";
 import DeploymentTabs from "./tabs/DeploymentTabs";
 
@@ -12,8 +14,12 @@ const Deployment: Component<{ id: string }> = (p) => {
     <Show when={deployment()}>
       <Grid class={s.Deployment}>
         {/* left / actions */}
-        <Grid>
-          <div>name: {deployment()!.name}</div>
+        <Grid class={s.Left}>
+          <Flex class={s.Header}>
+            name:{" "}
+            <div style={{ "font-weight": "bold" }}>{deployment()!.name}</div>
+          </Flex>
+          <Actions deployment={deployment()!} />
         </Grid>
 
         {/* right / tabs */}

frontend/src/components/deployment/updates/Update.tsx

@@ -0,0 +1,13 @@
+import { Update } from "@monitor/types";
+import { Component } from "solid-js";
+import s from "../deployment.module.css";
+
+const Update: Component<{ update: Update }> = (p) => {
+	return (
+		<div class={s.Update}>
+			
+		</div>
+	);
+}
+
+export default Update;

frontend/src/components/deployment/updates/Updates.tsx

@@ -0,0 +1,17 @@
+import { Component } from "solid-js";
+import { useUpdates } from "../../../state/hooks";
+import { useAppState } from "../../../state/StateProvider";
+import s from "../deployment.module.css";
+
+const Updates: Component<{ deploymentID: string }> = (p) => {
+	const { updates, ws } = useAppState();
+	const selectedUpdates = useUpdates({ deploymentID: p.deploymentID });
+	
+	return (
+		<div class={s.Updates} >
+			
+		</div>
+	);
+}
+
+export default Updates;

frontend/src/state/hooks.ts

@@ -1,6 +1,5 @@
 import { Collection, Update } from "@monitor/types";
 import { createEffect, createResource, createSignal } from "solid-js";
-import { URL } from "..";
 import { filterOutFromObj } from "../util/helpers";
 import {
   getBuilds,

package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "main": "index.js",
   "author": "mbecker20",
-  "license": "MIT",
+  "license": "GPL v3.0",
   "private": true,
   "workspaces": [
     "types",

periphery/package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "main": "index.js",
   "author": "mbecker20",
-  "license": "MIT",
+  "license": "GPL v3.0",
   "scripts": {
     "start": "tsc && node build/main.js",
     "build": "vite build && node post-build.mjs && docker build -t mbecker2020/monitor-periphery .",

types/package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "main": "types.d.ts",
   "author": "mbecker20",
-  "license": "MIT",
+  "license": "GPL v3.0",
   "private": true,
   "devDependencies": {
     "typescript": "^4.6.2"