Benoit Marty
10 months ago
33 changed files with 156 additions and 28 deletions
@ -0,0 +1 @@
@@ -0,0 +1 @@
|
||||
Add item "This is the beginning of..." at the beginning of the timeline. |
||||
@ -0,0 +1,72 @@
@@ -0,0 +1,72 @@
|
||||
/* |
||||
* Copyright (c) 2023 New Vector Ltd |
||||
* |
||||
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||
* you may not use this file except in compliance with the License. |
||||
* You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
package io.element.android.features.messages.impl.timeline.components.virtual |
||||
|
||||
import androidx.compose.foundation.layout.Box |
||||
import androidx.compose.foundation.layout.Column |
||||
import androidx.compose.foundation.layout.fillMaxWidth |
||||
import androidx.compose.foundation.layout.padding |
||||
import androidx.compose.material3.MaterialTheme |
||||
import androidx.compose.runtime.Composable |
||||
import androidx.compose.ui.Alignment |
||||
import androidx.compose.ui.Modifier |
||||
import androidx.compose.ui.res.stringResource |
||||
import androidx.compose.ui.text.style.TextAlign |
||||
import androidx.compose.ui.unit.dp |
||||
import io.element.android.features.messages.impl.R |
||||
import io.element.android.libraries.designsystem.preview.ElementPreview |
||||
import io.element.android.libraries.designsystem.preview.PreviewsDayNight |
||||
import io.element.android.libraries.designsystem.theme.components.Text |
||||
import io.element.android.libraries.theme.ElementTheme |
||||
|
||||
@Composable |
||||
fun TimelineItemRoomBeginningView( |
||||
roomName: String?, |
||||
modifier: Modifier = Modifier |
||||
) { |
||||
Box( |
||||
modifier = modifier |
||||
.fillMaxWidth() |
||||
.padding(horizontal = 16.dp, vertical = 8.dp), |
||||
contentAlignment = Alignment.Center, |
||||
) { |
||||
val text = if (roomName == null) { |
||||
stringResource(id = R.string.room_timeline_beginning_of_room_no_name) |
||||
} else { |
||||
stringResource(id = R.string.room_timeline_beginning_of_room, roomName) |
||||
} |
||||
Text( |
||||
color = MaterialTheme.colorScheme.secondary, |
||||
style = ElementTheme.typography.fontBodyMdRegular, |
||||
text = text, |
||||
textAlign = TextAlign.Center, |
||||
) |
||||
} |
||||
} |
||||
|
||||
@PreviewsDayNight |
||||
@Composable |
||||
internal fun TimelineItemRoomBeginningViewPreview() = ElementPreview { |
||||
Column { |
||||
TimelineItemRoomBeginningView( |
||||
roomName = null, |
||||
) |
||||
TimelineItemRoomBeginningView( |
||||
roomName = "Room Name", |
||||
) |
||||
} |
||||
} |
||||
Loading…
Reference in new issue