Fix the Emotion Detection Tabs and Pages

Project/Backend/Server_Python/controllers/translate_controler.py

@@ -18,7 +18,8 @@ class ImageRequest(BaseModel):
     image: UploadFile
 
 # Load your Keras model
-model = tf.keras.models.load_model('../ML_Models/sign_language_to_text/models/sign_language_model.h5')
+# model = tf.keras.models.load_model('../ML_Models/sign_language_to_text/models/sign_language_model.h5')
+model= None
 CLASSES = mappings.classes
 NUM_CLASSES = len(mappings.classes)  # number of classes
 IMG_SIZE = 224  # image size

Project/Frontend/SignConnectPlus/src/menu-items/application.tsx

@@ -12,7 +12,10 @@ import {
   ShoppingOutlined,
   TeamOutlined,
   TranslationOutlined,
-  UserOutlined
+  UserOutlined,
+  AudioOutlined,
+  VideoCameraOutlined,
+  RedditOutlined, 
 } from '@ant-design/icons';
 
 // type
@@ -29,7 +32,10 @@ const icons = {
   LoginOutlined,
   RocketOutlined,
   BookOutlined,
-  TranslationOutlined
+  TranslationOutlined,
+  AudioOutlined,
+  VideoCameraOutlined,
+  RedditOutlined,
 };
 
 // ==============================|| MENU ITEMS - SUPPORT ||============================== //
@@ -74,6 +80,32 @@ const application: NavItemType = {
       icon: icons.TranslationOutlined,
       url: '/ssl-translate/process',
     },
+    {
+      id: 'emotion-detection',
+      title: <FormattedMessage id="emotion-detection" />,
+      type: 'collapse',
+      icon: icons.RedditOutlined,
+      children: [
+        
+        {
+          id: 'audio-detection',
+          title: <FormattedMessage id="audio-detection" />,
+          type: 'item',
+          icon: icons.AudioOutlined,
+          url: '/emotion-detection/audio-detection',
+        },
+        {
+          id: 'video-detection',
+          title: <FormattedMessage id="video-detection" />,
+          type: 'item',
+          icon: icons.VideoCameraOutlined,
+          url: '/emotion-detection/video-detection',
+        },
+        
+      ]
+    },
+
+
     {
       id: 'learning-management',
       title: <FormattedMessage id="learning-management" />,

Project/Frontend/SignConnectPlus/src/pages/emotion-detection/emotion-audio-detection/list/list.tsx

+
+// material-ui
+
+// third-party
+
+// project import
+import MainCard from 'components/MainCard';
+import ScrollX from 'components/ScrollX';
+
+
+// assets
+
+//types
+
+// ==============================|| List ||============================== //
+
+const List = () => {
+    return (
+        <MainCard content={false}>
+            <ScrollX>
+                {/* content here */}
+                <h1>Sample Page</h1>
+            </ScrollX>
+        </MainCard>
+    )
+}
+
+export default List;

Project/Frontend/SignConnectPlus/src/pages/emotion-detection/emotion-video-detection/list/list.tsx

+
+// material-ui
+
+// third-party
+
+// project import
+import MainCard from 'components/MainCard';
+import ScrollX from 'components/ScrollX';
+
+
+// assets
+
+//types
+
+
+// ==============================|| List ||============================== //
+
+const List = () => {
+    return (
+        <MainCard content={false}>
+            <ScrollX>
+                {/* content here */}
+                <h1>Sample Page 2</h1>
+            </ScrollX>
+        </MainCard>
+    )
+}
+
+export default List;

Project/Frontend/SignConnectPlus/src/routes/MainRoutes.tsx

@@ -41,6 +41,12 @@ const TutorialManagementList = Loadable(lazy(() => import('pages/parameter/tutor
 // render - ssl translate process page
 const SSLTranslateProcess = Loadable(lazy(() => import('pages/ssl-translate/process/process')));
 
+// render - audio-detection page
+const AudioDetection = Loadable(lazy(() => import('pages/emotion-detection/emotion-audio-detection/list/list')));
+
+// render - video-detection page
+const VideoDetection = Loadable(lazy(() => import('pages/emotion-detection/emotion-video-detection/list/list')));
+
 // render - learning-curriculums-subscribed page
 const LearningCurriculumsSubscribed = Loadable(lazy(() => import('pages/learning-management/learning-curriculums-subscribed/list/list')));
 
@@ -96,6 +102,21 @@ const MainRoutes = {
             }
           ]
         },
+
+        {
+          path: 'emotion-detection',
+          children: [
+            {
+              path: 'audio-detection',
+              element: <AudioDetection />
+            },
+            {
+              path: 'video-detection',
+              element: <VideoDetection />
+            }
+          ]
+        },
+
         {
           path: 'learning-management',
           children: [

Project/Frontend/SignConnectPlus/src/utils/locales/en.json

@@ -161,5 +161,8 @@
   "learning-curriculums-subscribed": "My Courses",
   "learning-lead-board": "Lead Board",
   "learning-feedback": "Feedback",
-  "ssl-translate": "SSL Translate"
+  "ssl-translate": "SSL Translate",
+  "emotion-detection": "Emotion Detection",
+  "audio-detection": "Audio Detection",
+  "video-detection": "Video Detection"
 }
\ No newline at end of file