from jsx to tsx derniere partie

containers/react/src/components/App.tsx

@@ -4,18 +4,18 @@ import HomeLogin from "../pages/Home.js";
 
 import Home from "../pages/Home.tsx";
 
-import PlayButton from "./Game/PlayButton.js";
-import Field from "../pages/Field.js";
+import PlayButton from "./Game/PlayButton.tsx";
+import Field from "../pages/Field.tsx";
 import Login42 from "../pages/Login42.tsx";
 import Messages from "../pages/Messages.tsx";
-import QrCode from '../pages/QrCode.jsx'
+import QrCode from '../pages/QrCode.tsx'
 import { useLocation } from "react-router-dom";
 import {AnimatePresence} from "framer-motion";
 
-import SuccessToken from '../script/tokenSuccess.js'
+import SuccessToken from '../script/tokenSuccess.tsx'
 
 
-import DoubleAuth from "../pages/2fa.js";
+import DoubleAuth from "../pages/2fa.tsx";
 import Game from "../pages/Game.tsx";
 import Social from "./Social/Social.tsx";
 import Logout from "./Profile/Logout.tsx";

containers/react/src/components/Game/Rank.tsx

@@ -14,7 +14,7 @@
 import React, { useState, useEffect, useRef } from "react";
 // import {Rank} from '../../DataBase/DataRank.js'
 import DefaultPicture from '../../assets/profile.jpg'
-import api from '../../script/axiosApi';
+import api from '../../script/axiosApi.tsx';
 
 function Rank({user, index}){
 

containers/react/src/components/Game/Ranking.tsx

@@ -1,8 +1,8 @@
 // import React from "react"
 import React, { useState, useEffect, useRef } from "react";
-import Rank from './Rank.jsx'
+import Rank from './Rank.tsx'
 import defaultpic from '../../assets/profile.jpg'
-import api from '../../script/axiosApi';
+import api from '../../script/axiosApi.tsx';
 
 function Ranking(){
 

containers/react/src/components/Header.tsx

@@ -10,7 +10,7 @@ import Modal from './Sidebar/Modal.tsx';
 // import AnimatePresence from 
 import '../styles/Header.css';
 
-import api from '../script/axiosApi';
+import api from '../script/axiosApi.tsx';
 
 function Header() {
 	// const [sidebar, setSidebar] = useState(false);

containers/react/src/components/Messages/Chats.tsx

@@ -3,7 +3,7 @@ import io from 'socket.io-client';
 import '../../styles/Messages.css'
 import styled from "styled-components";
 import DefaultPic from '../../assets/profile.jpg'
-import api from '../../script/axiosApi';
+import api from '../../script/axiosApi.tsx';
 import { motion , AnimatePresence} from "framer-motion";
 import Modal from "./Modal.tsx";
 
@@ -18,9 +18,9 @@ import { GrAdd } from 'react-icons/gr';
 import { RiListSettingsLine } from 'react-icons/ri'
 
 import { Rank } from "../../DataBase/DataRank";
-import GreenAlert from "../Alert/GreenAlert";
-import RedAlert from "../Alert/RedAlert";
-import YellowAlert from "../Alert/YellowAlert";
+import GreenAlert from "../Alert/GreenAlert.tsx";
+import RedAlert from "../Alert/RedAlert.tsx";
+import YellowAlert from "../Alert/YellowAlert.tsx";
 import ModalSetting from "./ModalSetting.tsx";
 
 

containers/react/src/components/Messages/Message.tsx

@@ -11,7 +11,7 @@
 /* ************************************************************************** */
 
 import { useEffect, useState, useRef } from "react";
-import api from '../../script/axiosApi';
+import api from '../../script/axiosApi.tsx';
 import styled from "styled-components"
 import DefaultPicture from '../../assets/profile.jpg'
 // import { useRef } from "react";

containers/react/src/components/Profile/EditName.tsx

@@ -5,7 +5,7 @@ import { UserProfile } from "../../DataBase/DataUserProfile";
 import {useState} from 'react';
 import "../../styles/Profile.css"
 
-import api from '../../script/axiosApi';
+import api from '../../script/axiosApi.tsx';
 
 const dropIn = {
 	hidden: {

containers/react/src/components/Profile/Win_Loss.tsx

@@ -46,7 +46,7 @@ import '../../styles/Win_Loss.css'
   
 import React, { useState, useEffect, useRef } from "react";
 import { useParams } from 'react-router-dom';
-import api from '../../script/axiosApi';
+import api from '../../script/axiosApi.tsx';
 
 
 function WinLoss() {

containers/react/src/components/Social/Friend.tsx

@@ -11,7 +11,7 @@
 /* ************************************************************************** */
 
 import { useEffect, useState } from "react";
-import api from '../../script/axiosApi';
+import api from '../../script/axiosApi.tsx';
 import DefaultPicture from '../../assets/profile.jpg'
 import styled from "styled-components";
 

containers/react/src/components/Social/FriendRequest.tsx

@@ -1,6 +1,6 @@
 
 import { useEffect, useState } from "react";
-import api from '../../script/axiosApi';
+import api from '../../script/axiosApi.tsx';
 import DefaultPicture from '../../assets/profile.jpg'
 import styled from "styled-components";
 

containers/react/src/components/Social/Social.tsx

@@ -1,5 +1,5 @@
 import DefaultPicture from '../../assets/profile.jpg'
-import api from '../../script/axiosApi';
+import api from '../../script/axiosApi.tsx';
 import React, { useState, useEffect, useRef } from "react";
 import styled from "styled-components";
 

containers/react/src/index.js

@@ -4,7 +4,7 @@ import { BrowserRouter } from 'react-router-dom';
 
 import reportWebVitals from './reportWebVitals';
 import Header from './components/Header.tsx';
-import Head from './pages/Head';
+import Head from './pages/Head.tsx';
 import App from './components/App.tsx';
 
 import './styles/index.css';

containers/react/src/pages/2fa.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useState, useEffect } from 'react';
-import api from '../script/axiosApi';
+import api from '../script/axiosApi.tsx';
 
 // function DoubleAuth() {
 

containers/react/src/pages/Field.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 // import { useState, useRef } from 'react';
-import { drawCanvas } from './canvas.js';
+import { drawCanvas } from './canvas.tsx';
 import '../styles/field.css';
 
 function Field()

containers/react/src/pages/Game.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import PlayButton from "../components/Game/PlayButton";
-import Ranking from "../components/Game/Ranking";
+import PlayButton from "../components/Game/PlayButton.tsx";
+import Ranking from "../components/Game/Ranking.tsx";
 import '../styles/Game.css'
 
 function Game(){

containers/react/src/pages/Home.js

@@ -2,7 +2,7 @@ import '../styles/old.css';
 import '../styles/field.css';
 
 import { useLocation } from 'react-router-dom';
-import api from '../script/axiosApi';
+import api from '../script/axiosApi.tsx';
  
 function HomeLogin()
 {

containers/react/src/pages/Home.tsx

@@ -24,7 +24,7 @@ import {AiOutlineHistory} from 'react-icons/ai'
 // import { Link } from "react-router-dom";
 // import {UserProfile} from "../DataBase/DataUserProfile";
 // import axios from "axios";
-import api from '../script/axiosApi';
+import api from '../script/axiosApi.tsx';
 import { CgEditMarkup } from 'react-icons/cg'
 import { IoCloseCircleOutline } from "react-icons/io5";
 

containers/react/src/pages/QrCode.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useRef, useState } from "react";
 import "../styles/App.css";
 import QRCodeStyling from "qr-code-styling";
 import { motion } from 'framer-motion'
-import api from '../script/axiosApi';
+import api from '../script/axiosApi.tsx';
 
 
 const qrCode = new QRCodeStyling({

containers/react/src/pages/canvas.tsx

@@ -1,6 +1,6 @@
 // import io from 'socket.io-client';
 
-import api from '../script/axiosApi';
+import api from '../script/axiosApi.tsx';
 
 // import { useEffect } from 'react';
 import io from 'socket.io-client';