convert to vite

This commit is contained in:
karimalden 2024-07-31 11:48:29 +03:00
parent fe9107dfb0
commit c6ee1f6078
9 changed files with 44 additions and 10 deletions

19
index.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<title>Dashboard - Structure</title>
</head>
<script type="module" src="/src/index.tsx"></script>
<body>
<div id="root"></div>
</body>
</html>

View File

@ -3,6 +3,7 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@ant-design/icons": "^5.4.0",
"@emotion/styled": "^11.11.0", "@emotion/styled": "^11.11.0",
"@mui/icons-material": "^5.14.19", "@mui/icons-material": "^5.14.19",
"@react-google-maps/api": "^2.19.2", "@react-google-maps/api": "^2.19.2",
@ -65,9 +66,9 @@
"zustand": "^4.4.5" "zustand": "^4.4.5"
}, },
"scripts": { "scripts": {
"start": "react-scripts start", "start": "vite",
"build": "react-scripts build", "build": "vite build",
"test": "react-scripts test", "serve": "vite preview",
"eject": "react-scripts eject", "eject": "react-scripts eject",
"g:api": "node src/Extensions/FileGenerator/generateApi.js", "g:api": "node src/Extensions/FileGenerator/generateApi.js",
"g:column": "node src/Extensions/FileGenerator/generateColumn.js", "g:column": "node src/Extensions/FileGenerator/generateColumn.js",
@ -95,6 +96,8 @@
] ]
}, },
"devDependencies": { "devDependencies": {
"@types/react-toggle": "^4.0.5" "@types/react-toggle": "^4.0.5",
"@vitejs/plugin-react": "^4.3.1",
"vite": "^5.3.5"
} }
} }

View File

@ -10,6 +10,8 @@
<title>Dashboard - Structure</title> <title>Dashboard - Structure</title>
</head> </head>
<script type="module" src="/src/index.tsx"></script>
<body> <body>
<div id="root"></div> <div id="root"></div>

BIN
src.zip

Binary file not shown.

View File

@ -8,7 +8,6 @@ import {
} from '@ant-design/icons'; } from '@ant-design/icons';
import React from 'react'; import React from 'react';
import { Image, Space } from 'antd'; import { Image, Space } from 'antd';
import { BaseURL, BaseURL_IMAGE } from '../../api/config';
const ColumnsImage= ({src}:any) => { const ColumnsImage= ({src}:any) => {

View File

@ -1,7 +1,7 @@
import { Button, Upload, UploadFile } from "antd"; import { Button, Upload, UploadFile } from "antd";
import useFormField from "../../../Hooks/useFormField"; import useFormField from "../../../Hooks/useFormField";
import { UploadOutlined } from "@ant-design/icons";
import React, { useMemo } from "react"; import React, { useMemo } from "react";
import { FaUpload } from "react-icons/fa";
const File = ({ const File = ({
name, name,
@ -66,7 +66,7 @@ const File = ({
> >
<Button <Button
className={isError ? "isError w-100 " : " w-100"} className={isError ? "isError w-100 " : " w-100"}
icon={<UploadOutlined />} icon={<FaUpload />}
> >
{placeholder {placeholder
? t(`input.${placeholder}`) ? t(`input.${placeholder}`)

View File

@ -1,7 +1,7 @@
import React, { useMemo } from "react"; import React, { useMemo } from "react";
import { Button, Upload } from "antd"; import { Button, Upload } from "antd";
import { UploadOutlined } from "@ant-design/icons";
import useFormField from "../../../Hooks/useFormField"; import useFormField from "../../../Hooks/useFormField";
import { FaUpload } from "react-icons/fa";
const MaltyFile = ({ const MaltyFile = ({
name, name,
@ -73,7 +73,7 @@ const MaltyFile = ({
> >
<Button <Button
className={isError ? "isError w-100" : "w-100"} className={isError ? "isError w-100" : "w-100"}
icon={<UploadOutlined />} icon={<FaUpload />}
> >
{t(`input.` + placeholder) ?? t("input.upload_image")} {t(`input.` + placeholder) ?? t("input.upload_image")}
</Button> </Button>

View File

@ -1,5 +1,5 @@
export const BaseURL = `http://127.0.0.1:8000/`; export const BaseURL = `http://192.168.1.102:8000/`;
export const BaseURL_IMAGE = ''; export const BaseURL_IMAGE = '';

11
vite.config.js Normal file
View File

@ -0,0 +1,11 @@
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
export default defineConfig(() => {
return {
build: {
outDir: 'build',
},
plugins: [react()],
};
});