Test pipeline

Reviewed-on: #25

.woodpecker.yaml

@@ -14,7 +14,7 @@ steps:
       context: frontend
       tags:
         - latest
-        - ${CI_COMMIT_BRANCH}-${CI_COMMIT_SHA:0:7}
+        - ${CI_COMMIT_TAG:-${CI_COMMIT_BRANCH}-${CI_COMMIT_SHA:0:7}}
       username:
         from_secret: DOCKER_USERNAME
       password:
@@ -35,7 +35,7 @@ steps:
       context: backend
       tags:
         - latest
-        - ${CI_COMMIT_BRANCH}-${CI_COMMIT_SHA:0:7}
+        - ${CI_COMMIT_TAG:-${CI_COMMIT_BRANCH}-${CI_COMMIT_SHA:0:7}}
       username:
         from_secret: DOCKER_USERNAME
       password:
@@ -85,6 +85,10 @@ steps:
       - apk add --no-cache git yq
       - git config --global user.name "woodpecker-bot"
       - git config --global user.email "ci@dvirlabs.com"
+      - |
+        if [ ! -d "my-apps" ]; then
+          git clone "https://${GIT_USERNAME}:${GIT_TOKEN}@git.dvirlabs.com/dvirlabs/my-apps.git"
+        fi
       - cd my-apps
       - |
         TAG="${CI_COMMIT_BRANCH}-${CI_COMMIT_SHA:0:7}"
@@ -93,3 +97,22 @@ steps:
         git add manifests/${CI_REPO_NAME}/values.yaml
         git commit -m "backend: update tag to $TAG" || echo "No changes"
         git push origin HEAD
+
+
+  trigger-gitops-via-push:
+    name: Trigger apps-gitops via Git push
+    image: alpine/git
+    environment:
+      GIT_USERNAME:
+        from_secret: GIT_USERNAME
+      GIT_TOKEN:
+        from_secret: GIT_TOKEN
+    commands: |
+      git config --global user.name "woodpecker-bot"
+      git config --global user.email "ci@dvirlabs.com"
+      git clone "https://$${GIT_USERNAME}:$${GIT_TOKEN}@git.dvirlabs.com/dvirlabs/apps-gitops.git"
+      cd apps-gitops
+      echo "# trigger at $(date) by $${CI_REPO_NAME}" >> .trigger
+      git add .trigger
+      git commit -m "ci: trigger apps-gitops build" || echo "no changes"
+      git push origin HEAD

backend/apps.yaml

@@ -35,3 +35,13 @@ sections:
     name: Vault
     url: https://vault.dvirlabs.com
   name: Dev-tools
+- apps: []
+  name: fgbhn
+- apps: []
+  name: dfgb
+- apps:
+  - description: opensource s3 app
+    icon: minio.svg
+    name: Minio
+    url: https://minio.dvirlabs.com
+  name: Infra

backend/main.py

@@ -1,6 +1,7 @@
 from fastapi import FastAPI, APIRouter
 from fastapi.middleware.cors import CORSMiddleware
 from fastapi.responses import JSONResponse
+import uvicorn
 import os
 from dotenv import load_dotenv
 import yaml
@@ -20,7 +21,6 @@ app.add_middleware(
 
 load_dotenv()
 
-# ENV
 MINIO_ENDPOINT = os.getenv("MINIO_ENDPOINT")
 MINIO_ACCESS_KEY = os.getenv("MINIO_ACCESS_KEY")
 MINIO_SECRET_KEY = os.getenv("MINIO_SECRET_KEY")
@@ -34,12 +34,13 @@ minio_client = Minio(
 )
 
 BUCKET = MINIO_BUCKET or "navix-icons"
+APPS_FILE = Path(__file__).parent / "apps.yaml"
+
 
 @router.get("/")
 def root():
     return {"message": "Welcome to the FastAPI application!"}
 
-APPS_FILE = Path(__file__).parent / "apps.yaml"
 
 @router.get("/apps")
 def get_apps():
@@ -48,15 +49,19 @@ def get_apps():
     with open(APPS_FILE, "r") as f:
         return yaml.safe_load(f)
 
+
 class AppData(BaseModel):
     name: str
     icon: str
     description: str
     url: str
 
+
 class AppEntry(BaseModel):
     section: str
     app: AppData
+    original_name: str | None = None
+
 
 @router.post("/add_app")
 def add_app(entry: AppEntry):
@@ -81,6 +86,7 @@ def add_app(entry: AppEntry):
 
     return {"status": "added"}
 
+
 @router.post("/edit_app")
 def edit_app(entry: AppEntry):
     if not APPS_FILE.exists():
@@ -93,20 +99,21 @@ def edit_app(entry: AppEntry):
     for section in current["sections"]:
         if section["name"] == entry.section:
             for i, app in enumerate(section["apps"]):
-                if app["name"] == entry.app.name:
+                if app["name"] == (entry.original_name or entry.app.name):
                     section["apps"][i] = entry.app.dict()
                     updated = True
                     break
             break
 
     if not updated:
-        return {"error": "App not found to edit"}, 404
+        return JSONResponse(status_code=404, content={"error": "App not found to edit"})
 
     with open(APPS_FILE, "w") as f:
         yaml.safe_dump(current, f)
 
     return {"status": "updated"}
 
+
 @router.post("/delete_app")
 def delete_app(entry: AppEntry):
     if not APPS_FILE.exists():
@@ -125,7 +132,7 @@ def delete_app(entry: AppEntry):
             break
 
     if not deleted:
-        return {"error": "App not found to delete"}, 404
+        return JSONResponse(status_code=404, content={"error": "App not found to delete"})
 
     with open(APPS_FILE, "w") as f:
         yaml.safe_dump(current, f)
@@ -138,10 +145,10 @@ def get_public_icon_url(filename: str):
     url = f"https://{MINIO_ENDPOINT}/{BUCKET}/{filename}"
     return JSONResponse(content={"url": url})
 
+
 app.include_router(router, prefix="/api")
 
 
+# ✅ This is the missing part:
 if __name__ == "__main__":
-    import uvicorn
     uvicorn.run("main:app", host="0.0.0.0", port=8000, reload=True)
-

frontend/Dockerfile

@@ -27,4 +27,3 @@ RUN dos2unix /docker-entrypoint.d/10-generate-env.sh && chmod +x /docker-entrypo
 
 EXPOSE 80
 CMD ["nginx", "-g", "daemon off;"]
-

frontend/package-lock.json

@@ -11,7 +11,8 @@
         "react": "^19.1.0",
         "react-beautiful-dnd": "^13.1.1",
         "react-dom": "^19.1.0",
-        "react-icons": "^5.5.0"
+        "react-icons": "^5.5.0",
+        "react-toastify": "^11.0.5"
       },
       "devDependencies": {
         "@eslint/js": "^9.25.0",
@@ -1488,6 +1489,14 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -2440,6 +2449,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-toastify": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/react-toastify/-/react-toastify-11.0.5.tgz",
+      "integrity": "sha512-EpqHBGvnSTtHYhCPLxML05NLY2ZX0JURbAdNYa6BUkk+amz4wbKBQvoKQAB0ardvSarUBuY4Q4s1sluAzZwkmA==",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19",
+        "react-dom": "^18 || ^19"
+      }
+    },
     "node_modules/redux": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",

frontend/package.json

@@ -13,7 +13,8 @@
     "react": "^19.1.0",
     "react-beautiful-dnd": "^13.1.1",
     "react-dom": "^19.1.0",
-    "react-icons": "^5.5.0"
+    "react-icons": "^5.5.0",
+    "react-toastify": "^11.0.5"
   },
   "devDependencies": {
     "@eslint/js": "^9.25.0",

frontend/src/App.css

@@ -16,6 +16,14 @@ body {
   text-align: center;
 }
 
+/* 🔹 מרכז כותרת */
+.title-wrapper {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin-bottom: 1rem;
+}
+
 .main-title {
   display: flex;
   align-items: center;
@@ -33,3 +41,38 @@ body {
   display: inline-block;
   vertical-align: middle;
 }
+
+/* 🔹 תיבת חיפוש בצד שמאל */
+.search-wrapper {
+  width: 100%;
+  display: flex;
+  justify-content: flex-start;
+  max-width: 1200px;
+  margin-bottom: 2rem;
+  margin-left: 2rem;
+}
+
+.search-input {
+  background: transparent;
+  margin-bottom: 10px;
+  border: none;
+  border-bottom: 2px solid #2e6dc0;
+  color: white;
+  font-family: 'Rajdhani', sans-serif;
+  font-size: 1.1rem;
+  padding: 0.4rem 0;
+  width: 240px;
+  transition: border-color 0.3s ease;
+  outline: none;
+}
+
+.search-input::placeholder {
+  color: #7a8aa5;
+  font-style: italic;
+}
+
+.search-input:focus {
+  border-bottom: 2px solid #4a90e2;
+}
+
+/* (שאר סגנונות שלך כמו add-button וכו') */

frontend/src/App.jsx

@@ -4,18 +4,30 @@ import SectionGrid from './components/SectionGrid';
 import AppModal from './components/AppModal';
 import ConfirmDialog from './components/ConfirmDialog';
 import Clock from './components/Clock';
+import { ToastContainer, toast } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
 import { IoIosAdd } from 'react-icons/io';
-import { fetchSections, addAppToSection, editAppInSection, deleteAppFromSection } from './services/api';
+import CustomToast from './components/CustomToast';
+import {
+  fetchSections,
+  addAppToSection,
+  editAppInSection,
+  deleteAppFromSection,
+} from './services/api';
 
 function App() {
   const [sections, setSections] = useState([]);
   const [editData, setEditData] = useState(null);
   const [showAdd, setShowAdd] = useState(false);
   const [confirmData, setConfirmData] = useState(null);
+  const [searchTerm, setSearchTerm] = useState('');
 
   const loadSections = () => {
     fetchSections()
-      .then(data => setSections(data.sections || []))
+      .then(data => {
+        const filtered = (data.sections || []).filter(section => (section.apps?.length ?? 0) > 0);
+        setSections(filtered);
+      })
       .catch(err => console.error('Failed to fetch sections:', err));
   };
 
@@ -26,7 +38,7 @@ function App() {
   const handleDelete = (app) => {
     setConfirmData({
       message: `Are you sure you want to delete "${app.name}"?`,
-      app
+      app,
     });
   };
 
@@ -34,32 +46,83 @@ function App() {
     if (!confirmData?.app) return;
 
     try {
-      await deleteAppFromSection({ section: confirmData.app.section, app: confirmData.app });
+      await deleteAppFromSection({
+        section: confirmData.app.section,
+        app: confirmData.app,
+      });
+      toast(<CustomToast type="delete" message={`App "${confirmData.app.name}" deleted successfully!`} />);
       loadSections();
     } catch (err) {
       console.error('Failed to delete app:', err);
-      alert('Failed to delete app');
+      toast.error('Failed to delete app');
     } finally {
       setConfirmData(null);
     }
   };
 
+  const handleAddSubmit = async (data) => {
+    try {
+      await addAppToSection(data);
+      toast(<CustomToast type="success" message={`App "${data.app.name}" added successfully!`} />);
+      setShowAdd(false);
+      loadSections();
+    } catch (err) {
+      console.error('Failed to add app:', err);
+      toast.error('Failed to add app');
+    }
+  };
+
+  const handleEditSubmit = async (data) => {
+    try {
+      await editAppInSection({
+        section: data.section,
+        app: data.app,
+        original_name: data.original_name || data.app.name,
+      });
+      toast(<CustomToast type="edit" message={`App "${data.app.name}" updated successfully!`} />);
+      setEditData(null);
+      loadSections();
+    } catch (err) {
+      console.error('Failed to update app:', err);
+      toast.error('Failed to update app');
+    }
+  };
+
+  const filteredSections = sections.map(section => ({
+    ...section,
+    apps: section.apps.filter(app =>
+      app.name.toLowerCase().includes(searchTerm.toLowerCase())
+    ),
+  })).filter(section => section.apps.length > 0);
+
   return (
     <div className="App">
       <Clock />
-      <h1 className="main-title">
-        <img src="/navix-logo.svg" alt="Navix logo" className="navix-logo" />
-        Navix
-      </h1>
+
+      {/* 🔹 לוגו וכותרת במרכז */}
+      <div className="title-wrapper">
+        <h1 className="main-title">
+          <img src="/navix-logo.svg" alt="Navix logo" className="navix-logo" />
+          Navix
+        </h1>
+      </div>
+
+      {/* 🔍 שורת חיפוש בצד שמאל */}
+      <div className="search-wrapper">
+        <input
+          type="text"
+          placeholder="Search apps..."
+          value={searchTerm}
+          onChange={(e) => setSearchTerm(e.target.value)}
+          className="search-input"
+        />
+      </div>
 
       {showAdd && (
         <AppModal
           mode="add"
-          onSubmit={addAppToSection}
-          onClose={() => {
-            setShowAdd(false);
-            loadSections();
-          }}
+          onSubmit={handleAddSubmit}
+          onClose={() => setShowAdd(false)}
           sections={sections}
         />
       )}
@@ -68,11 +131,8 @@ function App() {
         <AppModal
           mode="edit"
           initialData={editData}
-          onSubmit={editAppInSection}
-          onClose={() => {
-            setEditData(null);
-            loadSections();
-          }}
+          onSubmit={handleEditSubmit}
+          onClose={() => setEditData(null)}
           sections={sections}
         />
       )}
@@ -85,16 +145,40 @@ function App() {
         />
       )}
 
-      {sections.map(section => (
+      {filteredSections.map((section) => (
         <SectionGrid
           key={section.name}
           section={section}
-          onEdit={setEditData}
+          onEdit={(app) =>
+            setEditData({ ...app, section: section.name, original_name: app.name })
+          }
           onDelete={handleDelete}
         />
       ))}
 
       <IoIosAdd className="add-button" onClick={() => setShowAdd(true)} />
+
+      <ToastContainer
+        position="bottom-right"
+        autoClose={3000}
+        hideProgressBar={false}
+        newestOnTop
+        closeOnClick
+        pauseOnFocusLoss
+        draggable
+        pauseOnHover
+        theme="dark"
+        toastStyle={{
+          backgroundColor: 'black',
+          borderRadius: '12px',
+          minHeight: '110px',
+          padding: '20px',
+          color: '#fff',
+          display: 'flex',
+          alignItems: 'center',
+        }}
+        bodyClassName="toast-body"
+      />
     </div>
   );
 }

frontend/src/components/AppModal.jsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import '../style/AddAppModal.css';
 
 function AppModal({ mode = 'add', initialData = {}, onSubmit, onClose, sections = [] }) {
@@ -12,7 +12,24 @@ function AppModal({ mode = 'add', initialData = {}, onSubmit, onClose, sections
 
   const handleSubmit = async (e) => {
     e.preventDefault();
-    await onSubmit({ section, app: { name, icon, description, url } });
+
+    const appData = {
+      name,
+      icon,
+      description,
+      url,
+    };
+
+    const payload = {
+      section,
+      app: appData,
+    };
+
+    if (mode === 'edit') {
+      payload.original_name = initialData.original_name || initialData.name;
+    }
+
+    await onSubmit(payload);
     setOpen(false);
     if (onClose) onClose();
   };
@@ -40,8 +57,10 @@ function AppModal({ mode = 'add', initialData = {}, onSubmit, onClose, sections
             disabled={mode === 'edit'}
           >
             <option value="" disabled>Select a section</option>
-            {sections.map(s => (
-              <option key={s.name} value={s.name}>{s.name}</option>
+            {sections.map((s) => (
+              <option key={s.name} value={s.name}>
+                {s.name}
+              </option>
             ))}
             <option value="__new__">➕ Create new section...</option>
           </select>
@@ -51,15 +70,37 @@ function AppModal({ mode = 'add', initialData = {}, onSubmit, onClose, sections
               type="text"
               placeholder="New section name"
               value={section}
-              onChange={e => setSection(e.target.value)}
+              onChange={(e) => setSection(e.target.value)}
               required
             />
           )}
 
-          <input type="text" placeholder="App name" value={name} onChange={e => setName(e.target.value)} required />
-          <input type="text" placeholder="Icon URL" value={icon} onChange={e => setIcon(e.target.value)} />
-          <input type="text" placeholder="Description" value={description} onChange={e => setDescription(e.target.value)} />
-          <input type="text" placeholder="App URL" value={url} onChange={e => setUrl(e.target.value)} required />
+          <input
+            type="text"
+            placeholder="App name"
+            value={name}
+            onChange={(e) => setName(e.target.value)}
+            required
+          />
+          <input
+            type="text"
+            placeholder="Icon name (e.g. grafana.svg) or full URL"
+            value={icon}
+            onChange={(e) => setIcon(e.target.value)}
+          />
+          <input
+            type="text"
+            placeholder="Description"
+            value={description}
+            onChange={(e) => setDescription(e.target.value)}
+          />
+          <input
+            type="text"
+            placeholder="App URL"
+            value={url}
+            onChange={(e) => setUrl(e.target.value)}
+            required
+          />
           <button type="submit">{mode === 'edit' ? 'Update' : 'Add'}</button>
         </form>
       </div>

frontend/src/components/CustomToast.jsx

@@ -0,0 +1,17 @@
+import { FaCheckCircle, FaEdit, FaTrash } from 'react-icons/fa';
+import '../style/CustomToast.css'; // Ensure you have this CSS file for styling
+
+const iconMap = {
+  success: <FaCheckCircle color="#00ff00" />,
+  edit: <FaEdit color="#ffa500" />,
+  delete: <FaTrash color="#ff4d4d" />
+};
+
+export default function CustomToast({ type, message }) {
+  return (
+    <div className="custom-toast">
+      <span className="icon">{iconMap[type]}</span>
+      <span className="message">{message}</span>
+    </div>
+  );
+}

frontend/src/components/SectionGrid.jsx

@@ -1,11 +1,49 @@
+import { useState, useRef, useEffect } from 'react';
 import AppGrid from './AppGrid';
+import { FaChevronDown } from 'react-icons/fa';
 import '../style/SectionGrid.css';
 
 function SectionGrid({ section, onEdit, onDelete }) {
+  const [collapsed, setCollapsed] = useState(false);
+  const contentRef = useRef(null);
+  const [height, setHeight] = useState('auto');
+
+  const toggle = () => {
+    setCollapsed(prev => !prev);
+  };
+
+  useEffect(() => {
+    if (!contentRef.current) return;
+
+    if (!collapsed) {
+      const scrollHeight = contentRef.current.scrollHeight;
+      setHeight(`${scrollHeight}px`);
+    } else {
+      setHeight('0px');
+    }
+  }, [collapsed, section.apps?.length]);
+
   return (
     <div className="section">
-      <h2 className="section-title">{section.name}</h2>
-      <AppGrid apps={section.apps} section={section.name} onEdit={onEdit} onDelete={onDelete} />
+      <div className="section-header" onClick={toggle}>
+        <h2 className="section-title">{section.name}</h2>
+        <FaChevronDown className={`toggle-icon ${collapsed ? 'collapsed' : ''}`} />
+      </div>
+
+      <div
+        ref={contentRef}
+        className="section-content"
+        style={{ maxHeight: height }}
+      >
+        <div className="app-grid-wrapper">
+          <AppGrid
+            apps={section.apps}
+            section={section.name}
+            onEdit={onEdit}
+            onDelete={onDelete}
+          />
+        </div>
+      </div>
     </div>
   );
 }

frontend/src/services/api.js

@@ -23,11 +23,11 @@ export async function getIconUrl(filename) {
   return data.url;
 }
 
-export async function editAppInSection({ section, app }) {
+export async function editAppInSection({ section, app, original_name }) {
   const res = await fetch(`${API_BASE}/edit_app`, {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ section, app })
+    body: JSON.stringify({ section, app, original_name })
   });
 
   if (!res.ok) throw new Error(await res.text());

frontend/src/style/CustomToast.css

@@ -0,0 +1,26 @@
+.custom-toast {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  font-family: 'Orbitron', sans-serif;
+  font-size: 16px;
+  color: #ffffff;
+  line-height: 1.4;
+}
+
+.custom-toast .icon {
+  font-size: 22px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+}
+
+.custom-toast .message {
+  flex: 1;
+  font-size: 15px;
+}
+
+.Toastify__progress-bar {
+  background: #4e9aff !important;
+}

frontend/src/style/SectionGrid.css

@@ -1,15 +1,46 @@
 .section {
-  margin-bottom: 3rem;
+  margin: 0 auto 3rem auto;
   width: 100%;
-  max-width: 1000px;
+  max-width: 100%;
+  border-bottom: 1px solid #2e6dc0;
+}
+
+.section-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding: 0.5rem 1rem;
 }
 
 .section-title {
   font-family: 'Rajdhani', sans-serif;
   font-size: 1.8rem;
-  text-align: left;
-  border-bottom: 1px solid #2e6dc0;
   font-weight: 500;
-  margin-bottom: 1rem;
   color: white;
+  margin: 0;
+}
+
+.toggle-icon {
+  font-size: 1.4rem;
+  color: #aaa;
+  transition: transform 0.25s ease, color 0.2s ease;
+}
+
+.toggle-icon:hover {
+  color: #2e6dc0;
+}
+
+.toggle-icon.collapsed {
+  transform: rotate(-90deg);
+}
+
+.section-content {
+  overflow: hidden;
+  transition: max-height 0.4s ease;
+}
+
+.app-grid-wrapper {
+  margin-bottom: 2rem;
+  padding: 0 1.5rem;
 }

navix-chart/templates/frontend-deployment.yaml

@@ -0,0 +1,27 @@
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: navix-frontend
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: navix-frontend
+  template:
+    metadata:
+      labels:
+        app: navix-frontend
+    spec:
+      containers:
+        - name: frontend
+          image: "{{ .Values.frontend.image.repository }}:{{ .Values.frontend.tag }}"
+          imagePullPolicy: {{ .Values.frontend.image.pullPolicy }}
+          ports:
+            - containerPort: 80
+          env:
+            - name: API_BASE
+              value: {{ .Values.frontend.env.API_BASE | quote }}
+            - name: MINIO_ENDPOINT
+              value: {{ .Values.frontend.env.MINIO_ENDPOINT | quote }}
+            - name: MINIO_BUCKET
+              value: {{ .Values.frontend.env.MINIO_BUCKET | quote }}

navix-chart/values.yaml

@@ -1,8 +1,8 @@
 frontend:
   image:
-    repository: harbor.dvirlabs.com/my-apps/navix-frontend
+    repository: harbor.dvirlabs.com/my-apps/navix-front
+    tag: latest
     pullPolicy: IfNotPresent
-  tag: master-4fc5494 
   service:
     type: ClusterIP
     port: 80
@@ -21,12 +21,12 @@ frontend:
     API_BASE: "https://navix.dvirlabs.com/api"
     MINIO_ENDPOINT: "s3.dvirlabs.com"
     MINIO_BUCKET: "navix-icons"
-  tag: master-4fc5494
+
 backend:
   image:
-    repository: harbor.dvirlabs.com/my-apps/navix-backend
+    repository: harbor.dvirlabs.com/my-apps/navix-back
+    tag: latest
     pullPolicy: IfNotPresent
-  tag: master-4fc5494
   service:
     type: ClusterIP
     port: 8000
@@ -42,8 +42,7 @@ backend:
       traefik.ingress.kubernetes.io/router.entrypoints: websecure
       traefik.ingress.kubernetes.io/router.tls: "true"
     hosts:
-      - host: api-navix.dvirlabs.com
+      - host: navix.dvirlabs.com
         paths:
           - path: /api
             pathType: Prefix
-  

navix-helm/templates/env-configmap.yaml

@@ -1,11 +0,0 @@
-apiVersion: v1
-kind: ConfigMap
-metadata:
-  name: navix-frontend-env
-data:
-  env.js: |
-    window.ENV = {
-      API_BASE: "{{ .Values.frontend.env.API_BASE }}",
-      MINIO_ENDPOINT: "{{ .Values.frontend.env.MINIO_ENDPOINT }}",
-      MINIO_BUCKET: "{{ .Values.frontend.env.MINIO_BUCKET }}"
-    };

navix-helm/templates/frontend-deployment.yaml

@@ -1,44 +0,0 @@
-apiVersion: apps/v1
-kind: Deployment
-metadata:
-  name: navix-frontend
-spec:
-  replicas: 1
-  selector:
-    matchLabels:
-      app: navix-frontend
-  template:
-    metadata:
-      labels:
-        app: navix-frontend
-    spec:
-      initContainers:
-        - name: copy-env
-          image: busybox
-          command: ["sh", "-c", "cp /config/env.js /env/env.js"]
-          volumeMounts:
-            - name: env-config
-              mountPath: /config
-            - name: env-volume
-              mountPath: /env
-
-      containers:
-        - name: frontend
-          image: "{{ .Values.frontend.image.repository }}:{{ .Values.frontend.tag }}"
-          imagePullPolicy: {{ .Values.frontend.image.pullPolicy }}
-          ports:
-            - containerPort: 80
-          volumeMounts:
-            - name: env-volume
-              mountPath: /usr/share/nginx/html/env.js
-              subPath: env.js
-
-      volumes:
-        - name: env-volume
-          emptyDir: {}
-        - name: env-config
-          configMap:
-            name: navix-frontend-env
-            items:
-              - key: env.js
-                path: env.js