-
Notifications
You must be signed in to change notification settings - Fork 1
/
.eslintcache
1 lines (1 loc) · 26.4 KB
/
.eslintcache
1
[{"C:\\xampp\\htdocs\\holybeforum02\\src\\index.js":"1","C:\\xampp\\htdocs\\holybeforum02\\src\\reportWebVitals.js":"2","C:\\xampp\\htdocs\\holybeforum02\\src\\App.js":"3","C:\\xampp\\htdocs\\holybeforum02\\src\\context\\MyContext.js":"4","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Home.js":"5","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\header\\Header.js":"6","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\profile\\Profile.js":"7","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\footer\\Footer.js":"8","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Reactions\\Reactions.js":"9","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Register.js":"10","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Login.js":"11","C:\\xampp\\htdocs\\holybeforum02\\src\\context\\http-common.js":"12","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\profile\\MyProfileInformation.js":"13","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Reactions\\ReactionList.js":"14","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Reactions\\AddReaction.js":"15","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\topics\\Topics.js":"16","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\topics\\AddTopic.js":"17","C:\\xampp\\htdocs\\holybeforum02\\src\\context\\UserContext.js":"18","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\profile\\userRenderer.js":"19","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\topics\\TopicRenderer.js":"20","C:\\xampp\\htdocs\\holybeforum02\\src\\context\\TopicContext.js":"21","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Reactions\\ReactionRenderer.js":"22","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\topics\\AddTopicPopup.js":"23","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\topics\\TopicsList.js":"24","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Reactions\\ReactionEditor.js":"25"},{"size":456,"mtime":1624801588897,"results":"26","hashOfConfig":"27"},{"size":362,"mtime":499162500000,"results":"28","hashOfConfig":"27"},{"size":1398,"mtime":1624801588872,"results":"29","hashOfConfig":"27"},{"size":2428,"mtime":1624898417797,"results":"30","hashOfConfig":"27"},{"size":732,"mtime":1624828927837,"results":"31","hashOfConfig":"27"},{"size":1824,"mtime":1624897202739,"results":"32","hashOfConfig":"27"},{"size":1055,"mtime":1624828927845,"results":"33","hashOfConfig":"27"},{"size":293,"mtime":1624801588881,"results":"34","hashOfConfig":"27"},{"size":1023,"mtime":1624897531212,"results":"35","hashOfConfig":"27"},{"size":3319,"mtime":1624896146411,"results":"36","hashOfConfig":"27"},{"size":2857,"mtime":1624828927838,"results":"37","hashOfConfig":"27"},{"size":626,"mtime":1624801588895,"results":"38","hashOfConfig":"27"},{"size":1064,"mtime":1624828927845,"results":"39","hashOfConfig":"27"},{"size":2549,"mtime":1624898417807,"results":"40","hashOfConfig":"27"},{"size":2384,"mtime":1624829163807,"results":"41","hashOfConfig":"27"},{"size":935,"mtime":1624878991659,"results":"42","hashOfConfig":"27"},{"size":2747,"mtime":1624897342338,"results":"43","hashOfConfig":"27"},{"size":261,"mtime":1624828927850,"results":"44","hashOfConfig":"27"},{"size":724,"mtime":1624801588884,"results":"45","hashOfConfig":"27"},{"size":786,"mtime":1624828927846,"results":"46","hashOfConfig":"27"},{"size":1490,"mtime":1624828927849,"results":"47","hashOfConfig":"27"},{"size":2143,"mtime":1624828927841,"results":"48","hashOfConfig":"27"},{"size":552,"mtime":1624801588888,"results":"49","hashOfConfig":"27"},{"size":1113,"mtime":1624828927864,"results":"50","hashOfConfig":"27"},{"size":1326,"mtime":1624828927839,"results":"51","hashOfConfig":"27"},{"filePath":"52","messages":"53","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"54","usedDeprecatedRules":"55"},"1j8m8p1",{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"60","messages":"61","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"62","usedDeprecatedRules":"55"},{"filePath":"63","messages":"64","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"65","messages":"66","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"67","messages":"68","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"69","messages":"70","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"71","messages":"72","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"73","messages":"74","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"75","usedDeprecatedRules":"55"},{"filePath":"76","messages":"77","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"78","messages":"79","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"80","messages":"81","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"82","usedDeprecatedRules":"55"},{"filePath":"83","messages":"84","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"85","messages":"86","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"87","messages":"88","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"89","usedDeprecatedRules":"55"},{"filePath":"90","messages":"91","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"92","messages":"93","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"94","messages":"95","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"96","messages":"97","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"98","messages":"99","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"100","usedDeprecatedRules":"55"},{"filePath":"101","messages":"102","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"103","usedDeprecatedRules":"55"},{"filePath":"104","messages":"105","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"106","messages":"107","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"108","usedDeprecatedRules":"55"},{"filePath":"109","messages":"110","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},"C:\\xampp\\htdocs\\holybeforum02\\src\\index.js",["111","112"],"import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport $ from 'jquery';\r\nimport Popper from 'popper.js';\r\nimport 'bootstrap/dist/js/bootstrap.bundle.min';\r\n\r\nReactDOM.render(\r\n <React.StrictMode>\r\n <App />\r\n </React.StrictMode>,\r\n document.getElementById('root')\r\n);\r\n\r\nreportWebVitals();",["113","114"],"C:\\xampp\\htdocs\\holybeforum02\\src\\reportWebVitals.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\App.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\context\\MyContext.js",["115"],"import React, { createContext, Component } from 'react';\r\nimport { authAxios, publicAxios } from './http-common';\r\nexport const MyContext = createContext();\r\n\r\nclass MyContextProvider extends Component \r\n{\r\n constructor() {\r\n super();\r\n this.isLoggedIn();\r\n }\r\n\r\n // Root State\r\n state = {\r\n showLogin: true,\r\n isAuth: false,\r\n theUser: {}\r\n }\r\n\r\n // Toggle between Login & Signup page\r\n toggleNav = () => {\r\n const showLogin = !this.state.showLogin;\r\n this.setState({\r\n ...this.state,\r\n showLogin\r\n });\r\n }\r\n\r\n // On Click the Log out button\r\n logoutUser = () => {\r\n localStorage.removeItem('token');\r\n this.setState({\r\n ...this.state,\r\n isAuth:false\r\n });\r\n }\r\n\r\n registerUser = async (user) => {\r\n // Sending the user registration request\r\n const register = await publicAxios.post('register', \r\n {\r\n username: user.username,\r\n email: user.email,\r\n password: user.password,\r\n });\r\n\r\n return register.data;\r\n }\r\n\r\n\r\n loginUser = async (user) => {\r\n // Sending the user Login request\r\n const login = await publicAxios.post('login', \r\n {\r\n username: user.username,\r\n password: user.password\r\n });\r\n return login.data;\r\n }\r\n\r\n\r\n // Checking user logged in or not\r\n isLoggedIn = async () => {\r\n const loginToken = localStorage.getItem('loginToken');\r\n\r\n // If inside the local-storage has the JWT token\r\n if(loginToken) {\r\n //Adding JWT token to axios default header\r\n publicAxios.defaults.headers.common['Authorization'] = 'Bearer ' + loginToken;\r\n\r\n // Fetching the user information\r\n const {data} = await publicAxios.get('currentuser');\r\n\r\n // If user information is successfully received\r\n if(data.message === 'success' && data.user) {\r\n this.setState({\r\n ...this.state,\r\n isAuth: true,\r\n theUser: data.user\r\n });\r\n console.log(data.user.username)\r\n }\r\n\r\n }\r\n }\r\n\r\n render() {\r\n const contextValue = {\r\n rootState: this.state,\r\n toggleNav: this.toggleNav,\r\n isLoggedIn: this.isLoggedIn,\r\n registerUser: this.registerUser,\r\n loginUser: this.loginUser,\r\n logoutUser: this.logoutUser,\r\n };\r\n\r\n return (\r\n <MyContext.Provider value={contextValue}>\r\n {this.props.children}\r\n </MyContext.Provider>\r\n );\r\n }\r\n}\r\n\r\nexport default MyContextProvider;","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Home.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\components\\header\\Header.js",["116"],"C:\\xampp\\htdocs\\holybeforum02\\src\\components\\profile\\Profile.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\components\\footer\\Footer.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Reactions\\Reactions.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Register.js",["117"],"import React, { useContext, useState } from 'react'\r\nimport { MyContext } from './../context/MyContext'\r\nimport { Container, Row, Col, Form, Button} from 'react-bootstrap';\r\n\r\nfunction Register() {\r\n const { toggleNav, registerUser } = useContext(MyContext);\r\n const initialState = {\r\n userInfo:{\r\n username:'',\r\n email:'',\r\n password:''\r\n },\r\n errorMsg:'',\r\n successMsg:'',\r\n };\r\n const [state,setState] = useState(initialState);\r\n\r\n // On Submit the Registration Form\r\n const submitForm = async (event) => {\r\n event.preventDefault();\r\n const data = await registerUser(state.userInfo);\r\n if(data.success){\r\n setState({\r\n ...initialState,\r\n successMsg:data.message,\r\n });\r\n }\r\n else{\r\n setState({\r\n ...state,\r\n successMsg:'',\r\n errorMsg:data.message\r\n });\r\n }\r\n }\r\n\r\n // On change the Input Value (username, email, password)\r\n const onChangeValue = (e) => {\r\n setState({\r\n ...state,\r\n userInfo:{\r\n ...state.userInfo,\r\n [e.target.name]:e.target.value\r\n }\r\n });\r\n }\r\n\r\n // Show Message on Success or Error\r\n let successMsg = '';\r\n let errorMsg = '';\r\n if (state.errorMsg) {\r\n errorMsg = <div className='error-msg'>{state.errorMsg}</div>;\r\n }\r\n if (state.successMsg) {\r\n successMsg = <div className='success-msg'>{state.successMsg}</div>;\r\n }\r\n\r\n return (\r\n <div className='_loginRegister'>\r\n <Container>\r\n <Row className='justify-content-md-center'>\r\n <Col xs='6' lg='6'>\r\n <h1>Sign up</h1>\r\n </Col>\r\n </Row>\r\n <Row className='justify-content-md-center'>\r\n <Col xs='6' lg='6'>\r\n <Form onSubmit={submitForm} noValidat>\r\n <Form.Group className='mb-3' controlId='username'>\r\n <Form.Label>Username</Form.Label>\r\n <Form.Control \r\n type='text' \r\n placeholder='Enter username' \r\n required\r\n name='username'\r\n defaultValue={state.userInfo.username} \r\n onChange={onChangeValue} />\r\n </Form.Group>\r\n\r\n <Form.Group className='mb-3' controlId='password'>\r\n <Form.Label>Email address</Form.Label>\r\n <Form.Control \r\n type='email' \r\n placeholder='Email address'\r\n required\r\n name='email'\r\n defaultValue={state.userInfo.email} \r\n onChange={onChangeValue} />\r\n </Form.Group>\r\n\r\n <Form.Group className='mb-3' controlId='password'>\r\n <Form.Label>Password</Form.Label>\r\n <Form.Control \r\n type='password' \r\n placeholder='Password'\r\n required\r\n name='password'\r\n defaultValue={state.userInfo.password} \r\n onChange={onChangeValue} />\r\n </Form.Group>\r\n {errorMsg}\r\n {successMsg}\r\n <Button variant='primary' type='submit'>\r\n Sign Up\r\n </Button>\r\n </Form>\r\n </Col>\r\n </Row>\r\n </Container>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Register;","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Login.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\context\\http-common.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\components\\profile\\MyProfileInformation.js",["118","119","120","121"],"import React, { useContext } from 'react'\r\nimport { MyContext } from './../../context/MyContext';\r\nimport { Row, Col } from 'react-bootstrap';\r\n\r\nfunction MyProfileInformation () {\r\n const { rootState } = useContext(MyContext);\r\n const { isAuth, theUser } = rootState;\r\n\r\n return (isAuth) ? (\r\n <div>\r\n <Row>\r\n <Col>\r\n Gebruikersnaam\r\n </Col>\r\n <Col>\r\n {theUser.username}\r\n </Col>\r\n </Row>\r\n <Row>\r\n <Col>\r\n Email\r\n </Col>\r\n <Col>\r\n {theUser.email}\r\n </Col>\r\n </Row>\r\n <Row>\r\n <Col>\r\n Status\r\n </Col>\r\n <Col>\r\n {theUser.status}\r\n </Col>\r\n </Row>\r\n <Row>\r\n <Col>\r\n Lid sinds\r\n </Col>\r\n <Col>\r\n {theUser.created_at.split('T')[0]}\r\n </Col>\r\n </Row>\r\n </div>\r\n ) :\r\n (\r\n <div>\r\n <Row>\r\n <Col>\r\n Geen gebruiker gevonden\r\n </Col>\r\n </Row>\r\n </div>\r\n );\r\n}\r\n\r\nexport default MyProfileInformation;","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Reactions\\ReactionList.js",["122","123","124"],"C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Reactions\\AddReaction.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\components\\topics\\Topics.js",["125"],"import React, { useContext, useState } from 'react';\r\nimport TopicList from './TopicsList';\r\nimport AddTopic from './AddTopic';\r\nimport { Container, Row, Col, Button } from 'react-bootstrap';\r\n\r\nfunction Topics() {\r\n const [newTopic, setNewTopic] = useState(false);\r\n\r\n function toggleNewTopic() {\r\n setNewTopic(!newTopic)\r\n }\r\n\r\n\r\n\r\n return(\r\n <div>\r\n <Container fluid>\r\n <Row>\r\n <Col> \r\n <h1>Topics</h1>\r\n </Col>\r\n </Row>\r\n </Container>\r\n\r\n <Row >\r\n <Col>\r\n <Button onClick={toggleNewTopic} class=\"btn btn-outline-primary float-left\">\r\n Nieuw topic\r\n </Button>\r\n </Col>\r\n </Row>\r\n {\r\n newTopic? (\r\n <AddTopic />\r\n ) : (null)\r\n }\r\n <Row>\r\n <Col>\r\n <TopicList/>\r\n </Col>\r\n </Row>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Topics;","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\topics\\AddTopic.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\context\\UserContext.js",["126"],"C:\\xampp\\htdocs\\holybeforum02\\src\\components\\profile\\userRenderer.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\components\\topics\\TopicRenderer.js",[],"C:\\xampp\\htdocs\\holybeforum02\\src\\context\\TopicContext.js",["127"],"import { authAxios } from './http-common';\r\n\r\n//Topics\r\nconst getTopics = (data) => {\r\n return authAxios.get('/topics?page=' + data).then(result => {\r\n return result.data;\r\n });\r\n}\r\n\r\nconst getTopicById = id => {\r\n return authAxios.get(`/topic/${id}` ).then(result => {\r\n return result.data;\r\n });\r\n}\r\n\r\nconst createTopic = data => {\r\n return authAxios.post('/createtopic', data);\r\n};\r\n\r\nconst updateTopic = (id, data) => {\r\n return authAxios.put(`/updatetopic/${id}`, data);\r\n};\r\n\r\nconst deleteTopic = id => {\r\n return authAxios.delete(`/deletetopic/${id}`);\r\n}\r\n\r\nconst searchTopic = term => {\r\n return authAxios.get(`/searchtopic/${term}`).then(result => {\r\n return result.data\r\n })\r\n}\r\n\r\n//reactions\r\nconst getTopicReactions = id =>{\r\n return authAxios.get(`/reactions/${id}`).then(result => {\r\n return result.data;\r\n });\r\n}\r\n\r\nconst createReaction = data => {\r\n return authAxios.post('/createreaction', data);\r\n};\r\n\r\nconst updateReaction = (id, data) => {\r\n return authAxios.put(`/updatereaction/${id}`, data);\r\n};\r\n\r\nconst deleteReaction = id => {\r\n return authAxios.delete(`/deletereactions/${id}`);\r\n}\r\n\r\nconst searchReaction = term => {\r\n return authAxios.get(`/searchreactions/${term}`).then(result => {\r\n return result.data;\r\n });\r\n}\r\n\r\nexport default{\r\n getTopics,\r\n createTopic,\r\n getTopicReactions,\r\n getTopicById,\r\n updateTopic,\r\n deleteTopic,\r\n searchTopic,\r\n createReaction,\r\n updateReaction,\r\n deleteReaction,\r\n searchReaction\r\n};","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Reactions\\ReactionRenderer.js",["128"],"import { Link } from 'react-router-dom';\r\nimport React, { useContext, useState } from 'react';\r\nimport ReactionEditor from './ReactionEditor';\r\nimport TopicContext from './../../context/TopicContext';\r\nimport { MyContext } from './../../context/MyContext';\r\nimport { Container, Row, Col, Card, Button } from 'react-bootstrap';\r\n\r\nconst textEllipsisStyle = {\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n}\r\nconst ReactionRenderer = (props) => {\r\n const [edit, setEdit] = useState(false)\r\n const myContext = useContext(MyContext)\r\n const isEditable = myContext.rootState.theUser.id === props.userid;\r\n\r\n function toggleEdit(){\r\n setEdit(!edit);\r\n }\r\n\r\n function onSave(){\r\n setEdit(false);\r\n props.onChange();\r\n }\r\n\r\n function deleteReaction(){\r\n TopicContext.deleteReaction(props.reactionid)\r\n .then(function (){\r\n props.onChange();\r\n });\r\n }\r\n\r\n return (\r\n <div>\r\n <Card>\r\n <Card.Body>\r\n <Card.Subtitle>\r\n {props.username}\r\n </Card.Subtitle>\r\n <Card.Text>\r\n {\r\n edit ? (\r\n <ReactionEditor reactionid={props.reactionid} content={props.content} onSave={onSave}/>\r\n ) : (\r\n <span>\r\n {props.content}\r\n </span>\r\n )\r\n }\r\n </Card.Text>\r\n {\r\n isEditable ? (\r\n <div>\r\n <Container>\r\n <Row>\r\n <Col xs={6} sm={2}>\r\n <Button variant='secondary' onClick={toggleEdit}>\r\n Wijzig reactie\r\n </Button>\r\n </Col>\r\n <Col xs={6} sm={2}>\r\n <Button variant='danger' onClick={deleteReaction}>\r\n Verwijder reactie\r\n </Button>\r\n </Col>\r\n </Row>\r\n </Container>\r\n </div>\r\n ) : null\r\n }\r\n </Card.Body>\r\n </Card>\r\n </div>\r\n );\r\n}\r\n\r\nexport default ReactionRenderer;","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\topics\\AddTopicPopup.js",["129","130"],"C:\\xampp\\htdocs\\holybeforum02\\src\\components\\topics\\TopicsList.js",["131"],"import React, { useState, useEffect } from 'react';\r\nimport TopicContextService from './../../context/TopicContext';\r\nimport TopicRenderer from './TopicRenderer';\r\nimport { Container, Row, Col } from 'react-bootstrap';\r\n//todo pagination\r\n\r\n//render a list of topics based on page\r\nconst TopicList = () => {\r\n const [topics, setTopics,] = useState([]);\r\n var page = 1;\r\n\r\n useEffect(() => {\r\n retrieveTopics();\r\n }, []);\r\n\r\n\r\n const retrieveTopics = () => {\r\n TopicContextService.getTopics({page})\r\n .then(response =>{\r\n setTopics(response.data);\r\n })\r\n .catch(e =>{\r\n console.log(e);\r\n });\r\n };\r\n\r\n return(\r\n <div>\r\n <Container fluid>\r\n <Row className='justify-content-md-center'>\r\n <Col xs={12} sm={12}>\r\n {\r\n topics.map((topic) => (\r\n <TopicRenderer key={topic.id} title={topic.title} username ={topic.username} content={topic.content} id={topic.id} />\r\n ))\r\n } \r\n </Col>\r\n </Row>\r\n </Container>\r\n </div>\r\n );\r\n};\r\n\r\nexport default TopicList;","C:\\xampp\\htdocs\\holybeforum02\\src\\components\\Reactions\\ReactionEditor.js",[],{"ruleId":"132","severity":1,"message":"133","line":7,"column":8,"nodeType":"134","messageId":"135","endLine":7,"endColumn":9},{"ruleId":"132","severity":1,"message":"136","line":8,"column":8,"nodeType":"134","messageId":"135","endLine":8,"endColumn":14},{"ruleId":"137","replacedBy":"138"},{"ruleId":"139","replacedBy":"140"},{"ruleId":"132","severity":1,"message":"141","line":2,"column":10,"nodeType":"134","messageId":"135","endLine":2,"endColumn":19},{"ruleId":"132","severity":1,"message":"142","line":4,"column":8,"nodeType":"134","messageId":"135","endLine":4,"endColumn":12},{"ruleId":"132","severity":1,"message":"143","line":6,"column":11,"nodeType":"134","messageId":"135","endLine":6,"endColumn":20},{"ruleId":"132","severity":1,"message":"144","line":1,"column":10,"nodeType":"134","messageId":"135","endLine":1,"endColumn":19},{"ruleId":"132","severity":1,"message":"145","line":1,"column":21,"nodeType":"134","messageId":"135","endLine":1,"endColumn":29},{"ruleId":"132","severity":1,"message":"146","line":2,"column":8,"nodeType":"134","messageId":"135","endLine":2,"endColumn":19},{"ruleId":"132","severity":1,"message":"147","line":3,"column":8,"nodeType":"134","messageId":"135","endLine":3,"endColumn":20},{"ruleId":"132","severity":1,"message":"148","line":3,"column":8,"nodeType":"134","messageId":"135","endLine":3,"endColumn":21},{"ruleId":"132","severity":1,"message":"149","line":5,"column":10,"nodeType":"134","messageId":"135","endLine":5,"endColumn":14},{"ruleId":"150","severity":1,"message":"151","line":16,"column":6,"nodeType":"152","endLine":16,"endColumn":21,"suggestions":"153"},{"ruleId":"132","severity":1,"message":"154","line":1,"column":17,"nodeType":"134","messageId":"135","endLine":1,"endColumn":27},{"ruleId":"155","severity":1,"message":"156","line":11,"column":1,"nodeType":"157","endLine":13,"endColumn":3},{"ruleId":"155","severity":1,"message":"156","line":59,"column":1,"nodeType":"157","endLine":71,"endColumn":3},{"ruleId":"132","severity":1,"message":"149","line":1,"column":10,"nodeType":"134","messageId":"135","endLine":1,"endColumn":14},{"ruleId":"132","severity":1,"message":"158","line":2,"column":10,"nodeType":"134","messageId":"135","endLine":2,"endColumn":16},{"ruleId":"132","severity":1,"message":"159","line":2,"column":18,"nodeType":"134","messageId":"135","endLine":2,"endColumn":23},{"ruleId":"150","severity":1,"message":"160","line":13,"column":6,"nodeType":"152","endLine":13,"endColumn":8,"suggestions":"161"},"no-unused-vars","'$' is defined but never used.","Identifier","unusedVar","'Popper' is defined but never used.","no-native-reassign",["162"],"no-negated-in-lhs",["163"],"'authAxios' is defined but never used.","'logo' is defined but never used.","'toggleNav' is assigned a value but never used.","'useEffect' is defined but never used.","'useState' is defined but never used.","'UserContext' is defined but never used.","'UserRenderer' is defined but never used.","'TopicRenderer' is defined but never used.","'Link' is defined but never used.","react-hooks/exhaustive-deps","React Hook useEffect has missing dependencies: 'retrieveReactions' and 'retrieveTopics'. Either include them or remove the dependency array.","ArrayExpression",["164"],"'useContext' is defined but never used.","import/no-anonymous-default-export","Assign object to a variable before exporting as module default","ExportDefaultDeclaration","'Button' is defined but never used.","'Modal' is defined but never used.","React Hook useEffect has a missing dependency: 'retrieveTopics'. Either include it or remove the dependency array.",["165"],"no-global-assign","no-unsafe-negation",{"desc":"166","fix":"167"},{"desc":"168","fix":"169"},"Update the dependencies array to be: [props.topicid, retrieveReactions, retrieveTopics]",{"range":"170","text":"171"},"Update the dependencies array to be: [retrieveTopics]",{"range":"172","text":"173"},[573,588],"[props.topicid, retrieveReactions, retrieveTopics]",[368,370],"[retrieveTopics]"]