Merge pull request #28 from NextStepFinalProject/NXD-27-Edit-feed-page-fixes

Nxd 27 edit feed page fixes

Author: Lina0Elman

nextstep-frontend/src/components/NewPost.tsx

@@ -50,15 +50,16 @@ const NewPostModal: React.FC<Props> = ({ open, onClose, onPostCreated }) => {
         maxWidth="md"
         sx={{
           mt: 10,
-          backgroundColor: 'white',
+          backgroundColor: 'background.paper',
           borderRadius: 2,
           p: 4,
           width: '40%',
           overflowY: 'auto',
           height: '80vh',
+          color: 'text.primary',
         }}
       >
-        <Typography variant="h5" gutterBottom>
+        <Typography variant="h5" gutterBottom color="text.primary">
           Create New Post
         </Typography>
         <form onSubmit={handleSubmit}>
@@ -67,7 +68,17 @@ const NewPostModal: React.FC<Props> = ({ open, onClose, onPostCreated }) => {
             placeholder="Title"
             value={title}
             onChange={(e) => setTitle(e.target.value)}
-            style={{ width: '100%', marginBottom: '1rem', padding: '10px', fontSize: '16px' }}
+            style={{ 
+              width: '100%', 
+              marginBottom: '1rem', 
+              padding: '10px', 
+              fontSize: '16px',
+              backgroundColor: 'transparent',
+              color: 'inherit',
+              border: '1px solid',
+              borderColor: 'divider',
+              borderRadius: '4px',
+            }}
             required
           />
           <FroalaEditor

nextstep-frontend/src/pages/Feed.tsx

@@ -218,14 +218,14 @@ const Feed: React.FC = () => {
                 <Avatar src={profileImages[auth.userId] || defaultProfileImage} sx={{ mr: 2 }} />
                 <Box
                   sx={{
-                    backgroundColor: '#f0f2f5',
+                    backgroundColor: 'background.paper',
                     borderRadius: '20px',
                     px: 2,
                     py: 1,
                     flexGrow: 1,
                   }}
                 >
-                  <Typography color="text.secondary">What's on your mind{', ' + auth.username || 'User'}?</Typography>
+                  <Typography color="text.primary" sx={{ opacity: 0.7 }}>What's on your mind{', ' + auth.username || 'User'}?</Typography>
                 </Box>
               </Box>
               <Box sx={{ display: 'flex', justifyContent: 'space-around', mt: 2 }}>

nextstep-frontend/src/pages/PostDetails.tsx

@@ -237,7 +237,7 @@ const PostDetails: React.FC = () => {
           <Typography color="error">{error}</Typography>
         ) : (
           post && (
-            <Paper sx={{ p: 4, width: '100%', height: '70vh', overflowY: 'auto', }}>
+            <Paper sx={{ p: 4, width: '100%' }}>
               <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>
                 <Avatar
                   src={profileImage}