From 314d04de64a707676c164791b747d29a59ce0d6e Mon Sep 17 00:00:00 2001
From: Rithish <rithishudayakumar@gmail.com>
Date: Mon, 17 Mar 2025 11:14:03 +0530
Subject: [PATCH] changed file structures
---
src/App.jsx | 12 ++++++------
.../Frame 201.svg => src/assets/images/Frame201.svg | 0
{public => src/assets/images}/page2.svg | 0
{public => src/assets/images}/page3.svg | 0
{public => src/assets/images}/page4.svg | 0
{public => src/assets/images}/page5.svg | 0
{public => src/assets/images}/page6.svg | 0
src/{ => components}/AgentAssigned.jsx | 4 ++--
src/{ => components}/AgentPayment.jsx | 4 ++--
src/{ => components}/AgentStatus.jsx | 3 ++-
src/{ => components}/AgentVerified.jsx | 3 ++-
src/{ => components}/LoginPage.jsx | 6 ++++--
src/{ => components}/StatusPage.jsx | 3 ++-
13 files changed, 20 insertions(+), 15 deletions(-)
rename public/Frame 201.svg => src/assets/images/Frame201.svg (100%)
rename {public => src/assets/images}/page2.svg (100%)
rename {public => src/assets/images}/page3.svg (100%)
rename {public => src/assets/images}/page4.svg (100%)
rename {public => src/assets/images}/page5.svg (100%)
rename {public => src/assets/images}/page6.svg (100%)
rename src/{ => components}/AgentAssigned.jsx (98%)
rename src/{ => components}/AgentPayment.jsx (98%)
rename src/{ => components}/AgentStatus.jsx (98%)
rename src/{ => components}/AgentVerified.jsx (98%)
rename src/{ => components}/LoginPage.jsx (97%)
rename src/{ => components}/StatusPage.jsx (97%)
diff --git a/src/App.jsx b/src/App.jsx
index ca4d8ca..0ce047c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,10 +1,10 @@
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
-import LoginPage from "./LoginPage";
-import StatusPage from "./StatusPage";
-import AgentStatus from "./AgentStatus";
-import AgentAssigned from "./AgentAssigned";
-import AgentVerified from "./AgentVerified";
-import AgentPayment from "./AgentPayment";
+import LoginPage from "./components/LoginPage";
+import StatusPage from "./components/StatusPage";
+import AgentStatus from "./components/AgentStatus";
+import AgentAssigned from "./components/AgentAssigned";
+import AgentVerified from "./components/AgentVerified";
+import AgentPayment from "./components/AgentPayment";
function App() {
return (
diff --git a/public/Frame 201.svg b/src/assets/images/Frame201.svg
similarity index 100%
rename from public/Frame 201.svg
rename to src/assets/images/Frame201.svg
diff --git a/public/page2.svg b/src/assets/images/page2.svg
similarity index 100%
rename from public/page2.svg
rename to src/assets/images/page2.svg
diff --git a/public/page3.svg b/src/assets/images/page3.svg
similarity index 100%
rename from public/page3.svg
rename to src/assets/images/page3.svg
diff --git a/public/page4.svg b/src/assets/images/page4.svg
similarity index 100%
rename from public/page4.svg
rename to src/assets/images/page4.svg
diff --git a/public/page5.svg b/src/assets/images/page5.svg
similarity index 100%
rename from public/page5.svg
rename to src/assets/images/page5.svg
diff --git a/public/page6.svg b/src/assets/images/page6.svg
similarity index 100%
rename from public/page6.svg
rename to src/assets/images/page6.svg
diff --git a/src/AgentAssigned.jsx b/src/components/AgentAssigned.jsx
similarity index 98%
rename from src/AgentAssigned.jsx
rename to src/components/AgentAssigned.jsx
index b5284a3..3f264cf 100644
--- a/src/AgentAssigned.jsx
+++ b/src/components/AgentAssigned.jsx
@@ -1,6 +1,6 @@
import React from "react";
import { useNavigate } from "react-router-dom";
-
+import FrameImage from "../assets/images/page4.svg";
const AgentAssigned = () => {
const navigate = useNavigate();
@@ -16,7 +16,7 @@ const AgentAssigned = () => {
{/* 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" />
+ <img src={FrameImage} alt="Illustration" className="w-full h-auto" />
</div>
{/* Divider */}
diff --git a/src/AgentPayment.jsx b/src/components/AgentPayment.jsx
similarity index 98%
rename from src/AgentPayment.jsx
rename to src/components/AgentPayment.jsx
index 5d0cfef..fcdfd1d 100644
--- a/src/AgentPayment.jsx
+++ b/src/components/AgentPayment.jsx
@@ -1,5 +1,5 @@
import React from "react";
-
+import FrameImage from "../assets/images/page6.svg";
const AgentPayment = () => {
return (
<div className="flex items-center justify-center min-h-screen" style={{ background: '#E9FAFF' }}>
@@ -13,7 +13,7 @@ const AgentPayment = () => {
{/* Left Side - Illustration */}
<div className="w-1/2 flex items-center justify-center p-5">
- <img src="/page6.svg" alt="Verified" className="w-full h-auto" />
+ <img src={FrameImage} alt="Illustration" className="w-full h-auto" />
</div>
{/* Divider */}
diff --git a/src/AgentStatus.jsx b/src/components/AgentStatus.jsx
similarity index 98%
rename from src/AgentStatus.jsx
rename to src/components/AgentStatus.jsx
index 58bd0e7..e5b19b3 100644
--- a/src/AgentStatus.jsx
+++ b/src/components/AgentStatus.jsx
@@ -1,5 +1,6 @@
import React from "react";
import { useNavigate } from "react-router-dom";
+import FrameImage from "../assets/images/page3.svg";
const AgentStatus = () => {
const navigate = useNavigate(); // Hook to navigate pages
@@ -15,7 +16,7 @@ const AgentStatus = () => {
<div className="absolute top-[194px] left-[134px] bg-white p-8 rounded-[32.6px] w-[1460.608px] h-[729px] flex">
{/* Left Side - Illustration */}
<div className="w-1/2 flex items-center justify-center p-5">
- <img src="/page3.svg" alt="Illustration" className="w-full h-auto" />
+ <img src={FrameImage} alt="Illustration" className="w-full h-auto" />
</div>
{/* Divider */}
diff --git a/src/AgentVerified.jsx b/src/components/AgentVerified.jsx
similarity index 98%
rename from src/AgentVerified.jsx
rename to src/components/AgentVerified.jsx
index 1943f38..b9bf57c 100644
--- a/src/AgentVerified.jsx
+++ b/src/components/AgentVerified.jsx
@@ -1,5 +1,6 @@
import React from "react";
import { useNavigate } from "react-router-dom";
+import FrameImage from "../assets/images/page5.svg";
const AgentVerified = () => {
const navigate = useNavigate();
@@ -16,7 +17,7 @@ const AgentVerified = () => {
{/* Left Side - Illustration */}
<div className="w-1/2 flex items-center justify-center p-5">
- <img src="/page5.svg" alt="Illustration" className="w-full h-auto" />
+ <img src={FrameImage} alt="Illustration" className="w-full h-auto" />
</div>
{/* Divider */}
diff --git a/src/LoginPage.jsx b/src/components/LoginPage.jsx
similarity index 97%
rename from src/LoginPage.jsx
rename to src/components/LoginPage.jsx
index efea4cd..9d87666 100644
--- a/src/LoginPage.jsx
+++ b/src/components/LoginPage.jsx
@@ -2,7 +2,9 @@ import React, { useState } from "react";
import { useNavigate } from "react-router-dom";
import MailIcon from "d:/360ExtremeBrowserDownload/Mail.svg";
import PasswordEyeIcon from "d:/360ExtremeBrowserDownload/Password eye.svg";
-import './styles.css'; // Import the CSS file
+import FrameImage from "../assets/images/Frame201.svg";
+
+import "../styles.css"; // Import the CSS file
const LoginPage = () => {
const [showPassword, setShowPassword] = useState(false);
@@ -55,7 +57,7 @@ const LoginPage = () => {
{/* Left Side - Illustration */}
<div className="w-1/2 flex items-center justify-center p-5">
- <img src="/Frame 201.svg" alt="Illustration" className="w-full h-auto" />
+ <img src={FrameImage} alt="Illustration" className="w-full h-auto" />
</div>
{/* Divider */}
diff --git a/src/StatusPage.jsx b/src/components/StatusPage.jsx
similarity index 97%
rename from src/StatusPage.jsx
rename to src/components/StatusPage.jsx
index fa00769..678e769 100644
--- a/src/StatusPage.jsx
+++ b/src/components/StatusPage.jsx
@@ -1,5 +1,6 @@
import React from "react";
import { useNavigate } from "react-router-dom";
+import FrameImage from "../assets/images/page2.svg";
const StatusPage = () => {
const navigate = useNavigate();
@@ -15,7 +16,7 @@ const StatusPage = () => {
<div className="absolute top-[194px] left-[134px] bg-white p-8 rounded-[32.6px] w-[1460.608px] h-[729px] flex">
{/* Left Side - Illustration */}
<div className="w-1/2 flex items-center justify-center p-5">
- <img src="/page2.svg" alt="Illustration" className="w-full h-auto" />
+ <img src={FrameImage} alt="Illustration" className="w-full h-auto" />
</div>
{/* Divider */}
--
GitLab