Teacher Component | SIS-168 (#83)

* Other Transaction List by roles Updated in Teacher Component
gradution-project · May 1, 2022 · e33acb6 · e33acb6
1 parent 2793d53
commit e33acb6
Showing 1 changed file with 19 additions and 12 deletions.
diff --git a/public/components/navbar/teacher/teacher-component.js b/public/components/navbar/teacher/teacher-component.js
@@ -149,18 +149,25 @@ export default function TeacherComponent() {
                                             className="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden">
                                             <div className="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8">
                                                 {otherTransactions.map((item) => (
-                                                    <a
-                                                        key={item.name}
-                                                        href={item.href}
-                                                        className="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"
-                                                    >
-                                                        <item.icon className="flex-shrink-0 h-6 w-6 text-sis-yellow"
-                                                                   aria-hidden="true"/>
-                                                        <div className="ml-4">
-                                                            <p className="font-phenomenaRegular text-xl text-gray-800">{item.name}</p>
-                                                            <p className="mt-1 text-sm text-gray-500">{item.description}</p>
-                                                        </div>
-                                                    </a>
+                                                    item.roles.map((role) => (
+                                                        teacherRole === role
+                                                            ?
+                                                            <a
+                                                                key={item.name}
+                                                                href={item.href}
+                                                                className="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"
+                                                            >
+                                                                <item.icon
+                                                                    className="flex-shrink-0 h-6 w-6 text-sis-yellow"
+                                                                    aria-hidden="true"/>
+                                                                <div className="ml-4">
+                                                                    <p className="font-phenomenaRegular text-xl text-gray-800">{item.name}</p>
+                                                                    <p className="mt-1 text-sm text-gray-500">{item.description}</p>
+                                                                </div>
+                                                            </a>
+                                                            :
+                                                            null
+                                                    ))
                                                 ))}
                                             </div>
                                         </div>