Tarek2

src/components/Modqueue/CommunityRules.js

@@ -115,6 +115,8 @@ function CommunityRules() {
                         <Select
                             value={selectedSubreddit}
                             onChange={handleSubredditChange}
+                            data-testid="subreddit-select"
+                            labelId="subreddit-label"
                         >
                             {subreddits.map((subreddit) => (
                                 <MenuItem key={subreddit.id} value={subreddit.id}>
@@ -128,7 +130,7 @@ function CommunityRules() {
             </table>
             <Card>
                 <CardContent>
-                    {console.log('rendering rule ', rules)}
+
                     {rules.map((rule, index) => (
                         <Card key={index} style={{
                             margin: '10px 0'
@@ -174,4 +176,13 @@ function CommunityRules() {
     );
 }
 
-export default CommunityRules;
+export default CommunityRules;
+
+CommunityRules.propTypes = {
+    subreddit: PropTypes.string,
+    rules: PropTypes.array,
+    selectedSubreddit: PropTypes.string,
+    newRule: PropTypes.object,
+    open: PropTypes.bool
+
+}

src/components/Modqueue/CommunitySettings.js

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { Button, TextField, FormControl, InputLabel, Select, MenuItem, Checkbox, FormControlLabel, Card, CardContent, Typography, CardHeader, Avatar, IconButton, Box, List, ListItem, ListItemText, Divider, Menu, TextareaAutosize } from '@mui/material';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
 import axios from "axios";
+import PropTypes from 'prop-types';
 
 
 function CommunitySettings() {
@@ -138,4 +139,14 @@ function CommunitySettings() {
     );
 }
 
-export default CommunitySettings;
+export default CommunitySettings;
+
+CommunitySettings.propTypes = {
+    subreddits: PropTypes.array.isRequired,
+    selectedSubreddit: PropTypes.number.isRequired,
+    settings: PropTypes.object.isRequired,
+    settingsDescriptions: PropTypes.object.isRequired,
+    communityTypes: PropTypes.array.isRequired,
+    handleSubredditChange: PropTypes.func.isRequired,
+    handleUpdate: PropTypes.func.isRequired,
+}

src/components/Modqueue/Edited.js

@@ -150,3 +150,21 @@ function Edited() {
 Edited.propTypes = {};
 
 export default Edited;
+
+Edited.propTypes ={
+    removedPosts: PropTypes.array,
+    approvedPosts: PropTypes.array,
+    setApprovedPosts: PropTypes.func,
+    setRemovedPosts: PropTypes.func,
+    selectedSubreddit: PropTypes.object,
+    setSelectedSubreddit: PropTypes.func,
+    subreddits: PropTypes.array,
+    setSubreddits: PropTypes.func,
+    anchorEl: PropTypes.object,
+    setAnchorEl: PropTypes.func,
+    handleClick: PropTypes.func,
+    handleClose: PropTypes.func
+
+
+
+}

src/components/Modqueue/ModerationRoles.js

@@ -2,9 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { Select, MenuItem, Button, Grid, Typography, Box, useTheme } from '@mui/material';
 import axios from 'axios';
 import { responsiveFontSizes, ThemeProvider } from '@mui/material/styles';
-
-
-
+import PropTypes from 'prop-types';
 function ModerationRoles() {
     const [subreddits, setSubreddits] = useState([]);
     const [selectedSubreddit, setSelectedSubreddit] = useState('');
@@ -112,3 +110,14 @@ function ModerationRoles() {
 }
 
 export default ModerationRoles;
+
+ModerationRoles.propTypes = {
+    subreddits: PropTypes.array,
+    selectedSubreddit: PropTypes.object,
+    username: PropTypes.array,
+    selectedUser: PropTypes.string,
+    handleInvite: PropTypes.func,
+    handleLeave: PropTypes.func,
+    handleBan: PropTypes.func,
+    handleUnban: PropTypes.func,
+}

src/components/Modqueue/Removed.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import './Removed.css';
 import PostContainer2 from "../PostCointainer2";
 
-function Unmoderated() {
+function Removed() {
     const [subreddits, setSubreddits] = useState([]);
     const [selectedSubreddit, setSelectedSubreddit] = useState('');
     const [removedPosts, setRemovedPosts] = useState([]);
@@ -105,6 +105,15 @@ function Unmoderated() {
 }
 
 
-Unmoderated.propTypes = {};
 
-export default Unmoderated;
+
+export default Removed;
+
+
+Removed.prototype = {
+    subreddits: PropTypes.array,
+    selectedSubreddit: PropTypes.object,
+    removedPosts: PropTypes.array,
+    approvedPosts: PropTypes.object
+
+}

src/components/Modqueue/Unmoderated.js

@@ -145,6 +145,16 @@ function Unmoderated() {
 }
 
 
-Unmoderated.propTypes = {};
+
 
 export default Unmoderated;
+
+
+Unmoderated.propTypes = {
+    subreddits: PropTypes.array,
+    removedPosts: PropTypes.array,
+    approvedPosts: PropTypes.array,
+     handleApprove: PropTypes.func,
+     handleDisapprove: PropTypes.func
+
+}

src/components/Notification/Notification.js

@@ -303,36 +303,10 @@ Notification.propTypes = {
      * The type of notification
      */
     type: propTypes.oneOf(['comment', 'message', 'chat', 'friendRequest', 'newPost', 'report']),
-    /**
-     * The user name
-     */
-    userName: propTypes.string,
-    /**
-     * The recipient user ID
-     */
-    recipientUserId: propTypes.string,
-    /**
-     * The sender user email
-     */
-    senderUserEmail: propTypes.string,
-    /**
-     * The sender user ID
-     */
-    senderUserId: propTypes.string,
-    /**
-     * The thread ID
-     */
-    threadID: propTypes.string,
-    /**
-     * The thread data
-     */
-    threadData: propTypes.string,
-    /**
-     * The timestamp
-     */
-    timestamp: propTypes.string,
-    /**
-     * The read status
-     */
-    isRead: propTypes.string,
+    setNotificationCount: propTypes.func.isRequired,
+
+    contentID: propTypes.object.isRequired,
+    content: propTypes.string.isRequired,
+    createdAt: propTypes.string.isRequired,
+    read: propTypes.bool.isRequired,
 }

src/components/Notification/oldnotifications.js

@@ -295,41 +295,12 @@ const OldNotification = ({setNotificationCount}) => {
 
 export default OldNotification;
 
-Notification.propTypes = {
-    /**
-     * The type of notification
-     */
+OldNotification.propTypes = {
     type: propTypes.oneOf(['comment', 'message', 'chat', 'friendRequest', 'newPost', 'report']),
-    /**
-     * The user name
-     */
-    userName: propTypes.string,
-    /**
-     * The recipient user ID
-     */
-    recipientUserId: propTypes.string,
-    /**
-     * The sender user email
-     */
-    senderUserEmail: propTypes.string,
-    /**
-     * The sender user ID
-     */
-    senderUserId: propTypes.string,
-    /**
-     * The thread ID
-     */
-    threadID: propTypes.string,
-    /**
-     * The thread data
-     */
-    threadData: propTypes.string,
-    /**
-     * The timestamp
-     */
-    timestamp: propTypes.string,
-    /**
-     * The read status
-     */
-    isRead: propTypes.string,
+    setNotificationCount: propTypes.func.isRequired,
+
+    contentID: propTypes.object.isRequired,
+    content: propTypes.string.isRequired,
+    createdAt: propTypes.string.isRequired,
+    read: propTypes.bool.isRequired,
 }