Merge pull request #6 from Workflomics/dev-peter

Work on workflow generation (MVP demo)

nginx/sample-config.conf

@@ -0,0 +1,27 @@
+server {
+    listen 4242;
+    server_name _;  # Match any hostname (using underscore)
+
+    root /var/www/workflomics.org;
+
+    # Serve static files for the root path and existing files
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Proxy requests to the /api endpoint
+    location /api {
+        rewrite ^/api(.*) $1 break;
+        proxy_pass http://localhost:3000;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+
+    # Proxy requests to the /ape endpoint
+    location /ape {
+        rewrite ^/ape(.*) $1 break;
+        proxy_pass http://localhost:8080;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+}

package.json

@@ -14,6 +14,7 @@
     "dotenv": "^16.0.3",
     "http-proxy-middleware": "^2.0.6",
     "mobx": "^6.7.0",
+    "mobx-persist-store": "^1.1.3",
     "mobx-react-lite": "^3.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/components/Header.tsx

@@ -16,13 +16,11 @@ export function Header({ platform_name, user_name }: Props) {
         <Link to="/"><img src={logo} alt="loading.." className='h-20 m-5 ml-10' /></Link>
       </div>
       <div className="grid grid-flow-col auto-cols-max mt-5">
-        <h2 className='m-5'>
+        <h2 className='m-4'>
           {user_name}
         </h2>
-        <div className="avatar">
-          <div className="w-14 rounded h-20 w-20">
-            <img src="https://lwlies.com/wp-content/uploads/2017/04/avatar-2009.jpg" />
-          </div>
+        <div className="h-14 w-18">
+          <img alt="profile" src="/user_profile.png" className="h-full w-full object-scale-down"/>
         </div>
       </div>
     </div>