Skip to content

Commit 656e487

Browse files
reshmarevi17reshmarevi17
authored
fix: Set initial loading state value to false in example app
1 parent d081194 commit 656e487

File tree

2 files changed

+20
-175
lines changed

2 files changed

+20
-175
lines changed

‎src/components/SirenPanel.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@ const SirenPanel: FC<SirenPanelProps> = ({
102102
);
103103

104104
const [error, setError] = useState<string>("");
105-
const [isLoading, setIsLoading] = useState(true);
105+
const [isLoading, setIsLoading] = useState(false);
106106
const [endReached, setEndReached] = useState(false);
107107
const [eventListenerData, setEventListenerData] =
108108
useState<EventListenerDataType | null>(null);

‎tests/components/__snapshots__/sirenPanel.spec.tsx.snap‎

Lines changed: 19 additions & 174 deletions
Original file line numberDiff line numberDiff line change
@@ -49,196 +49,41 @@ exports[`matches snapshot 1`] = `
4949
style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: rgb(35, 35, 38); padding: 0px; border-radius: 0 0 10px 10px;"
5050
>
5151
<div
52-
class="false "
52+
class="siren-sdk-content-container "
5353
id="contentContainer"
5454
style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: auto; height: 700px;"
5555
>
5656
<div
57-
class="siren-sdk-list-loader-container"
57+
class="siren-sdk-empty-container"
5858
>
5959
<div
60-
class="siren-sdk-skeleton-container"
60+
class="siren-sdk-empty-icon-container"
61+
style="background-color: rgb(247, 249, 252);"
6162
>
62-
<div
63-
class="siren-sdk-skeleton-grid"
64-
>
65-
<div
66-
class="siren-sdk-skeleton-avatar siren-sdk-skeleton"
67-
style="border-color: #f56630;"
68-
/>
69-
<div
70-
class="siren-sdk-skeleton-head siren-sdk-skeleton"
71-
style="border-color: #f56630;"
72-
/>
73-
<div
74-
class="siren-sdk-skeleton-subtitle siren-sdk-skeleton"
75-
style="border-color: #f56630;"
76-
/>
77-
<div
78-
class="siren-sdk-skeleton-body siren-sdk-skeleton"
79-
style="border-color: #f56630;"
80-
/>
81-
<div
82-
class="siren-sdk-skeleton-icon siren-sdk-skeleton"
83-
style="border-color: #f56630;"
84-
/>
85-
<div
86-
class="siren-sdk-skeleton-footer siren-sdk-skeleton"
87-
style="border-color: #f56630;"
88-
/>
89-
<div
90-
class="siren-sdk-skeleton-close siren-sdk-skeleton"
91-
style="border-color: #f56630;"
92-
/>
93-
</div>
63+
<img
64+
alt="empty-icon"
65+
class="siren-sdk-empty-icon"
66+
src="[object Object]"
67+
/>
9468
</div>
9569
<div
96-
class="siren-sdk-skeleton-container"
70+
class="siren-sdk-empty-text"
71+
style="color: rgb(255, 255, 255);"
9772
>
98-
<div
99-
class="siren-sdk-skeleton-grid"
100-
>
101-
<div
102-
class="siren-sdk-skeleton-avatar siren-sdk-skeleton"
103-
style="border-color: #f56630;"
104-
/>
105-
<div
106-
class="siren-sdk-skeleton-head siren-sdk-skeleton"
107-
style="border-color: #f56630;"
108-
/>
109-
<div
110-
class="siren-sdk-skeleton-subtitle siren-sdk-skeleton"
111-
style="border-color: #f56630;"
112-
/>
113-
<div
114-
class="siren-sdk-skeleton-body siren-sdk-skeleton"
115-
style="border-color: #f56630;"
116-
/>
117-
<div
118-
class="siren-sdk-skeleton-icon siren-sdk-skeleton"
119-
style="border-color: #f56630;"
120-
/>
121-
<div
122-
class="siren-sdk-skeleton-footer siren-sdk-skeleton"
123-
style="border-color: #f56630;"
124-
/>
125-
<div
126-
class="siren-sdk-skeleton-close siren-sdk-skeleton"
127-
style="border-color: #f56630;"
128-
/>
129-
</div>
73+
No new notifications
13074
</div>
13175
<div
132-
class="siren-sdk-skeleton-container"
76+
class="siren-sdk-empty-sub-text"
77+
style="color: rgb(255, 255, 255);"
13378
>
134-
<div
135-
class="siren-sdk-skeleton-grid"
136-
>
137-
<div
138-
class="siren-sdk-skeleton-avatar siren-sdk-skeleton"
139-
style="border-color: #f56630;"
140-
/>
141-
<div
142-
class="siren-sdk-skeleton-head siren-sdk-skeleton"
143-
style="border-color: #f56630;"
144-
/>
145-
<div
146-
class="siren-sdk-skeleton-subtitle siren-sdk-skeleton"
147-
style="border-color: #f56630;"
148-
/>
149-
<div
150-
class="siren-sdk-skeleton-body siren-sdk-skeleton"
151-
style="border-color: #f56630;"
152-
/>
153-
<div
154-
class="siren-sdk-skeleton-icon siren-sdk-skeleton"
155-
style="border-color: #f56630;"
156-
/>
157-
<div
158-
class="siren-sdk-skeleton-footer siren-sdk-skeleton"
159-
style="border-color: #f56630;"
160-
/>
161-
<div
162-
class="siren-sdk-skeleton-close siren-sdk-skeleton"
163-
style="border-color: #f56630;"
164-
/>
165-
</div>
166-
</div>
167-
<div
168-
class="siren-sdk-skeleton-container"
169-
>
170-
<div
171-
class="siren-sdk-skeleton-grid"
172-
>
173-
<div
174-
class="siren-sdk-skeleton-avatar siren-sdk-skeleton"
175-
style="border-color: #f56630;"
176-
/>
177-
<div
178-
class="siren-sdk-skeleton-head siren-sdk-skeleton"
179-
style="border-color: #f56630;"
180-
/>
181-
<div
182-
class="siren-sdk-skeleton-subtitle siren-sdk-skeleton"
183-
style="border-color: #f56630;"
184-
/>
185-
<div
186-
class="siren-sdk-skeleton-body siren-sdk-skeleton"
187-
style="border-color: #f56630;"
188-
/>
189-
<div
190-
class="siren-sdk-skeleton-icon siren-sdk-skeleton"
191-
style="border-color: #f56630;"
192-
/>
193-
<div
194-
class="siren-sdk-skeleton-footer siren-sdk-skeleton"
195-
style="border-color: #f56630;"
196-
/>
197-
<div
198-
class="siren-sdk-skeleton-close siren-sdk-skeleton"
199-
style="border-color: #f56630;"
200-
/>
201-
</div>
202-
</div>
203-
<div
204-
class="siren-sdk-skeleton-container"
205-
>
206-
<div
207-
class="siren-sdk-skeleton-grid"
208-
>
209-
<div
210-
class="siren-sdk-skeleton-avatar siren-sdk-skeleton"
211-
style="border-color: #f56630;"
212-
/>
213-
<div
214-
class="siren-sdk-skeleton-head siren-sdk-skeleton"
215-
style="border-color: #f56630;"
216-
/>
217-
<div
218-
class="siren-sdk-skeleton-subtitle siren-sdk-skeleton"
219-
style="border-color: #f56630;"
220-
/>
221-
<div
222-
class="siren-sdk-skeleton-body siren-sdk-skeleton"
223-
style="border-color: #f56630;"
224-
/>
225-
<div
226-
class="siren-sdk-skeleton-icon siren-sdk-skeleton"
227-
style="border-color: #f56630;"
228-
/>
229-
<div
230-
class="siren-sdk-skeleton-footer siren-sdk-skeleton"
231-
style="border-color: #f56630;"
232-
/>
233-
<div
234-
class="siren-sdk-skeleton-close siren-sdk-skeleton"
235-
style="border-color: #f56630;"
236-
/>
237-
</div>
79+
Check back later for updates and alerts.
23880
</div>
23981
</div>
24082
</div>
241-
<div />
83+
<div
84+
class="siren-sdk-panel-footer"
85+
data-testid="custom-footer"
86+
/>
24287
</div>
24388
</div>
24489
</div>

0 commit comments

Comments
 (0)