add all

leonalkalai · Mar 15, 2024 · 0d5a641 · 0d5a641
1 parent efcc6e4
commit 0d5a641
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/src/components/TwitterClone/DateComponent.jsx b/src/components/TwitterClone/DateComponent.jsx
@@ -19,16 +19,16 @@ It's telling the method to format the day as a two-digit number and the month as
 import PropTypes from 'prop-types';
 
 DateComponent.propTypes = { 
-    publishDate:PropTypes.instanceOf(Date)
+    publishDate:PropTypes.string.isRequired,
 }
 
 export default function DateComponent(props){
-        const options = { day: '2-digit', month: 'long' };
-        // Parse the date string to a Date object
-        const parsedDate = new Date(props.date);
-
-        const formattedDate = parsedDate.toLocaleDateString('en-US', { day: '2-digit', month: 'long' });
-
+
+      const options = { day: '2-digit', month: 'long' ,year: 'numeric'};
+      // Parse the date string to a Date object
+       const parsedDate = new Date(props.publishDate);
+
+        const formattedDate = parsedDate.toLocaleDateString('en-US', options);
         return (
             <>
             {formattedDate}

diff --git a/src/components/TwitterClone/FollowerComponent.jsx b/src/components/TwitterClone/FollowerComponent.jsx
@@ -5,9 +5,9 @@ FollowerComponent.propTypes = {
     name:PropTypes.string.isRequired,
     profileImage:PropTypes.string.isRequired,
     userName:PropTypes.string.isRequired,
+    publishDate:PropTypes.string.isRequired,
 }
 
-
 export default function FollowerComponent(props){
   return(
       <div className="flex flex-shrink-0 p-4 pb-0">

diff --git a/src/components/TwitterClone/Tweet.jsx b/src/components/TwitterClone/Tweet.jsx
@@ -7,7 +7,6 @@ Tweet.propTypes = {
     name:PropTypes.string.isRequired,
     profileImage:PropTypes.string.isRequired,
     userName:PropTypes.string.isRequired,
-    publishDate:PropTypes.string.isRequired,
     uploadedImage:PropTypes.string.isRequired,
     text:PropTypes.array.isRequired
 }
@@ -16,7 +15,7 @@ Tweet.propTypes = {
   export default function Tweet(props){
     return(
     <>
-       <FollowerComponent name={props.name} profileImage={props.profileImage} userName={props.userName}/>
+       <FollowerComponent name={props.name} profileImage={props.profileImage} userName={props.userName} publishDate={props.publishDate}/>
       <div className="pl-16">
         <p className="text-base width-auto font-medium text-white flex-shrink">
             {props.text}