Skip to content

Commit 8a01942

Browse files
MartinCupelaMartinCupela
authored
fix: export LoadingChannel component (#2818)
1 parent 7de4d11 commit 8a01942

File tree

5 files changed

+10
-214
lines changed

5 files changed

+10
-214
lines changed

‎src/components/Channel/Channel.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,8 +41,10 @@ import type { OnMentionAction } from './hooks/useMentionsHandlers';
4141
import { useMentionsHandlers } from './hooks/useMentionsHandlers';
4242

4343
import type { LoadingErrorIndicatorProps } from '../Loading';
44-
import { LoadingErrorIndicator as DefaultLoadingErrorIndicator } from '../Loading';
45-
import { LoadingChannel as DefaultLoadingIndicator } from './LoadingChannel';
44+
import {
45+
LoadingErrorIndicator as DefaultLoadingErrorIndicator,
46+
LoadingChannel as DefaultLoadingIndicator,
47+
} from '../Loading';
4648

4749
import type {
4850
ChannelActionContextValue,

‎src/components/Channel/__tests__/Channel.test.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@ import { DEFAULT_THREAD_PAGE_SIZE } from '../../../constants/limits';
3535
import { generateMessageDraft } from '../../../mock-builders/generator/messageDraft';
3636

3737
jest.mock('../../Loading', () => ({
38+
LoadingChannel: jest.fn(() => <div>Loading channel</div>),
3839
LoadingErrorIndicator: jest.fn(() => <div />),
3940
LoadingIndicator: jest.fn(() => <div>loading</div>),
4041
}));

‎src/components/Channel/__tests__/__snapshots__/Channel.test.js.snap‎

Lines changed: 4 additions & 212 deletions
Original file line numberDiff line numberDiff line change
@@ -6,112 +6,8 @@ exports[`Channel should render a LoadingIndicator if it is loading 1`] = `
66
class="str-chat messaging light str-chat__channel"
77
id="str-chat__channel"
88
>
9-
<div
10-
class="str-chat__loading-channel"
11-
>
12-
<div
13-
class="str-chat__loading-channel-header"
14-
>
15-
<div
16-
class="str-chat__loading-channel-header-avatar"
17-
/>
18-
<div
19-
class="str-chat__loading-channel-header-end"
20-
>
21-
<div
22-
class="str-chat__loading-channel-header-name"
23-
/>
24-
<div
25-
class="str-chat__loading-channel-header-info"
26-
/>
27-
</div>
28-
</div>
29-
<div
30-
class="str-chat__loading-channel-message-list"
31-
>
32-
<div
33-
class="str-chat__loading-channel-message"
34-
>
35-
<div
36-
class="str-chat__loading-channel-message-avatar"
37-
/>
38-
<div
39-
class="str-chat__loading-channel-message-end"
40-
>
41-
<div
42-
class="str-chat__loading-channel-message-sender"
43-
/>
44-
<div
45-
class="str-chat__loading-channel-message-last-row"
46-
>
47-
<div
48-
class="str-chat__loading-channel-message-text"
49-
/>
50-
<div
51-
class="str-chat__loading-channel-message-date"
52-
/>
53-
</div>
54-
</div>
55-
</div>
56-
<div
57-
class="str-chat__loading-channel-message"
58-
>
59-
<div
60-
class="str-chat__loading-channel-message-avatar"
61-
/>
62-
<div
63-
class="str-chat__loading-channel-message-end"
64-
>
65-
<div
66-
class="str-chat__loading-channel-message-sender"
67-
/>
68-
<div
69-
class="str-chat__loading-channel-message-last-row"
70-
>
71-
<div
72-
class="str-chat__loading-channel-message-text"
73-
/>
74-
<div
75-
class="str-chat__loading-channel-message-date"
76-
/>
77-
</div>
78-
</div>
79-
</div>
80-
<div
81-
class="str-chat__loading-channel-message"
82-
>
83-
<div
84-
class="str-chat__loading-channel-message-avatar"
85-
/>
86-
<div
87-
class="str-chat__loading-channel-message-end"
88-
>
89-
<div
90-
class="str-chat__loading-channel-message-sender"
91-
/>
92-
<div
93-
class="str-chat__loading-channel-message-last-row"
94-
>
95-
<div
96-
class="str-chat__loading-channel-message-text"
97-
/>
98-
<div
99-
class="str-chat__loading-channel-message-date"
100-
/>
101-
</div>
102-
</div>
103-
</div>
104-
</div>
105-
<div
106-
class="str-chat__loading-channel-message-input-row"
107-
>
108-
<div
109-
class="str-chat__loading-channel-message-input"
110-
/>
111-
<div
112-
class="str-chat__loading-channel-message-send"
113-
/>
114-
</div>
9+
<div>
10+
Loading channel
11511
</div>
11612
</div>
11713
</DocumentFragment>
@@ -123,112 +19,8 @@ exports[`Channel should render default loading indicator if channels query is in
12319
class="str-chat str-chat__channel"
12420
id="str-chat__channel"
12521
>
126-
<div
127-
class="str-chat__loading-channel"
128-
>
129-
<div
130-
class="str-chat__loading-channel-header"
131-
>
132-
<div
133-
class="str-chat__loading-channel-header-avatar"
134-
/>
135-
<div
136-
class="str-chat__loading-channel-header-end"
137-
>
138-
<div
139-
class="str-chat__loading-channel-header-name"
140-
/>
141-
<div
142-
class="str-chat__loading-channel-header-info"
143-
/>
144-
</div>
145-
</div>
146-
<div
147-
class="str-chat__loading-channel-message-list"
148-
>
149-
<div
150-
class="str-chat__loading-channel-message"
151-
>
152-
<div
153-
class="str-chat__loading-channel-message-avatar"
154-
/>
155-
<div
156-
class="str-chat__loading-channel-message-end"
157-
>
158-
<div
159-
class="str-chat__loading-channel-message-sender"
160-
/>
161-
<div
162-
class="str-chat__loading-channel-message-last-row"
163-
>
164-
<div
165-
class="str-chat__loading-channel-message-text"
166-
/>
167-
<div
168-
class="str-chat__loading-channel-message-date"
169-
/>
170-
</div>
171-
</div>
172-
</div>
173-
<div
174-
class="str-chat__loading-channel-message"
175-
>
176-
<div
177-
class="str-chat__loading-channel-message-avatar"
178-
/>
179-
<div
180-
class="str-chat__loading-channel-message-end"
181-
>
182-
<div
183-
class="str-chat__loading-channel-message-sender"
184-
/>
185-
<div
186-
class="str-chat__loading-channel-message-last-row"
187-
>
188-
<div
189-
class="str-chat__loading-channel-message-text"
190-
/>
191-
<div
192-
class="str-chat__loading-channel-message-date"
193-
/>
194-
</div>
195-
</div>
196-
</div>
197-
<div
198-
class="str-chat__loading-channel-message"
199-
>
200-
<div
201-
class="str-chat__loading-channel-message-avatar"
202-
/>
203-
<div
204-
class="str-chat__loading-channel-message-end"
205-
>
206-
<div
207-
class="str-chat__loading-channel-message-sender"
208-
/>
209-
<div
210-
class="str-chat__loading-channel-message-last-row"
211-
>
212-
<div
213-
class="str-chat__loading-channel-message-text"
214-
/>
215-
<div
216-
class="str-chat__loading-channel-message-date"
217-
/>
218-
</div>
219-
</div>
220-
</div>
221-
</div>
222-
<div
223-
class="str-chat__loading-channel-message-input-row"
224-
>
225-
<div
226-
class="str-chat__loading-channel-message-input"
227-
/>
228-
<div
229-
class="str-chat__loading-channel-message-send"
230-
/>
231-
</div>
22+
<div>
23+
Loading channel
23224
</div>
23325
</div>
23426
</DocumentFragment>

‎src/components/Channel/LoadingChannel.tsx‎ renamed to ‎src/components/Loading/LoadingChannel.tsx‎

File renamed without changes.

‎src/components/Loading/index.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
export * from './LoadingChannel';
12
export * from './LoadingChannels';
23
export * from './LoadingErrorIndicator';
34
export * from './LoadingIndicator';

0 commit comments

Comments
 (0)