fix: update read me and rename instructor tab

Author: diana-villalvazo-wgu

src/pageWrapper/PageWrapper.tsx

@@ -1,6 +1,6 @@
 import { useIntl } from '@openedx/frontend-base';
 import messages from './messages';
-import InstructorTabsSlot from '../slots/instructorTabsSlot/instructorTabsSlot';
+import InstructorTabsSlot from '../slots/instructorTabsSlot/InstructorTabsSlot';
 
 const PageWrapper = ({ children }: { children: React.ReactNode }) => {
   const { formatMessage } = useIntl();

src/slots/README.md

@@ -16,11 +16,9 @@ Slots in `frontend-app-instruct` use the slot system from `@openedx/frontend-bas
 
 ### 1. Slot Operations Definition
 
-The `src/instructorTabs/app.tsx` file shows how to define slot operations:
-
 ```tsx
 import { SlotOperation, WidgetOperationTypes } from '@openedx/frontend-base';
-import TabSlot from '../slots/instructorTabsSlot/TabSlot';
+import { InstructorTab } from 'src/slots/instructorTabsSlot/InstructorTabsSlot';
 
 // Tab configuration data
 const tabData = { tab_id: 'course_info', url: 'course_info', title: 'Course Info' };
@@ -30,7 +28,7 @@ export const tabSlots: SlotOperation[] = [{
   slotId: `org.openedx.frontend.slot.instructor.tabs.v1`,
   id: `org.openedx.frontend.widget.instructor.tab.${tab_id}`,
   op: WidgetOperationTypes.APPEND,
-  element: <TabSlot tab_id={tabData.tab_id} title={tabData.title} url={tabData.url} />,
+  element: <InstructorTab tab_id={tabData.tab_id} title={tabData.title} url={tabData.url} />,
 }];
 ```
 

src/slots/instructorTabsSlot/TabSlot.tsx

@@ -1,5 +1,14 @@
 import { Slot } from '@openedx/frontend-base';
-import InstructorTabs from '../../instructorTabs/InstructorTabs';
+import InstructorTabs, { TabProps } from '../../instructorTabs/InstructorTabs';
+
+// This component will be a placeholder/dummy component just to retrieve Tab props
+// Since we are using a slot-based architecture and Paragon is passing Tabs/Tab through
+// We can't have context provider between Tabs and Tab when rendering it should be direct parent/children relation
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+export const InstructorTab = (_props: TabProps) => {
+  return null;
+};
 
 export const InstructorTabsSlot = () => (
   <Slot id="org.openedx.frontend.slot.instructor.tabs.v1">