thallada/modmapper-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show loaded plugins that edit cell on cell pane

Browse Source
This commit is contained in:
Tyler Hallada 2022-03-10 00:59:13 -05:00
parent d45c4f51b1
commit cc625d9029
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/CellData.tsx
View File

@ -4,6 +4,7 @@ import useSWRImmutable from "swr/immutable";
import styles from "../styles/CellData.module.css";
import CellModList from "./CellModList";
import PluginList from "./PluginsList";
export interface Mod {
id: number;
@ -120,6 +121,8 @@ const CellData: React.FC<Props> = ({ selectedCell, counts }) => {
<span>{data.plugins_count}</span>
</li>
</ul>
<h2>Loaded Plugins</h2>
<PluginList selectedCell={selectedCell} />
<CellModList mods={data.mods} counts={counts} />
</>
)

16
components/PluginsList.tsx
View File

@ -6,11 +6,21 @@ import { excludedPlugins } from "../lib/plugins";
import { togglePlugin } from "../slices/plugins";
import styles from "../styles/PluginList.module.css";
type Props = {};
type Props = {
selectedCell: { x: number; y: number };
};
const PluginsList: React.FC<Props> = () => {
const PluginsList: React.FC<Props> = ({ selectedCell }) => {
const dispatch = useAppDispatch();
const plugins = useAppSelector((state) => state.plugins.plugins);
const plugins = useAppSelector((state) =>
selectedCell
? state.plugins.plugins.filter((plugin) =>
plugin.parsed?.cells.some(
(cell) => cell.x === selectedCell.x && cell.y === selectedCell.y
)
)
: state.plugins.plugins
);
const pluginsPending = useAppSelector((state) => state.plugins.pending);
return (