Skip to content
Snippets Groups Projects
Commit 28ce8e89 authored by Rithish .U's avatar Rithish .U
Browse files

Check Status Pushing in git

parents
No related branches found
No related tags found
No related merge requests found
Pipeline #6900 failed
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
## Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript and enable type-aware lint rules. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
import js from '@eslint/js'
import globals from 'globals'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
export default [
{ ignores: ['dist'] },
{
files: ['**/*.{js,jsx}'],
languageOptions: {
ecmaVersion: 2020,
globals: globals.browser,
parserOptions: {
ecmaVersion: 'latest',
ecmaFeatures: { jsx: true },
sourceType: 'module',
},
},
plugins: {
'react-hooks': reactHooks,
'react-refresh': reactRefresh,
},
rules: {
...js.configs.recommended.rules,
...reactHooks.configs.recommended.rules,
'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
],
},
},
]
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
This diff is collapsed.
{
"name": "my-app",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"lint": "eslint .",
"preview": "vite preview"
},
"dependencies": {
"my-app": "file:",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-router-dom": "^7.3.0"
},
"devDependencies": {
"@eslint/js": "^9.21.0",
"@types/react": "^19.0.10",
"@types/react-dom": "^19.0.4",
"@vitejs/plugin-react": "^4.3.4",
"autoprefixer": "^10.4.21",
"eslint": "^9.21.0",
"eslint-plugin-react-hooks": "^5.1.0",
"eslint-plugin-react-refresh": "^0.4.19",
"globals": "^15.15.0",
"postcss": "^8.5.3",
"tailwindcss": "^3.4.17",
"vite": "^6.2.0"
}
}
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
import React from "react";
import { useNavigate } from "react-router-dom";
const AgentAssigned = () => {
const navigate = useNavigate();
return (
<div className="flex items-center justify-center min-h-screen bg-blue-100">
<div className="absolute top-[66px] left-[139px]">
<h1 className="font-montserrat font-bold text-[48.31px] leading-[100%]">
OMPOI - Seller
</h1>
</div>
<div className="absolute top-[194px] left-[134px] bg-white p-8 rounded-[32.6px] shadow-lg w-[1460.608px] h-[729px] flex">
{/* Left Side - Illustration */}
<div className="w-1/2 flex items-center justify-center p-5">
<img src="/page4.svg" alt="Illustration" className="w-full h-auto" />
</div>
{/* Right Side - Status Section */}
<div className="w-1/2 p-10 flex flex-col justify-center">
<h2 className="absolute top-[89px] left-[794px] font-montserrat font-semibold text-[33.91px] leading-[100%]">
Status
</h2>
<div className="absolute top-[149px] left-[788px] bg-yellow-100 p-5 rounded-[12px] border border-yellow-300 w-[610px] h-[311px]" style={{ boxShadow: "6px 6px 0px 0px #000000" }}>
<p className="text-gray-800 font-semibold">Company Name</p>
<p className="text-black font-bold mb-2">ABCD PVT LTD</p>
<p className="text-gray-800 font-semibold">Company Address</p>
<p className="text-black mb-2">
Shop No: 45 ABC Street <br /> Mylapore <br /> Chennai - 600004
</p>
<p className="text-gray-800 font-semibold">Agent Details</p>
<p className="text-gray-700">Agent Name</p>
<p className="text-black font-bold">Gopal M</p>
<p className="text-gray-700">Agent Number</p>
<p className="text-black font-bold">+91-12345 69870</p>
{/* Status Badge */}
<button
className="absolute top-[23px] left-[354px] text-black rounded-full text-sm font-semibold cursor-pointer w-[243px] h-[45px] flex items-center justify-center"
style={{ border: "2px solid #FFD255", backgroundColor: "transparent" }}
onClick={() => navigate("/agent-verified")}
>
<span style={{
fontFamily: 'Montserrat',
fontWeight: 500,
fontSize: '20.91px',
lineHeight: '100%',
letterSpacing: '0px',
width: '169px',
height: '25px',
display: 'flex',
alignItems: 'center',
justifyContent: 'center'
}}>
Agent Assigned
</span>
</button>
</div>
</div>
</div>
</div>
);
};
export default AgentAssigned;
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment