pawelorzech/Swoosh
1
0
Fork 0
mirror of https://github.com/pawelorzech/Swoosh.git synced 2026-03-31 20:15:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add image, link, schedule, and error animations in composer

Browse source
This commit is contained in:
Paweł Orzech 2026-03-19 14:23:25 +01:00
parent 0713bd912e
commit 188c62f076
No known key found for this signature in database
1 changed files with 127 additions and 93 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
app/src/main/java/com/swoosh/microblog/ui/composer/ComposerScreen.kt
View file

@ -3,6 +3,8 @@ package com.swoosh.microblog.ui.composer
import android.net.Uri
import androidx.activity.compose.rememberLauncherForActivityResult
import androidx.activity.result.contract.ActivityResultContracts
import androidx.compose.animation.*
import androidx.compose.animation.core.*
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.lazy.grid.GridCells
@ -37,6 +39,8 @@ import coil.compose.AsyncImage
import com.swoosh.microblog.data.HashtagParser
import com.swoosh.microblog.data.model.FeedPost
import com.swoosh.microblog.data.model.PostStats
import com.swoosh.microblog.ui.animation.SwooshMotion
import com.swoosh.microblog.ui.components.PulsingPlaceholder
import com.swoosh.microblog.ui.preview.HtmlPreviewWebView
import java.time.LocalDateTime
import java.time.ZoneId
@ -274,7 +278,12 @@ fun ComposerScreen(
}
// Image grid preview (multi-image)
if (state.imageUris.isNotEmpty()) {
AnimatedVisibility(
visible = state.imageUris.isNotEmpty(),
enter = scaleIn(initialScale = 0f, animationSpec = SwooshMotion.bouncy()) + fadeIn(SwooshMotion.quick()),
exit = scaleOut(animationSpec = SwooshMotion.quick()) + fadeOut(SwooshMotion.quick())
) {
Column {
Spacer(modifier = Modifier.height(12.dp))
ImageGridPreview(
imageUris = state.imageUris,
@ -310,14 +319,26 @@ fun ComposerScreen(
)
}
}
// Link preview
if (state.isLoadingLink) {
Spacer(modifier = Modifier.height(12.dp))
LinearProgressIndicator(modifier = Modifier.fillMaxWidth())
}
if (state.linkPreview != null) {
// Link preview
AnimatedVisibility(
visible = state.isLoadingLink,
enter = fadeIn(SwooshMotion.quick()),
exit = fadeOut(SwooshMotion.quick())
) {
Column {
Spacer(modifier = Modifier.height(12.dp))
PulsingPlaceholder(height = 80.dp)
}
}
AnimatedVisibility(
visible = state.linkPreview != null && !state.isLoadingLink,
enter = slideInVertically(initialOffsetY = { it / 2 }, animationSpec = SwooshMotion.gentle()) + fadeIn(SwooshMotion.quick()),
exit = fadeOut(SwooshMotion.quick())
) {
Column {
Spacer(modifier = Modifier.height(12.dp))
OutlinedCard(modifier = Modifier.fillMaxWidth()) {
Column(modifier = Modifier.padding(12.dp)) {
@ -358,9 +379,15 @@ fun ComposerScreen(
}
}
}
}
// Scheduled time display
if (state.scheduledAt != null) {
AnimatedVisibility(
visible = state.scheduledAt != null,
enter = scaleIn(animationSpec = SwooshMotion.bouncy()) + fadeIn(SwooshMotion.quick()),
exit = scaleOut(animationSpec = SwooshMotion.quick()) + fadeOut(SwooshMotion.quick())
) {
Column {
Spacer(modifier = Modifier.height(12.dp))
AssistChip(
onClick = { showDatePicker = true },
@ -376,6 +403,7 @@ fun ComposerScreen(
}
)
}
}
// Feature toggle
Spacer(modifier = Modifier.height(12.dp))
@ -404,7 +432,12 @@ fun ComposerScreen(
)
}
if (state.error != null) {
AnimatedVisibility(
visible = state.error != null,
enter = slideInHorizontally(initialOffsetX = { -it / 4 }, animationSpec = SwooshMotion.snappy()) + fadeIn(SwooshMotion.quick()),
exit = fadeOut(SwooshMotion.quick())
) {
Column {
Spacer(modifier = Modifier.height(12.dp))
Text(
text = state.error!!,
@ -412,6 +445,7 @@ fun ComposerScreen(
style = MaterialTheme.typography.bodySmall
)
}
}
Spacer(modifier = Modifier.height(24.dp))
Spacer(modifier = Modifier.weight(1f))