@@ -297,6 +297,34 @@ fun Content(viewModel: AccountViewModel) {
297
297
}
298
298
}
299
299
300
+ @Composable
301
+ fun EmptyState () {
302
+ Column (
303
+ modifier = Modifier .fillMaxSize(),
304
+ verticalArrangement = Arrangement .Center ,
305
+ horizontalAlignment = Alignment .CenterHorizontally
306
+ ) {
307
+ Icon (
308
+ imageVector = TablerIcons .Search ,
309
+ contentDescription = " No deeplinks found" ,
310
+ modifier = Modifier .height(64 .dp),
311
+ tint = MaterialTheme .colorScheme.primary
312
+ )
313
+ Spacer (modifier = Modifier .height(16 .dp))
314
+ Text (
315
+ text = " No deeplinks found" ,
316
+ style = MaterialTheme .typography.headlineMedium,
317
+ color = MaterialTheme .colorScheme.onSurface
318
+ )
319
+ Spacer (modifier = Modifier .height(8 .dp))
320
+ Text (
321
+ text = " Add a deeplink to get started." ,
322
+ style = MaterialTheme .typography.bodyLarge,
323
+ color = MaterialTheme .colorScheme.onSurfaceVariant
324
+ )
325
+ }
326
+ }
327
+
300
328
@Composable
301
329
fun DeeprList (
302
330
modifier : Modifier = Modifier ,
@@ -306,12 +334,10 @@ fun DeeprList(
306
334
onShortcutClick : (Deepr ) -> Unit ,
307
335
onItemLongClick : (Deepr ) -> Unit
308
336
) {
309
- LazyColumn (modifier = modifier, contentPadding = PaddingValues (vertical = 8 .dp)) {
310
- if (accounts.isEmpty()) {
311
- item {
312
- Text (text = " No deeplinks found." )
313
- }
314
- } else {
337
+ if (accounts.isEmpty()) {
338
+ EmptyState ()
339
+ } else {
340
+ LazyColumn (modifier = modifier, contentPadding = PaddingValues (vertical = 8 .dp)) {
315
341
items(accounts) { account ->
316
342
DeeprItem (
317
343
account = account,
0 commit comments