diff --git a/site/src/component/Review/Review.scss b/site/src/component/Review/Review.scss index 4e57264a1..16ff812cf 100644 --- a/site/src/component/Review/Review.scss +++ b/site/src/component/Review/Review.scss @@ -144,7 +144,11 @@ .add-report-button:hover { background-color: lightgray; } - +.gapped { + display: flex; + align-items: center; + gap: 0.25rem; +} @media only screen and (max-width: 600px) { .subreview-content { flex-direction: column; diff --git a/site/src/component/Review/SubReview.tsx b/site/src/component/Review/SubReview.tsx index 7ec0506df..0cb985f24 100644 --- a/site/src/component/Review/SubReview.tsx +++ b/site/src/component/Review/SubReview.tsx @@ -6,7 +6,7 @@ import Tooltip from 'react-bootstrap/Tooltip'; import OverlayTrigger from 'react-bootstrap/OverlayTrigger'; import { useCookies } from 'react-cookie'; import { Link } from 'react-router-dom'; - +import { PersonFill } from 'react-bootstrap-icons'; import { ReviewData, VoteRequest, CourseGQLData, ProfessorGQLData, VoteColor } from '../../types/types'; import ReportForm from '../ReportForm/ReportForm'; @@ -41,6 +41,7 @@ const SubReview: FC = ({ review, course, professor, colors, colo alert('You must be logged in to vote.'); return; } + const votes = { id: ((e.target as HTMLElement).parentNode! as Element).getAttribute('id')!, upvote: true, @@ -74,6 +75,7 @@ const SubReview: FC = ({ review, course, professor, colors, colo }; const badgeOverlay = This review was verified by an administrator.; + const authorOverlay = You are the author of this review.; const verifiedBadge = ( @@ -81,6 +83,12 @@ const SubReview: FC = ({ review, course, professor, colors, colo ); + const authorBadge = ( + + + + ); + return (
@@ -137,9 +145,10 @@ const SubReview: FC = ({ review, course, professor, colors, colo
-

- Posted by {review.userDisplay} +

+ Posted by {review.userDisplay} {review.verified && verifiedBadge} + {cookies.user?.id === review.userID && authorBadge}

{new Date(review.timestamp).toLocaleString('default', {