idillon | 531b6f2 | 2022-09-16 14:02:00 -0400 | [diff] [blame^] | 1 | import List from "@mui/material/List"; |
| 2 | import authManager from "../AuthManager"; |
| 3 | import React, { useState, useEffect } from "react"; |
| 4 | import { useAppDispatch, useAppSelector } from "../../redux/hooks"; |
| 5 | |
Larbi Gharib | e9af973 | 2021-03-31 15:08:01 +0100 | [diff] [blame] | 6 | |
Adrien Béraud | 8698603 | 2021-04-25 12:04:53 -0400 | [diff] [blame] | 7 | export default function ContactList() { |
idillon | 531b6f2 | 2022-09-16 14:02:00 -0400 | [diff] [blame^] | 8 | const { accountId } = useAppSelector((state) => state.app); |
| 9 | const dispatch = useAppDispatch(); |
Adrien Béraud | 995e802 | 2021-04-08 13:46:51 -0400 | [diff] [blame] | 10 | |
idillon | 531b6f2 | 2022-09-16 14:02:00 -0400 | [diff] [blame^] | 11 | const [contacts, setContacts] = useState([]); |
| 12 | |
| 13 | useEffect(() => { |
| 14 | const controller = new AbortController(); |
| 15 | authManager |
| 16 | .fetch(`/api/accounts/${accountId}/contacts/`, { |
| 17 | method: "GET", |
| 18 | header: { "Content-Type": "application/json" }, |
| 19 | // signal: controller.signal, |
| 20 | }) |
| 21 | .then((res) => { |
| 22 | res.json(); |
| 23 | }) |
| 24 | .then((result) => { |
| 25 | console.log(result); |
| 26 | }); |
| 27 | return () => controller.abort(); |
| 28 | }, []); |
| 29 | |
| 30 | return ( |
| 31 | <div className="rooms-list"> |
| 32 | <List></List> |
| 33 | </div> |
| 34 | ); |
Larbi Gharib | e9af973 | 2021-03-31 15:08:01 +0100 | [diff] [blame] | 35 | } |