fix: added new features to docs

Author: Tormak9970

src/components/docs/plugin-docs/Tabs.md

@@ -11,7 +11,9 @@
    - Changing Tabs
    - Reordering Tabs
    - Hiding Tabs
+ - Duplicating Tabs
  - Removing Tabs
+ - Sharing Tabs
 
 <br/>
 
@@ -87,11 +89,20 @@ Tabs can be hidden from the library as well. This means they won't appear in you
 
 <br/>
 
+### Duplicating Tabs
+Tabs can be duplicated from either the Library Context Menu or the QAM Menu. This will bring you to the "Create Tab" modal with the filters pre-filtered.
+
+<br/>
 
 ### Removing Tabs (Custom Tabs Only)
 If you decide your custom tab just isn't cutting it, you can completely remove it too. To do this, navigate to the tab's menu (the same one where you edit and hide tabs), and click `delete`. You will be prompted to confirm (as this can't be undone!), and once you do, the tab will be perminantly removed from TabMaster.
 
 <br/>
 
+### Sharing Tabs
+Tabs can be shared with other users on your device. Simply toggle "Other users can copy this tab" to true, and it will show up for them in the shared tabs modal.
+
+<br/>
+
 
 ###### © Travis Lane (Tormak), Jessebofill

src/components/modals/SharedTabsModal.tsx

@@ -18,7 +18,6 @@ import { showModalDuplicateTab } from "./EditTabModal";
 import { SharedTabsModalStyles } from "../styles/SharedTabsStyles";
 import { SharedTabAccordion } from "../accordions/SharedTabAccordion";
 import { FaRegWindowMaximize } from "react-icons/fa6";
-import { useTabMasterContext } from "../../state/TabMasterContext";
 
 type UserTabProps = {
   tab: TabSettings,
@@ -51,24 +50,25 @@ const UserTab: VFC<UserTabProps> = ({ tab, closeModal, onConfirm }: UserTabProps
 export type SharedTabsModalProps = {
   closeModal?: () => void,
   onConfirm: (tabSettings: TabSettings) => void,
+  tabMasterManager: TabMasterManager,
 }
 
-export const SharedTabsModal: VFC<SharedTabsModalProps> = ({ closeModal, onConfirm }: SharedTabsModalProps) => {
+export const SharedTabsModal: VFC<SharedTabsModalProps> = ({ closeModal, onConfirm, tabMasterManager }: SharedTabsModalProps) => {
   const [loading, setLoading] = useState(true);
   const [sharedTabs, setSharedTabs] = useState<Record<string, TabSettingsDictionary>>({});
 
-  const tabMasterManager = useTabMasterContext()
+  const { currentUsersFriends } = useMemo(() => tabMasterManager.getFriendsAndTags(), [tabMasterManager]);
 
   const tabsByUser: { user: string, tabs: TabSettings[] }[] = useMemo(() => {
     if (loading) return [];
 
     return Array.from(Object.entries(sharedTabs).map(([userId, tabs]) => {
       return {
-        user: tabMasterManager.currentUsersFriends.find((friend) => friend.steamid.toString() === userId)?.name ?? userId,
+        user: currentUsersFriends.find((friend) => friend.steamid.toString() === userId)?.name ?? userId,
         tabs: Array.from(Object.values(tabs))
       };
     }));
-  }, [sharedTabs, tabMasterManager.currentUsersFriends]);
+  }, [sharedTabs, currentUsersFriends]);
 
   useEffect(() => {
     PythonInterop.getSharedTabs().then((res) => {
@@ -145,6 +145,7 @@ export function showModalSharedTabs(tabMasterManager: TabMasterManager) {
 
         showModalDuplicateTab(container, tabMasterManager);
       }}
+      tabMasterManager={tabMasterManager}
     />
   );
 }