fix(index): fixed index function + refactor

Author: TomasBoda

src/modals/delete-project.modal.tsx …mponents/modals/delete-project.modal.tsxsrc/modals/delete-project.modal.tsx renamed to src/components/modals/delete-project.modal.tsx src/modals/delete-project.modal.tsx renamed to src/components/modals/delete-project.modal.tsx

@@ -7,7 +7,7 @@ import { GraphValue, ValueType } from "@/runtime/runtime";
 import { compost as c } from "compostjs";
 import { useEffect, useState } from "react";
 import styled from "styled-components";
-import { CellId } from "./spreadsheet/spreadsheet.model";
+import { CellId } from "../spreadsheet/spreadsheet.model";
 
 const GRAPH_RENDERER_ID = "graph-renderer";
 

src/modals/onboarding.modal.tsx …c/components/modals/onboarding.modal.tsxsrc/modals/onboarding.modal.tsx renamed to src/components/modals/onboarding.modal.tsx src/modals/onboarding.modal.tsx renamed to src/components/modals/onboarding.modal.tsx

@@ -2,12 +2,12 @@
 
 import { useModal } from "@/hooks/useModal";
 import { useProjects } from "@/hooks/useProjects";
-import { DeleteProjectModal } from "@/modals/delete-project.modal";
+import { DeleteProjectModal } from "@/components/modals/delete-project.modal";
 import { ExternalLink, Trash2 } from "lucide-react";
 import { useRouter, useSearchParams } from "next/navigation";
 import styled from "styled-components";
-import { useSidebar } from "../hooks/useSidebar";
-import { StatusIcon } from "./status-icon";
+import { useSidebar } from "../../hooks/useSidebar";
+import { StatusIcon } from "../status-icon";
 
 export const ProjectsSidebar = () => {
     const router = useRouter();

src/modals/save-project.modal.tsx …components/modals/save-project.modal.tsxsrc/modals/save-project.modal.tsx renamed to src/components/modals/save-project.modal.tsx src/modals/save-project.modal.tsx renamed to src/components/modals/save-project.modal.tsx

@@ -648,15 +648,17 @@ export const SpreadsheetWrapper = () => {
     );
 };
 
-const Cell = styled(SpreadsheetCell)<{
+interface CellProps {
     $selected: boolean;
     $referenced: boolean;
     $bold: boolean;
     $italic: boolean;
     $underline: boolean;
     $color?: string;
     $error: boolean;
-}>`
+}
+
+const Cell = styled(SpreadsheetCell)<CellProps>`
     position: relative;
 
     color: var(--text-1);

src/components/graph-sidebar.tsx src/components/sidebars/graph.sidebar.tsxsrc/components/graph-sidebar.tsx renamed to src/components/sidebars/graph.sidebar.tsx

@@ -116,21 +116,16 @@ const TabLabel = styled.div`
 const Background = styled.div`
     position: absolute;
 
-    transition: all 150ms;
-
-    border-radius: 7px;
-
-    background-color: var(--color-1);
-
     border: 1px solid var(--color-2);
+    border-radius: 7px;
 
     background-color: var(--color-1);
 
+    transition: all 150ms;
     z-index: 2;
 `;
 
 const Content = styled.div`
     width: 100%;
-
     padding: 10px;
 `;

src/components/projects-sidebar.tsx …components/sidebars/projects.sidebar.tsxsrc/components/projects-sidebar.tsx renamed to src/components/sidebars/projects.sidebar.tsx src/components/projects-sidebar.tsx renamed to src/components/sidebars/projects.sidebar.tsx

@@ -1,18 +1,18 @@
 "use client";
 
-import { ProjectsSidebar } from "@/components/projects-sidebar";
+import { ProjectsSidebar } from "@/components/sidebars/projects.sidebar";
 import { Tab, Tabs } from "@/components/tabs/tabs.component";
 import { useModal } from "@/hooks/useModal";
 import { useOnboarding } from "@/hooks/useOnboarding";
 import { useSpreadsheet } from "@/hooks/useSpreadsheet";
-import { OnboardingModal } from "@/modals/onboarding.modal";
-import { SaveProjectModal } from "@/modals/save-project.modal";
+import { OnboardingModal } from "@/components/modals/onboarding.modal";
+import { SaveProjectModal } from "@/components/modals/save-project.modal";
 import { createClientClient } from "@/utils/supabase/client";
 import { User } from "@supabase/supabase-js";
 import { useRouter, useSearchParams } from "next/navigation";
 import styled from "styled-components";
 import { useSidebar } from "../../hooks/useSidebar";
-import { GraphSidebar } from "../graph-sidebar";
+import { GraphSidebar } from "../sidebars/graph.sidebar";
 import { HomeTab } from "./home.tab";
 import { ImportExportTab } from "./import-export.tab";
 import { SimulationTab } from "./simulation.tab";
@@ -202,5 +202,5 @@ const RightContent = styled.div`
     display: flex;
     flex-direction: row;
     align-items: center;
-    gap: 15px;
+    gap: 10px;
 `;

src/components/spreadsheet/spreadsheet.wrapper.tsx

@@ -8,7 +8,7 @@ import {
     useState,
 } from "react";
 import { useModal } from "./useModal";
-import { OnboardingModal } from "@/modals/onboarding.modal";
+import { OnboardingModal } from "@/components/modals/onboarding.modal";
 import { useLocalStorage } from "./useLocalStorage";
 
 type OnboardingContextType = {

src/components/tabs/tabs.component.tsx

@@ -507,7 +507,7 @@ export namespace Functions {
         const lookupRange = expectRange(args, 0);
         const index = expectNumber(args, 1);
 
-        if (index.value < 0 && index.value > lookupRange.value.length - 1) {
+        if (index.value < 0 || index.value > lookupRange.value.length - 1) {
             return createNumber(-1);
         }