remove absolute imports

Author: AykutSarac

src/features/editor/BottomBar.tsx

@@ -12,9 +12,9 @@ import {
   VscSync,
   VscSyncIgnored,
 } from "react-icons/vsc";
-import useGraph from "src/features/editor/views/GraphView/stores/useGraph";
-import useConfig from "src/store/useConfig";
-import useFile from "src/store/useFile";
+import useConfig from "../../store/useConfig";
+import useFile from "../../store/useFile";
+import useGraph from "./views/GraphView/stores/useGraph";
 
 const StyledBottomBar = styled.div`
   position: relative;

src/features/editor/FullscreenDropzone.tsx

@@ -3,8 +3,8 @@ import { Group, Text } from "@mantine/core";
 import { Dropzone } from "@mantine/dropzone";
 import toast from "react-hot-toast";
 import { VscCircleSlash, VscFiles } from "react-icons/vsc";
-import { FileFormat } from "src/enums/file.enum";
-import useFile from "src/store/useFile";
+import { FileFormat } from "../../enums/file.enum";
+import useFile from "../../store/useFile";
 
 export const FullscreenDropzone = () => {
   const setContents = useFile(state => state.setContents);

src/features/editor/LiveEditor.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { useSessionStorage } from "@mantine/hooks";
 import styled from "styled-components";
-import { ViewMode } from "src/enums/viewMode.enum";
-import { GraphView } from "src/features/editor/views/GraphView";
-import { TreeView } from "src/features/editor/views/TreeView";
+import { ViewMode } from "../../enums/viewMode.enum";
+import { GraphView } from "./views/GraphView";
+import { TreeView } from "./views/TreeView";
 
 const StyledLiveEditor = styled.div`
   position: relative;

src/features/editor/TextEditor.tsx

@@ -2,8 +2,8 @@ import React, { useCallback } from "react";
 import { LoadingOverlay } from "@mantine/core";
 import styled from "styled-components";
 import Editor, { type EditorProps, loader, type OnMount, useMonaco } from "@monaco-editor/react";
-import useConfig from "src/store/useConfig";
-import useFile from "src/store/useFile";
+import useConfig from "../../store/useConfig";
+import useFile from "../../store/useFile";
 
 loader.config({
   paths: {

src/features/editor/Toolbar/FileMenu.tsx

@@ -2,8 +2,8 @@ import React from "react";
 import { Flex, Menu } from "@mantine/core";
 import { event as gaEvent } from "nextjs-google-analytics";
 import { CgChevronDown } from "react-icons/cg";
-import useFile from "src/store/useFile";
-import useModal from "src/store/useModal";
+import useFile from "../../../store/useFile";
+import useModal from "../../../store/useModal";
 import { StyledToolElement } from "./styles";
 
 export const FileMenu = () => {

src/features/editor/Toolbar/Logo.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { JSONCrackLogo } from "src/layout/JsonCrackLogo";
+import { JSONCrackLogo } from "../../../layout/JsonCrackLogo";
 import { StyledToolElement } from "./styles";
 
 export const Logo = () => {

src/features/editor/Toolbar/OptionsMenu.tsx

@@ -3,7 +3,7 @@ import { Menu, Text, Flex } from "@mantine/core";
 import { event as gaEvent } from "nextjs-google-analytics";
 import { BsCheck2 } from "react-icons/bs";
 import { MdSettings } from "react-icons/md";
-import useConfig from "src/store/useConfig";
+import useConfig from "../../../store/useConfig";
 import { StyledToolElement } from "./styles";
 
 export const OptionsMenu = () => {

src/features/editor/Toolbar/SearchInput.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { Flex, Text, TextInput } from "@mantine/core";
 import { getHotkeyHandler } from "@mantine/hooks";
 import { AiOutlineSearch } from "react-icons/ai";
-import { useFocusNode } from "src/hooks/useFocusNode";
+import { useFocusNode } from "../../../hooks/useFocusNode";
 
 export const SearchInput = () => {
   const [searchValue, setValue, skip, nodeCount, currentNode] = useFocusNode();

src/features/editor/Toolbar/ToolsMenu.tsx

@@ -8,10 +8,10 @@ import { FaRandom } from "react-icons/fa";
 import { MdFilterListAlt } from "react-icons/md";
 import { SiJsonwebtokens } from "react-icons/si";
 import { VscSearchFuzzy, VscJson, VscGroupByRefType } from "react-icons/vsc";
-import { jsonToContent } from "src/lib/utils/jsonAdapter";
-import useFile from "src/store/useFile";
-import useJson from "src/store/useJson";
-import useModal from "src/store/useModal";
+import { jsonToContent } from "../../../lib/utils/jsonAdapter";
+import useFile from "../../../store/useFile";
+import useJson from "../../../store/useJson";
+import useModal from "../../../store/useModal";
 import { StyledToolElement } from "./styles";
 
 export const ToolsMenu = () => {

src/features/editor/Toolbar/ViewMenu.tsx

@@ -7,10 +7,10 @@ import toast from "react-hot-toast";
 import { CgChevronDown } from "react-icons/cg";
 import { TiFlowMerge } from "react-icons/ti";
 import { VscExpandAll, VscCollapseAll, VscTarget } from "react-icons/vsc";
-import { ViewMode } from "src/enums/viewMode.enum";
-import useGraph from "src/features/editor/views/GraphView/stores/useGraph";
-import useToggleHide from "src/hooks/useToggleHide";
-import type { LayoutDirection } from "src/types/graph";
+import { ViewMode } from "../../../enums/viewMode.enum";
+import useToggleHide from "../../../hooks/useToggleHide";
+import type { LayoutDirection } from "../../../types/graph";
+import useGraph from "../views/GraphView/stores/useGraph";
 import { StyledToolElement } from "./styles";
 
 const StyledFlowIcon = styled(TiFlowMerge)<{ rotate: number }>`