From 774d88561bcd7a8523440f28fe69f390da4da3c3 Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Sat, 12 Apr 2025 17:56:04 +0200 Subject: [PATCH] Remove unused parameters --- src/components/Apps/AppsDevMode.tsx | 334 +++++++++++++++------------- src/components/CoreSyncStatus.tsx | 2 +- 2 files changed, 185 insertions(+), 151 deletions(-) diff --git a/src/components/Apps/AppsDevMode.tsx b/src/components/Apps/AppsDevMode.tsx index d4edc0c..a01f6d7 100644 --- a/src/components/Apps/AppsDevMode.tsx +++ b/src/components/Apps/AppsDevMode.tsx @@ -1,46 +1,68 @@ -import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react"; -import { AppsDevModeHome } from "./AppsDevModeHome"; -import { Spacer } from "../../common/Spacer"; -import { MyContext, getBaseApiReact } from "../../App"; -import { AppInfo } from "./AppInfo"; +import React, { + useCallback, + useContext, + useEffect, + useMemo, + useRef, + useState, +} from 'react'; +import { AppsDevModeHome } from './AppsDevModeHome'; +import { Spacer } from '../../common/Spacer'; +import { MyContext, getBaseApiReact } from '../../App'; +import { AppInfo } from './AppInfo'; import { executeEvent, subscribeToEvent, unsubscribeFromEvent, -} from "../../utils/events"; -import { AppsParent } from "./Apps-styles"; -import AppViewerContainer from "./AppViewerContainer"; -import ShortUniqueId from "short-unique-id"; -import { AppPublish } from "./AppPublish"; -import { AppsLibraryDesktop } from "./AppsLibraryDesktop"; -import { AppsCategoryDesktop } from "./AppsCategoryDesktop"; -import { AppsNavBarDesktop } from "./AppsNavBarDesktop"; -import { Box, ButtonBase } from "@mui/material"; -import { HomeIcon } from "../../assets/Icons/HomeIcon"; -import { MessagingIcon } from "../../assets/Icons/MessagingIcon"; -import { Save } from "../Save/Save"; -import { HubsIcon } from "../../assets/Icons/HubsIcon"; -import { AppsDevModeNavBar } from "./AppsDevModeNavBar"; -import { CoreSyncStatus } from "../CoreSyncStatus"; -import { AppsIcon } from "../../assets/Icons/AppsIcon"; -import { IconWrapper } from "../Desktop/DesktopFooter"; +} from '../../utils/events'; +import { AppsParent } from './Apps-styles'; +import AppViewerContainer from './AppViewerContainer'; +import ShortUniqueId from 'short-unique-id'; +import { AppPublish } from './AppPublish'; +import { AppsLibraryDesktop } from './AppsLibraryDesktop'; +import { AppsCategoryDesktop } from './AppsCategoryDesktop'; +import { AppsNavBarDesktop } from './AppsNavBarDesktop'; +import { Box, ButtonBase } from '@mui/material'; +import { HomeIcon } from '../../assets/Icons/HomeIcon'; +import { MessagingIcon } from '../../assets/Icons/MessagingIcon'; +import { Save } from '../Save/Save'; +import { HubsIcon } from '../../assets/Icons/HubsIcon'; +import { AppsDevModeNavBar } from './AppsDevModeNavBar'; +import { AppsIcon } from '../../assets/Icons/AppsIcon'; +import { IconWrapper } from '../Desktop/DesktopFooter'; const uid = new ShortUniqueId({ length: 8 }); -export const AppsDevMode = ({ mode, setMode, show , myName, goToHome, setDesktopSideView, hasUnreadDirects, isDirects, isGroups, hasUnreadGroups, toggleSideViewGroups, toggleSideViewDirects, setDesktopViewMode, desktopViewMode, isApps}) => { +export const AppsDevMode = ({ + mode, + setMode, + show, + myName, + goToHome, + setDesktopSideView, + hasUnreadDirects, + isDirects, + isGroups, + hasUnreadGroups, + toggleSideViewGroups, + toggleSideViewDirects, + setDesktopViewMode, + desktopViewMode, + isApps, +}) => { const [availableQapps, setAvailableQapps] = useState([]); const [selectedAppInfo, setSelectedAppInfo] = useState(null); - const [selectedCategory, setSelectedCategory] = useState(null) + const [selectedCategory, setSelectedCategory] = useState(null); const [tabs, setTabs] = useState([]); const [selectedTab, setSelectedTab] = useState(null); const [isNewTabWindow, setIsNewTabWindow] = useState(false); - const [categories, setCategories] = useState([]) + const [categories, setCategories] = useState([]); const iframeRefs = useRef({}); - + useEffect(() => { setTimeout(() => { - executeEvent("appsDevModeSetTabsToNav", { + executeEvent('appsDevModeSetTabsToNav', { data: { tabs: tabs, selectedTab: selectedTab, @@ -50,17 +72,16 @@ export const AppsDevMode = ({ mode, setMode, show , myName, goToHome, setDesktop }, 100); }, [show, tabs, selectedTab, isNewTabWindow]); - - - - - - - - - const navigateBackFunc = (e) => { - if (['category', 'appInfo-from-category', 'appInfo', 'library', 'publish'].includes(mode)) { + if ( + [ + 'category', + 'appInfo-from-category', + 'appInfo', + 'library', + 'publish', + ].includes(mode) + ) { // Handle the various modes as needed if (mode === 'category') { setMode('library'); @@ -78,17 +99,16 @@ export const AppsDevMode = ({ mode, setMode, show , myName, goToHome, setDesktop } else if (mode === 'publish') { setMode('library'); } - } else if(selectedTab?.tabId) { - executeEvent(`navigateBackApp-${selectedTab?.tabId}`, {}) + } else if (selectedTab?.tabId) { + executeEvent(`navigateBackApp-${selectedTab?.tabId}`, {}); } }; - useEffect(() => { - subscribeToEvent("devModeNavigateBack", navigateBackFunc); + subscribeToEvent('devModeNavigateBack', navigateBackFunc); return () => { - unsubscribeFromEvent("devModeNavigateBack", navigateBackFunc); + unsubscribeFromEvent('devModeNavigateBack', navigateBackFunc); }; }, [mode, selectedTab]); @@ -100,58 +120,52 @@ export const AppsDevMode = ({ mode, setMode, show , myName, goToHome, setDesktop }; setTabs((prev) => [...prev, newTab]); setSelectedTab(newTab); - setMode("viewer"); + setMode('viewer'); setIsNewTabWindow(false); }; - - useEffect(() => { - subscribeToEvent("appsDevModeAddTab", addTabFunc); + subscribeToEvent('appsDevModeAddTab', addTabFunc); return () => { - unsubscribeFromEvent("appsDevModeAddTab", addTabFunc); + unsubscribeFromEvent('appsDevModeAddTab', addTabFunc); }; }, [tabs]); const updateTabFunc = (e) => { const data = e.detail?.data; - if(!data.tabId) return - const findIndexTab = tabs.findIndex((tab)=> tab?.tabId === data?.tabId) - if(findIndexTab === -1) return - const copyTabs = [...tabs] - const newTab ={ + if (!data.tabId) return; + const findIndexTab = tabs.findIndex((tab) => tab?.tabId === data?.tabId); + if (findIndexTab === -1) return; + const copyTabs = [...tabs]; + const newTab = { ...copyTabs[findIndexTab], - url: data.url + url: data.url, + }; + copyTabs[findIndexTab] = newTab; - } - copyTabs[findIndexTab] = newTab - setTabs(copyTabs); setSelectedTab(newTab); - setMode("viewer"); + setMode('viewer'); setIsNewTabWindow(false); }; - - useEffect(() => { - subscribeToEvent("appsDevModeUpdateTab", updateTabFunc); + subscribeToEvent('appsDevModeUpdateTab', updateTabFunc); return () => { - unsubscribeFromEvent("appsDevModeUpdateTab", updateTabFunc); + unsubscribeFromEvent('appsDevModeUpdateTab', updateTabFunc); }; }, [tabs]); - const setSelectedTabFunc = (e) => { const data = e.detail?.data; - if(!e.detail?.isDevMode) return + if (!e.detail?.isDevMode) return; setSelectedTab(data); setTimeout(() => { - executeEvent("appsDevModeSetTabsToNav", { + executeEvent('appsDevModeSetTabsToNav', { data: { tabs: tabs, selectedTab: data, @@ -161,13 +175,12 @@ export const AppsDevMode = ({ mode, setMode, show , myName, goToHome, setDesktop }, 100); setIsNewTabWindow(false); }; - useEffect(() => { - subscribeToEvent("setSelectedTabDevMode", setSelectedTabFunc); + subscribeToEvent('setSelectedTabDevMode', setSelectedTabFunc); return () => { - unsubscribeFromEvent("setSelectedTabDevMode", setSelectedTabFunc); + unsubscribeFromEvent('setSelectedTabDevMode', setSelectedTabFunc); }; }, [tabs, isNewTabWindow]); @@ -175,14 +188,14 @@ export const AppsDevMode = ({ mode, setMode, show , myName, goToHome, setDesktop const data = e.detail?.data; const copyTabs = [...tabs].filter((tab) => tab?.tabId !== data?.tabId); if (copyTabs?.length === 0) { - setMode("home"); + setMode('home'); } else { setSelectedTab(copyTabs[0]); } setTabs(copyTabs); setSelectedTab(copyTabs[0]); setTimeout(() => { - executeEvent("appsDevModeSetTabsToNav", { + executeEvent('appsDevModeSetTabsToNav', { data: { tabs: copyTabs, selectedTab: copyTabs[0], @@ -192,143 +205,157 @@ export const AppsDevMode = ({ mode, setMode, show , myName, goToHome, setDesktop }; useEffect(() => { - subscribeToEvent("removeTabDevMode", removeTabFunc); + subscribeToEvent('removeTabDevMode', removeTabFunc); return () => { - unsubscribeFromEvent("removeTabDevMode", removeTabFunc); + unsubscribeFromEvent('removeTabDevMode', removeTabFunc); }; }, [tabs]); const setNewTabWindowFunc = (e) => { setIsNewTabWindow(true); - setSelectedTab(null) + setSelectedTab(null); }; useEffect(() => { - subscribeToEvent("devModeNewTabWindow", setNewTabWindowFunc); + subscribeToEvent('devModeNewTabWindow', setNewTabWindowFunc); return () => { - unsubscribeFromEvent("devModeNewTabWindow", setNewTabWindowFunc); + unsubscribeFromEvent('devModeNewTabWindow', setNewTabWindowFunc); }; }, [tabs]); - return ( - - + { goToHome(); - }} > - - - + { - setDesktopViewMode('apps') + setDesktopViewMode('apps'); }} > - + { - setDesktopViewMode('chat') + setDesktopViewMode('chat'); }} > - - + { - setDesktopViewMode('dev') - }} - > - - - - - {mode !== 'home' && ( - + onClick={() => { + setDesktopViewMode('dev'); + }} + > + + + + + {mode !== 'home' && } + - )} - - - - - {mode === "home" && ( - - - - + {mode === 'home' && ( + + + )} - - - - + {tabs.map((tab) => { if (!iframeRefs.current[tab.tabId]) { iframeRefs.current[tab.tabId] = React.createRef(); } return ( - - - - + + + )} diff --git a/src/components/CoreSyncStatus.tsx b/src/components/CoreSyncStatus.tsx index 44fed2c..5223fee 100644 --- a/src/components/CoreSyncStatus.tsx +++ b/src/components/CoreSyncStatus.tsx @@ -6,7 +6,7 @@ import { getBaseApiReact } from '../App'; import '../styles/CoreSyncStatus.css'; import { useTheme } from '@mui/material'; -export const CoreSyncStatus = ({ imageSize, position }) => { +export const CoreSyncStatus = () => { const [nodeInfos, setNodeInfos] = useState({}); const [coreInfos, setCoreInfos] = useState({}); const [isUsingGateway, setIsUsingGateway] = useState(false);