Function Main

client/src/containers/Main.jsx:85–330

(props)

  The main component where the entire app routing resides
*/
function Main(props) {
  const { cleanErrors } = props;

  const user = useSelector(selectUser);
  const team = useSelector(selectTeam);
  const teams = useSelector(selectTeams);
  const feedbackModal = useSelector(selectFeedbackModalOpen);
  const aiModalOpen = useSelector(selectAiModalOpen);
  const teamsRef = useRef(null);

  const { isDark } = useTheme();
  const location = useLocation();
  const navigate = useNavigate();
  const dispatch = useDispatch();
  const { pathname } = useLocation();

  useEffect(() => {
    if (isDark) {
      document.body.classList.add("dark");
      document.body.classList.remove("light");
    } else {
      document.body.classList.add("light");
      document.body.classList.remove("dark");
    }
  }, [isDark]);

  useEffect(() => {
    cleanErrors();
    if (!location.pathname.match(/\/chart\/\d+\/embedded/g)) {
      dispatch(relog())
        .then((data) => {
          if (data.payload?.id) {
            return dispatch(getTeams());
          }

          if (authenticatePage()) {
            window.location.pathname = "/login";
          }

          return null;
        })
        .then(() => {
          // return dispatch(getProjects({ team_id: data.payload?.[0]?.id }));
        });

      dispatch(areThereAnyUsers())
        .then((anyUsers) => {
          if (!anyUsers?.payload?.areThereAnyUsers && (pathname === "/login" || pathname === "/")) {
            navigate("/signup");
          }
        });
    }

    // Keyboard shortcut for AI modal (Cmd+K on Mac, Ctrl+K on Windows)
    const handleKeyDown = (event) => {
      // Check for Cmd+K (Mac) or Ctrl+K (Windows/Linux)
      if ((event.metaKey || event.ctrlKey) && event.key === "k") {
        // Prevent default browser behavior (usually search)