From fb5d2dbc59d7627c5fa06a0963faa7168c5fe727 Mon Sep 17 00:00:00 2001
From: Taewan Kim <t25.kim@samsung.com>
Date: Mon, 25 Aug 2025 15:26:26 +0900
Subject: [PATCH] Add Model Management to sidebar

Issue-ID: AIMLFW-228
Change-Id: I52af09cbd98174df208ed4c2921b2d69b8d546d1
Signed-off-by: Taewan Kim <t25.kim@samsung.com>
---
 src/components/home/HomePage.js          |  2 ++
 src/components/home/status/ListModels.js | 27 +++++++++++++++++++++++++++
 src/components/sidebar/sidebar.js        |  3 +++
 3 files changed, 32 insertions(+)
 create mode 100644 src/components/home/status/ListModels.js

diff --git a/src/components/home/HomePage.js b/src/components/home/HomePage.js
index 8b2db80..939632a 100644
--- a/src/components/home/HomePage.js
+++ b/src/components/home/HomePage.js
@@ -24,6 +24,7 @@ import UploadPipelineForm from './pipelines/UploadPipeline';
 import CreateFeatureGroup from './create/CreateFeatureGroup';
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import ListFeatureGroup from './status/ListFeatureGroup';
+import ListModels from './status/ListModels';
 import { NavigationBar } from '../navigation';
 import { Sidebar } from '../sidebar';
 import { debug_var } from '../../states';
@@ -54,6 +55,7 @@ class HomePage extends React.Component {
             <Route path='/TrainingJob/Pipeline' element={<UploadPipelineForm logger={logger} />} />
             <Route path='/TrainingJob/CreateFeatureGroup' element={<CreateFeatureGroup logger={logger} />} />
             <Route path='/TrainingJob/ListFeatureGroups' element={<ListFeatureGroup logger={logger} />} />
+            <Route path='/ModelManagement/ListModels' element={<ListModels logger={logger} />} />
           </Routes>
               </Col>
             </Row>
diff --git a/src/components/home/status/ListModels.js b/src/components/home/status/ListModels.js
new file mode 100644
index 0000000..567be02
--- /dev/null
+++ b/src/components/home/status/ListModels.js
@@ -0,0 +1,27 @@
+// ==================================================================================
+
+//        Copyright (c) 2025 Samsung Electronics Co., Ltd. All Rights Reserved.
+
+//    Licensed under the Apache License, Version 2.0 (the "License");
+//    you may not use this file except in compliance with the License.
+//    You may obtain a copy of the License at
+
+//           http://www.apache.org/licenses/LICENSE-2.0
+
+//    Unless required by applicable law or agreed to in writing, software
+//    distributed under the License is distributed on an "AS IS" BASIS,
+//    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//    See the License for the specific language governing permissions and
+//    limitations under the License.
+
+// ==================================================================================
+
+import React from 'react';
+
+const ListModels = props => {
+  return (
+      🚧 Under Construction 🚧
+  );
+};
+
+export default ListModels;
diff --git a/src/components/sidebar/sidebar.js b/src/components/sidebar/sidebar.js
index 5c0c091..aacade3 100644
--- a/src/components/sidebar/sidebar.js
+++ b/src/components/sidebar/sidebar.js
@@ -18,6 +18,9 @@ export const Sidebar = () => {
         <a href="/TrainingJob/ListFeatureGroups" className={`sidebar-link ${isActive('/TrainingJob/ListFeatureGroups')}`}>
           <i className="bi bi-folder-fill"></i> Feature Group
         </a>
+        <a href="/ModelManagement/ListModels" className={`sidebar-link ${isActive('/ModelManagement/ListModels')}`}>
+          <i className="bi bi-box-seam"></i> Model Management
+        </a>
       </Col>
     </Row>
   );
-- 
2.16.6