chore: deploy styles

src/client/Deploy.jsx

@@ -1,8 +1,30 @@
 import { Value } from './Inspect.jsx'
 
+// const GitRef = ({ type, value }) => {
+//     return type === 'default' ? (
+//         <div class="git-ref">default</div>
+//     ) : (
+//         <div class={'git-ref ' + type}>{value}</div>
+//     )
+// }
+
+// const BaseDeploy = ({ name, ...rest }) => <>
+//     <div class="name">{name}</div>
+//     <div class="url">
+//         <div class="material-symbols-outlined">commit</div>
+//         <div class="value">{url}</div>
+//     </div>
+//     <GitRef {...ref} />
+// </>
+
 export const Deploy = ({ deploy }) => {
     return (
         <div class="deploy">
+            <div class="name">{deploy.name}</div>
+            <div class="type">{deploy.type}</div>
+            <div class="type">{deploy.type}</div>
+            <div class="type">{deploy.type}</div>
+
             <Value value={deploy} borderless />
         </div>
     )