Merge pull request #22 from TheCodeRaccoons/Backwards-compatibility

Backwards compatibility

Author: JorchCortez

src/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react'; 
-import Main from './Components/Main/Main'
+import Main from './Components/Main/Main.tsx'
 import './App.css'
 import './Components/tabs-css/tabs.css'
 import { Route, Routes } from "react-router-dom";

src/Components/Main/Main.tsx

@@ -1,5 +1,5 @@
 import Stats from '../stats/stats.js'
-import Viewer from '../Viewer/Viewer'
+import Viewer from '../Viewer/Viewer.tsx'
 import Logo from '@media/logo.png';
 import fb from '@media/Social/fb.png'
 import kofi from '@media/Social/kofi.png'

src/Components/Skills/index.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import SkillContainer from './SkillContainer/SkillContainer'
+import SkillContainer from './SkillContainer/SkillContainer.tsx'
 import {Farming, Mining, Foraging, Fishing, Combat} from '@media/Skills'
 import type { experienceType } from 'types/displayDataTypes'
 import './Skills.css'

src/Components/Viewer/Viewer.tsx

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import Junimo6 from '@media/Junimo6.png';
-import useLoadSaveFile from '@hooks/useLoadSaveFile';
+import useLoadSaveFile from '@hooks/useLoadSaveFile.tsx'; 
 
 interface ViewerProps {
     UpdatePlayerData: (playerData: any) => void;

src/Utility/Parsers/parseCraftingItems.ts

@@ -1,7 +1,7 @@
 import { CraftingRec } from "@utility/JSON"
 import type { achievementType, generalFormatedItemType, itemsCraftedType } from "types/displayDataTypes"
 import type { itemsType } from "types/savefile"
-import { GetImages, ValidateKnown } from "./Utils"
+import { GetImages, ValidateKnown } from "./Utils.ts"
 import { DIY, Artisan, MasterCraft } from "@media/Achievements";
 
 let CraftingAchievements = [{

src/Utility/Parsers/parseCropItems.ts

@@ -1,7 +1,7 @@
 import { CraftingRec, ShipCrops } from "@utility/JSON"
 import type { achievementType, cropsShippedType, generalFormatedItemType, itemsCraftedType, maxMonoType } from "types/displayDataTypes"
 import type { itemsType } from "types/savefile"
-import { GetImages, ValidateKnown } from "./Utils"
+import { GetImages, ValidateKnown } from "./Utils.ts"
 import { Monoculture, Polyculture } from "@media/Achievements";
 
 let CropsAchievements = [{