feat: display version chip on ReviewCard

2 files changed, 9 insertions, 5 deletions

diff --git a/src/containers/Home/Home.tsx b/src/containers/Home/Home.tsx
index 71b902b..4fd2833 100644
--- a/src/containers/Home/Home.tsx
+++ b/src/containers/Home/Home.tsx
@@ -38,8 +38,9 @@ const useStyles = makeStyles(theme => ({
     marginLeft: theme.spacing(2)
   },
   reviews: {
+    margin: 'auto',
     [theme.breakpoints.up('md')]: {
-      padding: theme.spacing(0, 10)
+      width: '70%'
     }
   }
 }));
@@ -75,7 +76,7 @@ const Home: React.FC = () => {
   );
 
   const FeedbackSection = feedbacks && feedbacks.findIndex(
-    (feedback: Feedback) => feedback.author._id === user?._id
+    (feedback: Feedback) => (feedback.author._id === user?._id && feedback.version === release?.version)
   ) >= 0 ? (
     <p>
       You have already left feedback for this version.
@@ -88,7 +89,7 @@ const Home: React.FC = () => {
           Here you can share your thougts about Which with us!
           Note that you can ony leave feedback once per application version (there will be plenty of them later).
         </p>
-        {isAuthenticated ? <ReviewForm /> : (
+        {isAuthenticated ? <ReviewForm version={release?.version || 'N/A'} /> : (
           <>
             <p> You must be authorized to leave feedback.</p>
             <Button
diff --git a/src/containers/Home/ReviewForm.tsx b/src/containers/Home/ReviewForm.tsx
index b626ce2..32f3b19 100644
--- a/src/containers/Home/ReviewForm.tsx
+++ b/src/containers/Home/ReviewForm.tsx
@@ -7,7 +7,10 @@ import { useSnackbar } from 'notistack';
 
 import { post } from '../../requests';
 
-const version = 'v1.0.0';
+
+interface PropTypes {
+  version: string;
+}
 
 const useStyles = makeStyles(theme => ({
   root: {
@@ -19,7 +22,7 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 
-const ReviewForm: React.FC = () => {
+const ReviewForm: React.FC<PropTypes> = ({ version }) => {
   const [contents, setContents] = useState<string>('');
   const [score, setScore] = useState<number>(0);
   const classes = useStyles();