From fc363daa0cdd646163bf5b694959dcc7448b039b Mon Sep 17 00:00:00 2001
From: afeenster <afeenste@amazon.com>
Date: Thu, 1 Apr 2021 13:42:43 -0700
Subject: [PATCH] Using the Model Search tool as the main navigator for finding
 a model.

---
 .../main/webapp/components/ModelNavigator.jsx | 34 +++++++------------
 1 file changed, 12 insertions(+), 22 deletions(-)

diff --git a/serving/central/src/main/webapp/components/ModelNavigator.jsx b/serving/central/src/main/webapp/components/ModelNavigator.jsx
index f8e0c01102b..c4a26426343 100644
--- a/serving/central/src/main/webapp/components/ModelNavigator.jsx
+++ b/serving/central/src/main/webapp/components/ModelNavigator.jsx
@@ -141,6 +141,7 @@ export default function ModelNavigator(props) {
            <div className={classes.view_root}>
                 <div className={classes.navigator_root}>
                     <TreeView
+                        defaultExpanded={['Model Searching']}
                         defaultCollapseIcon={<ExpandMoreIcon />}
                         defaultExpandIcon={<ChevronRightIcon />}
                     >
@@ -189,36 +190,25 @@ export default function ModelNavigator(props) {
                                     </div>
                                 </TreeItem>
                             </TreeView>
-                            <TreeItem nodeId="Models" label="Models">
-                                <div>
-                                    <button onClick={modelFilterOnChange} > Search </button>
-                                    {modelList.map(application => (
-                                      application.map((model) => (
-                                          <TreeItem nodeId={model.name} label={model.name} onLabelClick={() => setModel(model)}>
-                                          </TreeItem>
-                                    ))))}
-                                </div>
-                            </TreeItem>
+                            <button onClick={modelFilterOnChange} > Search </button>
                         </TreeItem>
                     </TreeView>
-                </div>
-           </div>
 
-			<div className={classes.view_root}>
-				<div className={classes.navigator_root}>
 				<TreeView
 
 					defaultCollapseIcon={<ExpandMoreIcon />}
 					defaultExpandIcon={<ChevronRightIcon />}
 				>
-					{modelZooData.map((application) => (
-						<TreeItem nodeId={application.key} label={application.title}>
-							{application.models.map((model) => (
-								<TreeItem nodeId={model.name} label={model.name} onLabelClick={() => setModel(model)}>
-								</TreeItem>
-							))}
-						</TreeItem>
-					))}
+				    <TreeItem nodeId={'Models'} label={'Models'}></TreeItem>
+					<div>
+                        {modelList.map(application => (
+                            console.log(application),
+                            application.map((model) => (
+                                <TreeItem nodeId={model.name} label={model.name} onLabelClick={() => setModel(model)}>
+                                </TreeItem>
+                            ))
+                        ))}
+                    </div>
 
 				</TreeView>
 				</div>