Jackie/rentall-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated links

Browse Source
This commit is contained in:
jackiettran
2025-11-07 13:34:24 -05:00
parent 066ad4a3fe
commit e20e33a0f6
4 changed files with 38 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/ItemReviews.tsx
View File

@@ -1,4 +1,5 @@
import React, { useState, useEffect } from "react";
import { useNavigate } from "react-router-dom";
import { Rental } from "../types";
import { itemAPI } from "../services/api";
@@ -7,6 +8,7 @@ interface ItemReviewsProps {
}
const ItemReviews: React.FC<ItemReviewsProps> = ({ itemId }) => {
const navigate = useNavigate();
const [reviews, setReviews] = useState<Rental[]>([]);
const [loading, setLoading] = useState(true);
const [averageRating, setAverageRating] = useState(0);
@@ -78,7 +80,11 @@ const ItemReviews: React.FC<ItemReviewsProps> = ({ itemId }) => {
<div key={rental.id} className="mb-3 pb-3 border-bottom">
<div className="d-flex justify-content-between align-items-start mb-2">
<div>
<div className="d-flex align-items-center gap-2">
<div
className="d-flex align-items-center gap-2"
onClick={() => rental.renter && navigate(`/users/${rental.renterId}`)}
style={{ cursor: "pointer" }}
>
{rental.renter?.profileImage ? (
<img
src={rental.renter.profileImage}
@@ -102,7 +108,7 @@ const ItemReviews: React.FC<ItemReviewsProps> = ({ itemId }) => {
</div>
)}
<div>
<strong>
<strong style={{ color: "#0d6efd" }}>
{rental.renter?.firstName} {rental.renter?.lastName}
</strong>
<div className="small">

9
frontend/src/pages/Owning.tsx
View File

@@ -321,8 +321,13 @@ const Owning: React.FC = () => {
{rental.renter && (
<p className="mb-1 text-dark small">
<strong>Renter:</strong> {rental.renter.firstName}{" "}
{rental.renter.lastName}
<strong>Renter:</strong>{" "}
<span
onClick={() => navigate(`/users/${rental.renterId}`)}
style={{ cursor: "pointer" }}
>
{rental.renter.firstName} {rental.renter.lastName}
</span>
</p>
)}

18
frontend/src/pages/Profile.tsx
View File

@@ -1,4 +1,5 @@
import React, { useState, useEffect, useCallback } from "react";
import { useNavigate } from "react-router-dom";
import { useAuth } from "../contexts/AuthContext";
import { userAPI, itemAPI, rentalAPI, addressAPI } from "../services/api";
import { User, Item, Rental, Address } from "../types";
@@ -14,6 +15,7 @@ import {
const Profile: React.FC = () => {
const { user, updateUser, logout } = useAuth();
const navigate = useNavigate();
const [loading, setLoading] = useState(true);
const [editing, setEditing] = useState(false);
const [error, setError] = useState<string | null>(null);
@@ -970,8 +972,12 @@ const Profile: React.FC = () => {
{rental.owner && (
<p className="mb-1 small">
<strong>Owner:</strong>{" "}
{rental.owner.firstName}{" "}
{rental.owner.lastName}
<span
onClick={() => navigate(`/users/${rental.ownerId}`)}
style={{ cursor: "pointer" }}
>
{rental.owner.firstName} {rental.owner.lastName}
</span>
</p>
)}
@@ -1071,8 +1077,12 @@ const Profile: React.FC = () => {
{rental.renter && (
<p className="mb-1 small">
<strong>Renter:</strong>{" "}
{rental.renter.firstName}{" "}
{rental.renter.lastName}
<span
onClick={() => navigate(`/users/${rental.renterId}`)}
style={{ cursor: "pointer" }}
>
{rental.renter.firstName} {rental.renter.lastName}
</span>
</p>
)}

12
frontend/src/pages/Renting.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, useEffect } from "react";
import { Link } from "react-router-dom";
import { Link, useNavigate } from "react-router-dom";
import { useAuth } from "../contexts/AuthContext";
import { rentalAPI, conditionCheckAPI } from "../services/api";
import { Rental } from "../types";
@@ -38,6 +38,7 @@ const Renting: React.FC = () => {
};
const { user } = useAuth();
const navigate = useNavigate();
const [rentals, setRentals] = useState<Rental[]>([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
@@ -282,8 +283,13 @@ const Renting: React.FC = () => {
{rental.owner && (
<p className="mb-1 text-dark">
<strong>Owner:</strong> {rental.owner.firstName}{" "}
{rental.owner.lastName}
<strong>Owner:</strong>{" "}
<span
onClick={() => navigate(`/users/${rental.ownerId}`)}
style={{ cursor: "pointer" }}
>
{rental.owner.firstName} {rental.owner.lastName}
</span>
</p>
)}