1
- import { globalConfig } from '@dm3-org/dm3-lib-shared' ;
2
1
import { useContext , useEffect , useState } from 'react' ;
3
2
import loader from '../../assets/images/loader.svg' ;
4
3
import threeDotsIcon from '../../assets/images/three-dots.svg' ;
5
- import { AuthContext } from '../../context/AuthContext' ;
6
4
import { ConversationContext } from '../../context/ConversationContext' ;
7
5
import { MessageContext } from '../../context/MessageContext' ;
8
6
import { DashboardProps } from '../../interfaces/props' ;
@@ -13,13 +11,12 @@ import {
13
11
} from '../../utils/enum-type-utils' ;
14
12
import { ContactMenu } from '../ContactMenu/ContactMenu' ;
15
13
import './Contacts.css' ;
16
- import { setContactHeightToMaximum , showMenuInBottom } from './bl' ;
14
+ import { showMenuInBottom } from './bl' ;
17
15
import { getAccountDisplayName } from '@dm3-org/dm3-lib-profile' ;
18
16
19
17
export function Contacts ( props : DashboardProps ) {
20
18
// fetches context api data
21
19
const { state, dispatch } = useContext ( GlobalContext ) ;
22
- const { account } = useContext ( AuthContext ) ;
23
20
const {
24
21
contacts,
25
22
setSelectedContactName,
@@ -33,22 +30,11 @@ export function Contacts(props: DashboardProps) {
33
30
boolean | null
34
31
> ( null ) ;
35
32
36
- // fetches sub domain of ENS
37
- const isAddrEnsName = account ?. ensName ?. endsWith (
38
- globalConfig . ADDR_ENS_SUBDOMAIN ( ) ,
39
- ) ;
40
-
41
- // handles contact box view
42
- //Can be removed once responsive design has been implemented @Bhupesh
43
- useEffect ( ( ) => {
44
- setContactHeightToMaximum ( ! isAddrEnsName ? true : false ) ;
45
- } , [ account ?. ensName ] ) ;
46
-
47
33
// handles active contact removal
48
34
// move to a better place (profile window) and Contact Info
49
35
useEffect ( ( ) => {
50
36
if (
51
- selectedContact !== null &&
37
+ selectedContact &&
52
38
state . uiView . selectedRightView !== RightViewSelected . Chat &&
53
39
state . uiView . selectedRightView !== RightViewSelected . ContactInfo
54
40
) {
@@ -58,7 +44,7 @@ export function Contacts(props: DashboardProps) {
58
44
59
45
// handles UI view on contact select
60
46
useEffect ( ( ) => {
61
- if ( selectedContact !== undefined ) {
47
+ if ( selectedContact ) {
62
48
// set selected contact
63
49
64
50
if ( state . uiView . selectedRightView !== RightViewSelected . Chat ) {
@@ -92,7 +78,7 @@ export function Contacts(props: DashboardProps) {
92
78
//If a selected contact is selected and the menu is open, we want to align the menu at the bottom
93
79
if ( scroller ) {
94
80
scroller . addEventListener ( 'scroll' , ( ) => {
95
- if ( selectedContact != null ) {
81
+ if ( selectedContact ) {
96
82
setIsMenuAlignedAtBottom (
97
83
showMenuInBottom ( selectedContact . name ) ,
98
84
) ;
@@ -136,10 +122,6 @@ export function Contacts(props: DashboardProps) {
136
122
: '' ,
137
123
) }
138
124
onClick = { ( ) => {
139
- console . log (
140
- 'set selected contact ' ,
141
- data . contactDetails . account . ensName ,
142
- ) ;
143
125
setSelectedContactName (
144
126
data . contactDetails . account . ensName ,
145
127
) ;
@@ -179,7 +161,6 @@ export function Contacts(props: DashboardProps) {
179
161
</ p >
180
162
</ div >
181
163
182
- { /* @Bhupesh what is this cached contacts section for */ }
183
164
{ id !==
184
165
selectedContact ?. contactDetails
185
166
. account . ensName &&
@@ -260,7 +241,7 @@ export function Contacts(props: DashboardProps) {
260
241
< div
261
242
key = { data }
262
243
className = {
263
- selectedContact !== null
244
+ selectedContact
264
245
? 'highlight-right-border'
265
246
: 'highlight-right-border-none'
266
247
}
@@ -274,7 +255,7 @@ export function Contacts(props: DashboardProps) {
274
255
< div
275
256
key = { data }
276
257
className = {
277
- selectedContact !== null
258
+ selectedContact
278
259
? 'highlight-right-border'
279
260
: 'highlight-right-border-none'
280
261
}
0 commit comments