Fix add review comment and display total votes

src/backend/pages/mainpage.py

@@ -220,7 +220,7 @@ def write_apartment_review(
     ) -> List[Review]:
         """Write a new review for apartment"""
         user_id = self.write_apartment_review.cursor.execute(
-            "SELECT user_id FROM Users WHERE username = ?", (username,)
+            "SELECT user_id FROM Users WHERE username = ? OR email = ?", (username, username)
         ).fetchone()[0]
         today = date.today().strftime("%Y-%m-%d")
         self.write_apartment_review.cursor.execute(

src/frontend/src/components/SingleCard.tsx

@@ -14,7 +14,7 @@ interface SingleCardProps {
    address: string;
    price_min: number;
    price_max: number;
-   votes: number;
+   rating: number;
    onSelect: (apt: AptType) => void;
 }
 
@@ -24,15 +24,15 @@ const SingleCard = ({
    address,
    price_min,
    price_max,
-   votes,
+   rating,
    onSelect,
 }: SingleCardProps) => (
    <React.Fragment>
       <Card>
          {/* A clickable card with info about an apartment */}
          <CardActionArea
             onClick={() =>
-               onSelect({ id, name, address, price_min, price_max, votes })
+               onSelect({ id, name, address, price_min, price_max, rating })
             }
          >
             <CardContent style={{ height: '175px' }}>

src/frontend/src/components/Types.tsx

@@ -16,7 +16,7 @@ export type AptType = {
    address: string;
    price_min: number;
    price_max: number;
-   votes: number;
+   rating: number;
 };
 
 export type UserType = {

src/frontend/src/components/mainpageleft/getApts.tsx

@@ -44,7 +44,7 @@ function getApartments(priceSort: string, ratingSort: string, id: number) {
                         address: res.data[i].address,
                         price_min: res.data[i].price_min,
                         price_max: res.data[i].price_max,
-                        votes: res.data[i].votes,
+                        rating: res.data[i].rating,
                      });
                   }
                }

src/frontend/src/components/mainpageright/AddReview.tsx

@@ -15,17 +15,18 @@ import {
 interface Props {
    apt: AptType | undefined;
    setReviews: Dispatch<SetStateAction<ReviewType[]>>;
+   username: string;
 }
 
 const baseURL = 'http://127.0.0.1:5000/main';
-export default function AddReview({ apt, setReviews }: Props) {
+export default function AddReview({ apt, setReviews, username }: Props) {
    const [text, setText] = useState<string>('');
    const [vote, setVote] = useState<number>(0);
    const addReviewHandler = async (text: string, vote: number) => {
       // post review on submit
       const result = await axios.post(`${baseURL}`, {
          apt_id: apt?.id,
-         username: 'Zongxian',
+         username: username,
          comment: text,
          vote: vote,
       });

src/frontend/src/components/mainpageright/AptInfo.tsx

@@ -23,9 +23,7 @@ export function AptInfo({ apt }: IAptInfoProps) {
                   </Typography>
                </Box>
                <Box display="flex" justifyContent="center">
-                  <Typography variant="h6">
-                     Rating: ${apt?.votes || 0}
-                  </Typography>
+                  <Typography variant="h6">Rating: {apt?.rating}</Typography>
                </Box>
             </Stack>
          </Paper>

src/frontend/src/components/user/getReviewedApts.tsx

@@ -41,7 +41,7 @@ export default function getReviewedApts(id: number) {
                            address: res.data[i].address,
                            price_min: res.data[i].price_min,
                            price_max: res.data[i].price_max,
-                           votes: res.data[i].votes,
+                           rating: res.data[i].rating,
                         });
                      }
                   }

src/frontend/src/pages/MainPage.tsx

@@ -23,6 +23,7 @@ function MainPage() {
    const { apartments } = getApartments('0', '0', -1);
    const [to, setTo] = useState<AptType>(apartments[0]);
    const [logged, setLogged] = useState(false);
+   const [username, setUsername] = useState('');
    function checkLoggedIn() {
       axios({
          url: 'http://127.0.0.1:5000/api/whoami',
@@ -31,6 +32,7 @@ function MainPage() {
          .then((response) => {
             console.log(response);
             setLogged(true);
+            setUsername(response.data);
          })
          .catch((error) => {
             if (error.response) {
@@ -131,7 +133,11 @@ function MainPage() {
                   <Populate onSelect={(apt) => setTo(apt)} />
                </Grid>
                <Grid item xs style={{ maxHeight: '100%', overflow: 'auto' }}>
-                  <RightSection apt={to || apartments[0]} logged={logged} />
+                  <RightSection
+                     apt={to || apartments[0]}
+                     logged={logged}
+                     username={username}
+                  />
                </Grid>
             </Grid>
          </Stack>

src/frontend/src/sections/MainPageRightSection.tsx

@@ -11,8 +11,9 @@ const baseURL = 'http://127.0.0.1:5000/main';
 interface apt {
    apt: AptType | undefined; // in case of null
    logged: boolean;
+   username: string;
 }
-function RightSection({ apt, logged }: apt) {
+function RightSection({ apt, logged, username }: apt) {
    const [reviews, setReviews] = useState<ReviewType[]>([]);
    const [pics, setPics] = useState<string[]>([
       'https://www.salonlfc.com/wp-content/uploads/2018/01/image-not-found-scaled.png',
@@ -63,7 +64,13 @@ function RightSection({ apt, logged }: apt) {
                   sx={{ borderBottomWidth: 3, bgcolor: 'secondary.dark' }}
                />
             )}
-            {logged === true && <AddReview apt={apt} setReviews={setReviews} />}
+            {logged === true && (
+               <AddReview
+                  apt={apt}
+                  setReviews={setReviews}
+                  username={username}
+               />
+            )}
             <Divider sx={{ borderBottomWidth: 3, bgcolor: 'secondary.dark' }} />
             <ReviewsList reviews={reviews} />
          </Stack>