diff --git a/src/routes/Boards/Boards.tsx b/src/routes/Boards/Boards.tsx index 7b30e2d141..857af72eb5 100644 --- a/src/routes/Boards/Boards.tsx +++ b/src/routes/Boards/Boards.tsx @@ -1,11 +1,10 @@ import {useTranslation} from "react-i18next"; import {Outlet, useLocation, useNavigate} from "react-router"; -import {useEffect, useState} from "react"; +import {useState} from "react"; import {Input} from "components/Input/Input"; import {HeaderBar} from "components/HeaderBar"; import classNames from "classnames"; -import {getTemplates} from "store/features"; -import {useAppDispatch, useAppSelector} from "store"; +import {useAppSelector} from "store"; import {ImportBoard, ImportBoardButton} from "components/ImportBoard"; import {Switch} from "components/Switch/Switch"; import {SearchIcon} from "components/Icon"; @@ -18,7 +17,6 @@ export const Boards = () => { const {t} = useTranslation(); const location = useLocation(); const navigate = useNavigate(); - const dispatch = useAppDispatch(); // path segments after "/boards", e.g. ["edit-board", "", "settings"]. const subPaths = location.pathname.split("/").filter(Boolean).slice(1); @@ -36,11 +34,6 @@ export const Boards = () => { const allowAnonymousBoardCreation = useAppSelector((state) => state.view.allowAnonymousBoardCreation); const canCreateBoard = !isAnonymous || allowAnonymousBoardCreation; - // init templates - useEffect(() => { - dispatch(getTemplates()); - }, [dispatch]); - const renderTitle = () => { switch (boardView) { case "templates": diff --git a/src/routes/Boards/Templates/Templates.tsx b/src/routes/Boards/Templates/Templates.tsx index aa43a4c0d7..cc36ee279c 100644 --- a/src/routes/Boards/Templates/Templates.tsx +++ b/src/routes/Boards/Templates/Templates.tsx @@ -44,8 +44,10 @@ export const Templates = () => { // init templates useEffect(() => { - dispatch(getTemplates()); - }, [dispatch]); + if (showCustomTemplates) { + dispatch(getTemplates()); + } + }, [dispatch, showCustomTemplates]); const toggleFavourite = (templateId: string, favourite: boolean, type: "RECOMMENDED" | "CUSTOM") => { if (type === "RECOMMENDED") {