refactor mylistings and my rentals

frontend/src/App.tsx

@@ -15,8 +15,8 @@ import ItemDetail from './pages/ItemDetail';
 import EditItem from './pages/EditItem';
 import RentItem from './pages/RentItem';
 import CreateItem from './pages/CreateItem';
-import MyRentals from './pages/MyRentals';
-import MyListings from './pages/MyListings';
+import Renting from './pages/Renting';
+import Owning from './pages/Owning';
 import Profile from './pages/Profile';
 import PublicProfile from './pages/PublicProfile';
 import Messages from './pages/Messages';
@@ -117,18 +117,18 @@ const AppContent: React.FC = () => {
             }
           />
           <Route
-            path="/my-rentals"
+            path="/renting"
             element={
               <PrivateRoute>
-                <MyRentals />
+                <Renting />
               </PrivateRoute>
             }
           />
           <Route
-            path="/my-listings"
+            path="/owning"
             element={
               <PrivateRoute>
-                <MyListings />
+                <Owning />
               </PrivateRoute>
             }
           />

frontend/src/components/Navbar.tsx

@@ -194,13 +194,13 @@ const Navbar: React.FC = () => {
                             </Link>
                           </li>
                           <li>
-                            <Link className="dropdown-item" to="/my-rentals">
+                            <Link className="dropdown-item" to="/renting">
                               <i className="bi bi-calendar-check me-2"></i>
                               Renting
                             </Link>
                           </li>
                           <li>
-                            <Link className="dropdown-item" to="/my-listings">
+                            <Link className="dropdown-item" to="/owning">
                               <i className="bi bi-list-ul me-2"></i>Owning
                               {pendingRequestsCount > 0 && (
                                 <span className="badge bg-danger rounded-pill ms-2">

frontend/src/pages/EarningsDashboard.tsx

@@ -36,7 +36,7 @@ const EarningsDashboard: React.FC = () => {
   const fetchEarningsData = async () => {
     try {
       // Get completed rentals where user is the owner
-      const response = await rentalAPI.getMyListings();
+      const response = await rentalAPI.getListings();
       const rentals = response.data || [];
 
       // Filter for completed rentals with earnings data

frontend/src/pages/EditItem.tsx

@@ -173,7 +173,7 @@ const EditItem: React.FC = () => {
 
   const fetchAcceptedRentals = async () => {
     try {
-      const response = await rentalAPI.getMyListings();
+      const response = await rentalAPI.getListings();
       const rentals: Rental[] = response.data;
       // Filter for accepted rentals for this specific item
       const itemRentals = rentals.filter(

frontend/src/pages/ItemDetail.tsx

@@ -48,7 +48,7 @@ const ItemDetail: React.FC = () => {
 
   const checkIfAlreadyRenting = async () => {
     try {
-      const response = await rentalAPI.getMyRentals();
+      const response = await rentalAPI.getRentals();
       const rentals: Rental[] = response.data;
       // Check if user has an active rental for this item
       const hasActiveRental = rentals.some(

frontend/src/pages/Owning.tsx

@@ -10,7 +10,7 @@ import DeclineRentalModal from "../components/DeclineRentalModal";
 import ConditionCheckModal from "../components/ConditionCheckModal";
 import ReturnStatusModal from "../components/ReturnStatusModal";
 
-const MyListings: React.FC = () => {
+const Owning: React.FC = () => {
   // Helper function to format time
   const formatTime = (timeString?: string) => {
     if (!timeString || timeString.trim() === "") return "";
@@ -66,12 +66,12 @@ const MyListings: React.FC = () => {
   const [rentalForReturn, setRentalForReturn] = useState<Rental | null>(null);
 
   useEffect(() => {
-    fetchMyListings();
+    fetchListings();
     fetchOwnerRentals();
     fetchAvailableChecks();
   }, [user]);
 
-  const fetchMyListings = async () => {
+  const fetchListings = async () => {
     if (!user) return;
 
     try {
@@ -124,7 +124,7 @@ const MyListings: React.FC = () => {
 
   const fetchOwnerRentals = async () => {
     try {
-      const response = await rentalAPI.getMyListings();
+      const response = await rentalAPI.getListings();
       setOwnerRentals(response.data);
     } catch (err: any) {
       console.error("Failed to fetch owner rentals:", err);
@@ -698,4 +698,4 @@ const MyListings: React.FC = () => {
   );
 };
 
-export default MyListings;
+export default Owning;

frontend/src/pages/Profile.tsx

@@ -155,7 +155,7 @@ const Profile: React.FC = () => {
       );
 
       // Fetch rentals where user is the owner (rentals on user's items)
-      const ownerRentalsResponse = await rentalAPI.getMyListings();
+      const ownerRentalsResponse = await rentalAPI.getListings();
       const ownerRentals: Rental[] = ownerRentalsResponse.data;
 
       const acceptedRentals = ownerRentals.filter((r) =>
@@ -194,14 +194,14 @@ const Profile: React.FC = () => {
   const fetchRentalHistory = async () => {
     try {
       // Fetch past rentals as a renter
-      const renterResponse = await rentalAPI.getMyRentals();
+      const renterResponse = await rentalAPI.getRentals();
       const pastRenterRentals = renterResponse.data.filter((r: Rental) =>
         ["completed", "cancelled"].includes(r.status)
       );
       setPastRenterRentals(pastRenterRentals);
 
       // Fetch past rentals as an owner
-      const ownerResponse = await rentalAPI.getMyListings();
+      const ownerResponse = await rentalAPI.getListings();
       const pastOwnerRentals = ownerResponse.data.filter((r: Rental) =>
         ["completed", "cancelled"].includes(r.status)
       );

frontend/src/pages/RentItem.tsx

@@ -223,7 +223,7 @@ const RentItem: React.FC = () => {
                       <div className="d-grid gap-2 d-md-block">
                         <button
                           className="btn btn-primary me-2"
-                          onClick={() => navigate("/my-rentals")}
+                          onClick={() => navigate("/renting")}
                         >
                           View My Rentals
                         </button>

frontend/src/pages/Renting.tsx

@@ -7,7 +7,7 @@ import ReviewItemModal from "../components/ReviewModal";
 import RentalCancellationModal from "../components/RentalCancellationModal";
 import ConditionCheckModal from "../components/ConditionCheckModal";
 
-const MyRentals: React.FC = () => {
+const Renting: React.FC = () => {
   // Helper function to format time
   const formatTime = (timeString?: string) => {
     if (!timeString || timeString.trim() === "") return "";
@@ -66,7 +66,7 @@ const MyRentals: React.FC = () => {
 
   const fetchRentals = async () => {
     try {
-      const response = await rentalAPI.getMyRentals();
+      const response = await rentalAPI.getRentals();
       setRentals(response.data);
     } catch (err: any) {
       setError(err.response?.data?.message || "Failed to fetch rentals");
@@ -470,4 +470,4 @@ const MyRentals: React.FC = () => {
   );
 };
 
-export default MyRentals;
+export default Renting;

frontend/src/services/api.ts

@@ -203,8 +203,8 @@ export const itemAPI = {
 
 export const rentalAPI = {
   createRental: (data: any) => api.post("/rentals", data),
-  getMyRentals: () => api.get("/rentals/my-rentals"),
-  getMyListings: () => api.get("/rentals/my-listings"),
+  getRentals: () => api.get("/rentals/renting"),
+  getListings: () => api.get("/rentals/owning"),
   getPendingRequestsCount: () => api.get("/rentals/pending-requests-count"),
   updateRentalStatus: (id: string, status: string) =>
     api.put(`/rentals/${id}/status`, { status }),