@@ -4,9 +4,7 @@ import androidx.compose.foundation.layout.Arrangement
44import androidx.compose.foundation.layout.Box
55import androidx.compose.foundation.layout.Column
66import androidx.compose.foundation.layout.Row
7- import androidx.compose.foundation.layout.Spacer
87import androidx.compose.foundation.layout.fillMaxWidth
9- import androidx.compose.foundation.layout.height
108import androidx.compose.foundation.layout.padding
119import androidx.compose.foundation.layout.size
1210import androidx.compose.foundation.layout.width
@@ -15,15 +13,14 @@ import androidx.compose.material.icons.Icons
1513import androidx.compose.material.icons.twotone.Search
1614import androidx.compose.material3.Card
1715import androidx.compose.material3.CardDefaults
16+ import androidx.compose.material3.CircularProgressIndicator
1817import androidx.compose.material3.Icon
19- import androidx.compose.material3.LinearProgressIndicator
2018import androidx.compose.material3.MaterialTheme
2119import androidx.compose.material3.Text
2220import androidx.compose.material3.TextButton
2321import androidx.compose.runtime.Composable
2422import androidx.compose.ui.Alignment
2523import androidx.compose.ui.Modifier
26- import androidx.compose.ui.graphics.StrokeCap
2724import androidx.compose.ui.res.stringResource
2825import androidx.compose.ui.text.style.TextOverflow
2926import androidx.compose.ui.unit.dp
@@ -58,17 +55,21 @@ fun SearchStatusCard(
5855 verticalAlignment = Alignment .CenterVertically ,
5956 horizontalArrangement = Arrangement .spacedBy(12 .dp)
6057 ) {
61- // Icon - always show search icon for consistency
62- Icon (
63- imageVector = Icons .TwoTone .Search ,
64- contentDescription = null ,
65- modifier = Modifier .size(24 .dp),
66- tint = if (state.isSearching) {
67- MaterialTheme .colorScheme.primary.copy(alpha = 0.7f )
68- } else {
69- MaterialTheme .colorScheme.primary
70- }
71- )
58+ // Icon - show circular progress when searching, static icon otherwise
59+ if (state.isSearching) {
60+ CircularProgressIndicator (
61+ modifier = Modifier .size(24 .dp),
62+ color = MaterialTheme .colorScheme.primary,
63+ strokeWidth = 2 .dp
64+ )
65+ } else {
66+ Icon (
67+ imageVector = Icons .TwoTone .Search ,
68+ contentDescription = null ,
69+ modifier = Modifier .size(24 .dp),
70+ tint = MaterialTheme .colorScheme.primary
71+ )
72+ }
7273
7374 Column (
7475 modifier = Modifier .weight(1f ),
@@ -159,19 +160,6 @@ fun SearchStatusCard(
159160 }
160161 }
161162 } // End of Row
162-
163- // Linear progress indicator at bottom when searching
164- if (state.isSearching) {
165- Spacer (modifier = Modifier .height(8 .dp))
166- LinearProgressIndicator (
167- modifier = Modifier
168- .fillMaxWidth()
169- .height(3 .dp),
170- color = MaterialTheme .colorScheme.primary,
171- trackColor = MaterialTheme .colorScheme.surfaceVariant.copy(alpha = 0.5f ),
172- strokeCap = StrokeCap .Round
173- )
174- }
175163 }
176164 }
177165}
0 commit comments