├── .gitignore
├── README.md
├── app
    ├── .gitignore
    ├── build.gradle
    ├── proguard-rules.pro
    └── src
    │   └── main
    │       ├── AndroidManifest.xml
    │       ├── java
    │           └── co
    │           │   └── zsmb
    │           │       └── cleanchat
    │           │           ├── MainActivity.kt
    │           │           ├── data
    │           │               ├── Message.kt
    │           │               ├── RandomData.kt
    │           │               └── User.kt
    │           │           └── ui
    │           │               ├── Common.kt
    │           │               ├── Contacts.kt
    │           │               ├── Messages.kt
    │           │               └── theme
    │           │                   ├── Colors.kt
    │           │                   └── Theme.kt
    │       └── res
    │           ├── drawable-v24
    │               └── ic_launcher_foreground.xml
    │           ├── drawable
    │               └── ic_launcher_background.xml
    │           ├── font
    │               ├── metropolis_bold.otf
    │               ├── metropolis_light.otf
    │               ├── metropolis_medium.otf
    │               ├── metropolis_regular.otf
    │               └── metropolis_regular_italic.otf
    │           ├── mipmap-anydpi-v26
    │               ├── ic_launcher.xml
    │               └── ic_launcher_round.xml
    │           ├── mipmap-hdpi
    │               ├── ic_launcher.webp
    │               └── ic_launcher_round.webp
    │           ├── mipmap-mdpi
    │               ├── ic_launcher.webp
    │               └── ic_launcher_round.webp
    │           ├── mipmap-xhdpi
    │               ├── ic_launcher.webp
    │               └── ic_launcher_round.webp
    │           ├── mipmap-xxhdpi
    │               ├── ic_launcher.webp
    │               └── ic_launcher_round.webp
    │           ├── mipmap-xxxhdpi
    │               ├── ic_launcher.webp
    │               └── ic_launcher_round.webp
    │           └── values
    │               ├── colors.xml
    │               ├── strings.xml
    │               └── themes.xml
├── build.gradle
├── docs
    ├── contacts.jpg
    └── messages.jpg
├── gradle.properties
├── gradle
    └── wrapper
    │   ├── gradle-wrapper.jar
    │   └── gradle-wrapper.properties
├── gradlew
├── gradlew.bat
└── settings.gradle


/.gitignore:
--------------------------------------------------------------------------------
 1 | *.iml
 2 | .gradle
 3 | /local.properties
 4 | /.idea
 5 | .DS_Store
 6 | /build
 7 | /captures
 8 | .externalNativeBuild
 9 | .cxx
10 | local.properties
11 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Clean Chat
 2 | 
 3 | A Jetpack Compose implementation of Mickael Guillaume's *[Contacts & Messages](https://dribbble.com/shots/14115486-Contacts-Messages/)* design from Dribbble, as shown off in [Build an Android Chat app with Jetpack Compose](https://proandroiddev.com/android-chat-app-jetpack-compose-dec472140ff1).
 4 | 
 5 | > **Note that Stream now ships a dedicated [Jetpack Compose SDK](https://getstream.io/chat/sdk/compose/).**
 6 | 
 7 | <p align="center">
 8 |     <img width="400" src="docs/contacts.jpg" />
 9 |     <img width="400" src="docs/messages.jpg" />
10 | </p>
11 | 


--------------------------------------------------------------------------------
/app/.gitignore:
--------------------------------------------------------------------------------
1 | /build


--------------------------------------------------------------------------------
/app/build.gradle:
--------------------------------------------------------------------------------
 1 | plugins {
 2 |     id 'com.android.application'
 3 |     id 'kotlin-android'
 4 | }
 5 | 
 6 | android {
 7 |     compileSdk 30
 8 |     buildToolsVersion "30.0.3"
 9 | 
10 |     defaultConfig {
11 |         applicationId "co.zsmb.cleanchat"
12 |         minSdk 26
13 |         targetSdk 30
14 |         versionCode 1
15 |         versionName "1.0"
16 | 
17 |         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
18 |         vectorDrawables {
19 |             useSupportLibrary true
20 |         }
21 |     }
22 | 
23 |     buildTypes {
24 |         release {
25 |             minifyEnabled false
26 |             proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
27 |         }
28 |     }
29 |     compileOptions {
30 |         sourceCompatibility JavaVersion.VERSION_1_8
31 |         targetCompatibility JavaVersion.VERSION_1_8
32 |     }
33 |     kotlinOptions {
34 |         jvmTarget = '1.8'
35 |         useIR = true
36 |     }
37 |     buildFeatures {
38 |         compose true
39 |     }
40 |     composeOptions {
41 |         kotlinCompilerExtensionVersion compose_version
42 |         kotlinCompilerVersion '1.4.32'
43 |     }
44 | }
45 | 
46 | tasks.withType(org.jetbrains.kotlin.gradle.tasks.KotlinCompile).all {
47 |     kotlinOptions {
48 |         freeCompilerArgs += [
49 |                 '-progressive',
50 |                 '-Xopt-in=kotlin.RequiresOptIn',
51 |         ]
52 |     }
53 | }
54 | 
55 | dependencies {
56 |     implementation "com.google.accompanist:accompanist-coil:0.8.1"
57 |     implementation 'org.jetbrains.kotlin:kotlin-reflect'
58 | 
59 |     implementation 'androidx.core:core-ktx:1.5.0'
60 |     implementation 'androidx.appcompat:appcompat:1.3.0'
61 |     implementation 'com.google.android.material:material:1.3.0'
62 |     implementation "androidx.compose.ui:ui:$compose_version"
63 |     implementation "androidx.compose.material:material:$compose_version"
64 |     implementation "androidx.compose.ui:ui-tooling:$compose_version"
65 |     implementation "androidx.navigation:navigation-compose:1.0.0-alpha10"
66 |     implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1'
67 |     implementation 'androidx.activity:activity-compose:1.3.0-alpha07'
68 | }
69 | 


--------------------------------------------------------------------------------
/app/proguard-rules.pro:
--------------------------------------------------------------------------------
 1 | # Add project specific ProGuard rules here.
 2 | # You can control the set of applied configuration files using the
 3 | # proguardFiles setting in build.gradle.
 4 | #
 5 | # For more details, see
 6 | #   http://developer.android.com/guide/developing/tools/proguard.html
 7 | 
 8 | # If your project uses WebView with JS, uncomment the following
 9 | # and specify the fully qualified class name to the JavaScript interface
10 | # class:
11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
12 | #   public *;
13 | #}
14 | 
15 | # Uncomment this to preserve the line number information for
16 | # debugging stack traces.
17 | #-keepattributes SourceFile,LineNumberTable
18 | 
19 | # If you keep the line number information, uncomment this to
20 | # hide the original source file name.
21 | #-renamesourcefileattribute SourceFile


--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <manifest xmlns:android="http://schemas.android.com/apk/res/android"
 3 |     package="co.zsmb.cleanchat">
 4 | 
 5 |     <uses-permission android:name="android.permission.INTERNET" />
 6 | 
 7 | 
 8 |     <application
 9 |         android:allowBackup="true"
10 |         android:icon="@mipmap/ic_launcher"
11 |         android:label="@string/app_name"
12 |         android:roundIcon="@mipmap/ic_launcher_round"
13 |         android:supportsRtl="true"
14 |         android:theme="@style/Theme.CleanChat">
15 |         <activity
16 |             android:name="co.zsmb.cleanchat.MainActivity"
17 |             android:exported="true"
18 |             android:label="@string/app_name"
19 |             android:theme="@style/Theme.CleanChat.NoActionBar">
20 |             <intent-filter>
21 |                 <action android:name="android.intent.action.MAIN" />
22 | 
23 |                 <category android:name="android.intent.category.LAUNCHER" />
24 |             </intent-filter>
25 |         </activity>
26 |     </application>
27 | 
28 | </manifest>


--------------------------------------------------------------------------------
/app/src/main/java/co/zsmb/cleanchat/MainActivity.kt:
--------------------------------------------------------------------------------
 1 | package co.zsmb.cleanchat
 2 | 
 3 | import android.os.Bundle
 4 | import androidx.activity.ComponentActivity
 5 | import androidx.activity.compose.setContent
 6 | import androidx.navigation.compose.NavHost
 7 | import androidx.navigation.compose.composable
 8 | import androidx.navigation.compose.rememberNavController
 9 | import co.zsmb.cleanchat.ui.Contacts
10 | import co.zsmb.cleanchat.ui.Messages
11 | import co.zsmb.cleanchat.ui.theme.CleanChatTheme
12 | 
13 | class MainActivity : ComponentActivity() {
14 |     override fun onCreate(savedInstanceState: Bundle?) {
15 |         super.onCreate(savedInstanceState)
16 |         setContent {
17 |             CleanChatTheme {
18 |                 val navController = rememberNavController()
19 |                 NavHost(navController, startDestination = "contacts") {
20 |                     composable("contacts") {
21 |                         Contacts(navController)
22 |                     }
23 |                     composable("messages") {
24 |                         Messages()
25 |                     }
26 |                 }
27 |             }
28 |         }
29 |     }
30 | }
31 | 


--------------------------------------------------------------------------------
/app/src/main/java/co/zsmb/cleanchat/data/Message.kt:
--------------------------------------------------------------------------------
1 | package co.zsmb.cleanchat.data
2 | 
3 | data class Message(
4 |     val user: User,
5 |     val text: String,
6 |     val imageUrl: String? = null,
7 | )
8 | 


--------------------------------------------------------------------------------
/app/src/main/java/co/zsmb/cleanchat/data/RandomData.kt:
--------------------------------------------------------------------------------
 1 | package co.zsmb.cleanchat.data
 2 | 
 3 | import kotlin.random.Random
 4 | import java.time.Instant
 5 | import java.time.temporal.ChronoUnit
 6 | import java.util.Date
 7 | 
 8 | fun randomMessageList(size: Int = Random.nextInt(4, 10)): List<Message> {
 9 |     return List(size) { randomMessage() }
10 | }
11 | 
12 | fun randomMessage(): Message {
13 |     val messages = listOf(
14 |         "Cake or pie? I can tell a lot about you by which one you pick. It may seem silly, but cake people and pie people are really different. I know which one I hope you are, but that's not for me to decide. So, what is it? Cake or pie?",
15 |         "The young man wanted a role model. He looked long and hard in his youth, but that role model never materialized. His only choice was to embrace all the people in his life he didn't want to be like.",
16 |         "The headphones were on. They had been utilized on purpose. She could hear her mom yelling in the background, but couldn't make out exactly what the yelling was about. That was exactly why she had put them on. She knew her mom would enter her room at any minute, and she could pretend that she hadn't heard any of the previous yelling.",
17 |         "She had been an angel for coming up on 10 years and in all that time nobody had told her this was possible. The fact that it could ever happen never even entered her mind. Yet there she stood, with the undeniable evidence sitting on the ground before her. Angels could lose their wings.",
18 |         "It went through such rapid contortions that the little bear was forced to change his hold on it so many times he became confused in the darkness, and could not, for the life of him, tell whether he held the sheep right side up, or upside down.",
19 |         "Sometimes there isn't a good answer. No matter how you try to rationalize the outcome, it doesn't make sense. And instead of an answer, you are simply left with a question. Why?",
20 |         "It was their first date and she had been looking forward to it the entire week. She had her eyes on him for months, and it had taken a convoluted scheme with several friends to make it happen, but he'd finally taken the hint and asked her out. After all the time and effort she'd invested into it, she never thought that it would be anything but wonderful.",
21 |         "It wasn't quite yet time to panic. There was still time to salvage the situation. At least that is what she was telling himself. The reality was that it was time to panic and there wasn't time to salvage the situation, but he continued to delude himself into believing there was.",
22 |         "The lone lamp post of the one-street town flickered, not quite dead but definitely on its way out. Suitcase by her side, she paid no heed to the light, the street or the town. A car was coming down the street and with her arm outstretched and thumb in the air, she had a plan.",
23 |     )
24 |     val imageIds = listOf(
25 |         null,
26 |         null,
27 |         null,
28 |         null,
29 |         null,
30 |         null,
31 |         "1620504395830-1d1c57f46151",
32 |         "1618340338709-027f57b98a16",
33 |         "1619732514485-2f6896f9e34c",
34 |         "1581503039137-1cc062a9097b",
35 |         "1619229725896-1b2ca516a6d8",
36 |         "1619963168631-f9dcc897e348",
37 |     )
38 |     return Message(
39 |         user = randomUser(),
40 |         text = messages.random(),
41 |         imageUrl = imageIds.random()
42 |             ?.let { id -> "https://images.unsplash.com/photo-${id}?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=800&ixlib=rb-1.2.1&q=80&w=1200" },
43 |     )
44 | }
45 | 
46 | fun randomUserList(size: Int = 30): List<User> {
47 |     return List(size) { randomUser() }
48 |         .sortedByDescending { it.lastOnline }
49 |         .sortedByDescending { it.isOnline }
50 | }
51 | 
52 | fun randomUser(): User {
53 |     val names = listOf(
54 |         "Marc",
55 |         "Sandy",
56 |         "Lucie",
57 |         "Laura",
58 |         "Pierre",
59 |         "Fanny",
60 |         "Celine",
61 |         "Alice",
62 |         "Martin",
63 |         "Pauline"
64 |     )
65 |     return User(
66 |         name = names.random(),
67 |         avatarUrl = randomAvatarUrl(),
68 |         isOnline = Random.nextFloat() < 0.4,
69 |         lastOnline = Date(
70 |             Random.nextLong(
71 |                 minTime.toEpochMilli(),
72 |                 maxTime.toEpochMilli()
73 |             )
74 |         )
75 |     )
76 | }
77 | 
78 | private val maxTime = Instant.now()
79 | private val minTime = maxTime.minus(2, ChronoUnit.DAYS)
80 | 
81 | fun randomAvatarUrl(): String {
82 |     val category = listOf("men", "women").random()
83 |     val index = (0..99).random()
84 |     return "https://randomuser.me/api/portraits/$category/$index.jpg"
85 | }
86 | 
87 | 


--------------------------------------------------------------------------------
/app/src/main/java/co/zsmb/cleanchat/data/User.kt:
--------------------------------------------------------------------------------
 1 | package co.zsmb.cleanchat.data
 2 | 
 3 | import java.util.Date
 4 | 
 5 | data class User(
 6 |     val name: String,
 7 |     val avatarUrl: String,
 8 |     val isOnline: Boolean,
 9 |     val lastOnline: Date,
10 | )
11 | 


--------------------------------------------------------------------------------
/app/src/main/java/co/zsmb/cleanchat/ui/Common.kt:
--------------------------------------------------------------------------------
  1 | package co.zsmb.cleanchat.ui
  2 | 
  3 | import android.text.format.DateUtils
  4 | import androidx.compose.foundation.Image
  5 | import androidx.compose.foundation.background
  6 | import androidx.compose.foundation.layout.*
  7 | import androidx.compose.foundation.shape.CircleShape
  8 | import androidx.compose.foundation.shape.RoundedCornerShape
  9 | import androidx.compose.material.Text
 10 | import androidx.compose.runtime.Composable
 11 | import androidx.compose.runtime.ReadOnlyComposable
 12 | import androidx.compose.ui.Alignment
 13 | import androidx.compose.ui.Modifier
 14 | import androidx.compose.ui.draw.clip
 15 | import androidx.compose.ui.res.stringResource
 16 | import androidx.compose.ui.text.font.FontWeight
 17 | import androidx.compose.ui.tooling.preview.Preview
 18 | import androidx.compose.ui.unit.dp
 19 | import androidx.compose.ui.unit.sp
 20 | import co.zsmb.cleanchat.R
 21 | import co.zsmb.cleanchat.data.User
 22 | import co.zsmb.cleanchat.data.randomUserList
 23 | import co.zsmb.cleanchat.ui.theme.AppColors
 24 | import com.google.accompanist.coil.rememberCoilPainter
 25 | 
 26 | @Composable
 27 | fun Avatar(
 28 |     url: String,
 29 |     modifier: Modifier = Modifier,
 30 | ) {
 31 |     Image(
 32 |         painter = rememberCoilPainter(url),
 33 |         contentDescription = null,
 34 |         modifier = modifier
 35 |             .size(64.dp)
 36 |             .clip(RoundedCornerShape(12.dp))
 37 |     )
 38 | }
 39 | 
 40 | @Composable
 41 | fun UserRow(user: User, modifier: Modifier = Modifier) {
 42 |     @Composable
 43 |     fun OnlineIndicator() {
 44 |         Box(
 45 |             Modifier
 46 |                 .size(12.dp)
 47 |                 .clip(CircleShape)
 48 |                 .background(AppColors.onlineIndicator)
 49 |         )
 50 |     }
 51 | 
 52 |     Row(
 53 |         verticalAlignment = Alignment.CenterVertically,
 54 |         modifier = modifier.padding(24.dp),
 55 |     ) {
 56 |         Avatar(url = user.avatarUrl, modifier = Modifier.padding(end = 16.dp))
 57 | 
 58 |         Column(modifier = Modifier.weight(1f, fill = true)) {
 59 |             Text(
 60 |                 user.name,
 61 |                 fontWeight = FontWeight.Bold,
 62 |                 color = AppColors.textDark,
 63 |             )
 64 |             Text(
 65 |                 lastActiveStatus(user),
 66 |                 fontWeight = FontWeight.Medium,
 67 |                 modifier = Modifier.padding(top = 4.dp),
 68 |                 color = AppColors.textMedium,
 69 |                 fontSize = 14.sp,
 70 |             )
 71 |         }
 72 | 
 73 |         if (user.isOnline) {
 74 |             OnlineIndicator()
 75 |         }
 76 |     }
 77 | }
 78 | 
 79 | @Composable
 80 | @ReadOnlyComposable
 81 | private fun lastActiveStatus(user: User): String {
 82 |     return when {
 83 |         user.isOnline -> stringResource(R.string.user_online)
 84 |         else -> stringResource(
 85 |             R.string.user_last_activity,
 86 |             DateUtils.getRelativeTimeSpanString(user.lastOnline.time)
 87 |         )
 88 |     }
 89 | }
 90 | 
 91 | @Preview(
 92 |     showBackground = true,
 93 | )
 94 | @Composable
 95 | fun UserRowPreview() {
 96 |     Column {
 97 |         randomUserList(5).forEach { user ->
 98 |             UserRow(user = user)
 99 |         }
100 |     }
101 | }
102 | 


--------------------------------------------------------------------------------
/app/src/main/java/co/zsmb/cleanchat/ui/Contacts.kt:
--------------------------------------------------------------------------------
  1 | package co.zsmb.cleanchat.ui
  2 | 
  3 | import androidx.compose.foundation.background
  4 | import androidx.compose.foundation.clickable
  5 | import androidx.compose.foundation.gestures.Orientation
  6 | import androidx.compose.foundation.layout.*
  7 | import androidx.compose.foundation.lazy.*
  8 | import androidx.compose.foundation.shape.CircleShape
  9 | import androidx.compose.foundation.shape.RoundedCornerShape
 10 | import androidx.compose.material.*
 11 | import androidx.compose.material.icons.Icons
 12 | import androidx.compose.material.icons.filled.Add
 13 | import androidx.compose.material.icons.filled.Search
 14 | import androidx.compose.runtime.Composable
 15 | import androidx.compose.runtime.remember
 16 | import androidx.compose.ui.Alignment
 17 | import androidx.compose.ui.Modifier
 18 | import androidx.compose.ui.draw.alpha
 19 | import androidx.compose.ui.draw.clip
 20 | import androidx.compose.ui.geometry.Offset
 21 | import androidx.compose.ui.input.nestedscroll.NestedScrollConnection
 22 | import androidx.compose.ui.input.nestedscroll.NestedScrollDispatcher
 23 | import androidx.compose.ui.input.nestedscroll.NestedScrollSource
 24 | import androidx.compose.ui.input.nestedscroll.nestedScroll
 25 | import androidx.compose.ui.platform.LocalDensity
 26 | import androidx.compose.ui.res.stringResource
 27 | import androidx.compose.ui.text.font.FontWeight
 28 | import androidx.compose.ui.unit.Dp
 29 | import androidx.compose.ui.unit.Velocity
 30 | import androidx.compose.ui.unit.dp
 31 | import androidx.compose.ui.unit.sp
 32 | import androidx.navigation.NavController
 33 | import androidx.navigation.compose.navigate
 34 | import co.zsmb.cleanchat.R
 35 | import co.zsmb.cleanchat.data.User
 36 | import co.zsmb.cleanchat.data.randomUserList
 37 | import co.zsmb.cleanchat.ui.theme.AppColors
 38 | import kotlin.math.pow
 39 | import kotlin.math.roundToInt
 40 | 
 41 | private val HEADER_SIZE = 360.dp
 42 | 
 43 | @OptIn(ExperimentalMaterialApi::class)
 44 | @Composable
 45 | fun Contacts(navController: NavController) {
 46 |     val swipeableState = rememberSwipeableState(1f)
 47 |     val headerSizePx = with(LocalDensity.current) { HEADER_SIZE.toPx() }
 48 |     val anchors = mapOf(0f to 0f, headerSizePx to 1f)
 49 | 
 50 |     val onNewDelta: (Float) -> Float = { delta ->
 51 |         swipeableState.performDrag(delta)
 52 |     }
 53 |     val nestedScrollDispatcher = remember { NestedScrollDispatcher() }
 54 |     val nestedScrollConnection = remember {
 55 |         object : NestedScrollConnection {
 56 |             override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
 57 |                 if (available.y > 0) {
 58 |                     return Offset.Zero
 59 |                 }
 60 |                 val vertical = available.y
 61 |                 val weConsumed = onNewDelta(vertical)
 62 |                 return Offset(x = 0f, y = weConsumed)
 63 |             }
 64 | 
 65 |             override fun onPostScroll(
 66 |                 consumed: Offset,
 67 |                 available: Offset,
 68 |                 source: NestedScrollSource
 69 |             ): Offset {
 70 |                 if (available.y < 0) {
 71 |                     return Offset.Zero
 72 |                 }
 73 |                 val vertical = available.y
 74 |                 val weConsumed = onNewDelta(vertical)
 75 |                 return Offset(x = 0f, y = weConsumed)
 76 |             }
 77 | 
 78 |             override suspend fun onPostFling(
 79 |                 consumed: Velocity,
 80 |                 available: Velocity
 81 |             ): Velocity {
 82 |                 swipeableState.performFling(available.y)
 83 |                 return available
 84 |             }
 85 |         }
 86 |     }
 87 | 
 88 |     val progress: Float = (swipeableState.offset.value) / headerSizePx
 89 | 
 90 |     Box(
 91 |         Modifier
 92 |             .fillMaxSize()
 93 |             .nestedScroll(nestedScrollConnection, nestedScrollDispatcher)
 94 |             .swipeable(
 95 |                 state = swipeableState,
 96 |                 anchors = anchors,
 97 |                 thresholds = { _, _ -> FractionalThreshold(0.4f) },
 98 |                 orientation = Orientation.Vertical,
 99 |             )
100 |             .background(AppColors.bgDark)
101 |     ) {
102 |         Column(Modifier.alpha(progress)) {
103 |             Toolbar(onButtonClicked = { navController.navigate("messages") })
104 |             Searchbar()
105 |             Favorites()
106 |         }
107 | 
108 |         val currentOffset: Dp = with(LocalDensity.current) {
109 |             swipeableState.offset.value.roundToInt().coerceAtLeast(0).toDp()
110 |         }
111 | 
112 |         ContactList(currentOffset)
113 |     }
114 | }
115 | 
116 | @Composable
117 | private fun ContactList(topOffset: Dp) {
118 |     val users = remember { randomUserList(size = 20) }
119 | 
120 |     val state: LazyListState = rememberLazyListState()
121 | 
122 |     val cornerRatio = (topOffset / (HEADER_SIZE / 2) - 1f).coerceAtLeast(0f)
123 |     val currentCorner = when {
124 |         cornerRatio <= 1f -> 36.dp * cornerRatio
125 |         else -> 36.dp * cornerRatio.pow(6)
126 |     }
127 | 
128 |     LazyColumn(
129 |         state = state,
130 |         modifier = Modifier
131 |             .offset(y = topOffset)
132 |             .clip(RoundedCornerShape(currentCorner))
133 |             .background(AppColors.bgLight),
134 |         contentPadding = PaddingValues(vertical = 24.dp, horizontal = 24.dp),
135 |         verticalArrangement = Arrangement.spacedBy(16.dp)
136 |     ) {
137 |         items(users) { user ->
138 |             Card(
139 |                 modifier = Modifier.fillMaxWidth(),
140 |                 shape = RoundedCornerShape(16.dp),
141 |                 elevation = 0.5.dp
142 |             ) {
143 |                 UserRow(user)
144 |             }
145 |         }
146 |     }
147 | }
148 | 
149 | @Composable
150 | private fun Toolbar(onButtonClicked: () -> Unit) {
151 |     Row(
152 |         Modifier
153 |             .padding(top = 16.dp)
154 |             .padding(horizontal = 24.dp, vertical = 16.dp)
155 |     ) {
156 |         Text(
157 |             stringResource(R.string.contacts_title),
158 |             color = AppColors.textLight,
159 |             fontSize = 28.sp,
160 |             modifier = Modifier.weight(1f, fill = true),
161 |             fontWeight = FontWeight.Medium
162 |         )
163 |         Box(
164 |             modifier = Modifier
165 |                 .clip(RoundedCornerShape(6.dp))
166 |                 .size(32.dp)
167 |                 .background(AppColors.bgLight)
168 |                 .clickable(onClick = onButtonClicked),
169 |             contentAlignment = Alignment.Center,
170 |         ) {
171 |             Icon(Icons.Default.Add, null)
172 |         }
173 |     }
174 | }
175 | 
176 | @Composable
177 | private fun Searchbar() {
178 |     Row(
179 |         verticalAlignment = Alignment.CenterVertically,
180 |         modifier = Modifier
181 |             .fillMaxWidth()
182 |             .padding(vertical = 16.dp, horizontal = 24.dp)
183 |             .clip(RoundedCornerShape(percent = 50))
184 |             .background(AppColors.bgMedium)
185 |             .padding(12.dp)
186 |     ) {
187 |         Icon(
188 |             Icons.Default.Search,
189 |             contentDescription = null,
190 |             tint = AppColors.textMedium,
191 |             modifier = Modifier.padding(8.dp)
192 |         )
193 |         Text(stringResource(R.string.search_hint), color = AppColors.textMedium)
194 |     }
195 | }
196 | 
197 | @Composable
198 | private fun Favorites() {
199 |     Column(Modifier.padding(top = 16.dp, bottom = 16.dp)) {
200 |         Text(
201 |             stringResource(R.string.favorites_title),
202 |             color = AppColors.textLight,
203 |             fontSize = 16.sp,
204 |             fontWeight = FontWeight.Medium,
205 |             modifier = Modifier.padding(start = 24.dp, bottom = 8.dp)
206 |         )
207 |         val users = remember { randomUserList(size = 10) }
208 |         LazyRow(
209 |             horizontalArrangement = Arrangement.spacedBy(32.dp),
210 |             contentPadding = PaddingValues(horizontal = 24.dp, vertical = 0.dp)
211 |         ) {
212 |             items(users) { user ->
213 |                 FavoriteUser(user)
214 |             }
215 |         }
216 |     }
217 | }
218 | 
219 | @Composable
220 | private fun FavoriteUser(user: User) {
221 |     Column(
222 |         horizontalAlignment = Alignment.CenterHorizontally,
223 |         modifier = Modifier.padding(vertical = 16.dp)
224 |     ) {
225 |         Box(contentAlignment = Alignment.BottomCenter) {
226 |             Avatar(
227 |                 url = user.avatarUrl,
228 |                 modifier = Modifier.padding(bottom = 5.dp)
229 |             )
230 |             if (user.isOnline) {
231 |                 Box(
232 |                     Modifier
233 |                         .size(10.dp)
234 |                         .clip(CircleShape)
235 |                         .background(AppColors.bgDark),
236 |                     contentAlignment = Alignment.Center,
237 |                 ) {
238 |                     Box(
239 |                         Modifier
240 |                             .size(8.dp)
241 |                             .clip(CircleShape)
242 |                             .background(AppColors.onlineIndicator)
243 |                     )
244 |                 }
245 |             }
246 |         }
247 |         Text(
248 |             user.name,
249 |             color = AppColors.textLight,
250 |             fontWeight = FontWeight.Medium,
251 |             fontSize = 14.sp,
252 |             letterSpacing = 0.1.sp
253 |         )
254 |     }
255 | }
256 | 


--------------------------------------------------------------------------------
/app/src/main/java/co/zsmb/cleanchat/ui/Messages.kt:
--------------------------------------------------------------------------------
  1 | package co.zsmb.cleanchat.ui
  2 | 
  3 | import androidx.compose.foundation.Image
  4 | import androidx.compose.foundation.background
  5 | import androidx.compose.foundation.layout.*
  6 | import androidx.compose.foundation.lazy.LazyColumn
  7 | import androidx.compose.foundation.lazy.LazyListState
  8 | import androidx.compose.foundation.lazy.items
  9 | import androidx.compose.foundation.lazy.rememberLazyListState
 10 | import androidx.compose.foundation.shape.RoundedCornerShape
 11 | import androidx.compose.material.Card
 12 | import androidx.compose.material.Text
 13 | import androidx.compose.runtime.Composable
 14 | import androidx.compose.runtime.remember
 15 | import androidx.compose.ui.Alignment
 16 | import androidx.compose.ui.Modifier
 17 | import androidx.compose.ui.draw.alpha
 18 | import androidx.compose.ui.draw.clip
 19 | import androidx.compose.ui.platform.LocalDensity
 20 | import androidx.compose.ui.res.stringResource
 21 | import androidx.compose.ui.text.font.FontWeight
 22 | import androidx.compose.ui.unit.dp
 23 | import androidx.compose.ui.unit.em
 24 | import androidx.compose.ui.unit.sp
 25 | import co.zsmb.cleanchat.R
 26 | import co.zsmb.cleanchat.data.Message
 27 | import co.zsmb.cleanchat.data.randomMessageList
 28 | import co.zsmb.cleanchat.ui.theme.AppColors
 29 | import com.google.accompanist.coil.rememberCoilPainter
 30 | 
 31 | @Composable
 32 | fun Messages() {
 33 |     val messages = remember { randomMessageList() }
 34 | 
 35 |     Box(
 36 |         contentAlignment = Alignment.TopCenter,
 37 |         modifier = Modifier
 38 |             .fillMaxSize()
 39 |             .background(AppColors.bgLight),
 40 |     ) {
 41 |         val listState = rememberLazyListState()
 42 |         MessageList(messages, listState)
 43 |         Toolbar(messages.size, listState)
 44 |     }
 45 | }
 46 | 
 47 | @Composable
 48 | private fun Toolbar(messageCount: Int, listState: LazyListState) {
 49 |     val toolbarHeight = with(LocalDensity.current) { 60.dp.toPx() }.toFloat()
 50 |     val alpha = if (listState.firstVisibleItemIndex > 0) {
 51 |         0f
 52 |     } else {
 53 |         1 - (listState.firstVisibleItemScrollOffset / toolbarHeight)
 54 |     }.coerceAtLeast(0f)
 55 | 
 56 |     Row(
 57 |         modifier = Modifier
 58 |             .alpha(alpha)
 59 |             .background(AppColors.bgLight)
 60 |             .padding(top = 16.dp)
 61 |             .padding(vertical = 16.dp, horizontal = 24.dp),
 62 |         verticalAlignment = Alignment.CenterVertically,
 63 |     ) {
 64 |         Text(
 65 |             stringResource(R.string.messages_title),
 66 |             modifier = Modifier.weight(1f, fill = true),
 67 |             color = AppColors.textDark,
 68 |             fontSize = 28.sp,
 69 |             fontWeight = FontWeight.Medium
 70 |         )
 71 |         Text(
 72 |             stringResource(R.string.messages_new_count, messageCount),
 73 |             modifier = Modifier.padding(top = 4.dp),
 74 |             color = AppColors.textMedium,
 75 |             fontSize = 14.sp,
 76 |         )
 77 |     }
 78 | }
 79 | 
 80 | @Composable
 81 | private fun MessageList(messages: List<Message>, listState: LazyListState) {
 82 |     LazyColumn(
 83 |         state = listState,
 84 |         verticalArrangement = Arrangement.spacedBy(16.dp),
 85 |         contentPadding = PaddingValues(start = 16.dp, end = 16.dp, bottom = 32.dp, top = 80.dp)
 86 |     ) {
 87 |         items(messages) { message ->
 88 |             MessageCard(message)
 89 |         }
 90 |     }
 91 | }
 92 | 
 93 | @Composable
 94 | private fun MessageCard(message: Message) {
 95 |     Card(
 96 |         shape = RoundedCornerShape(16.dp),
 97 |         modifier = Modifier.padding(vertical = 12.dp),
 98 |         elevation = 0.5.dp
 99 |     ) {
100 |         Column {
101 |             UserRow(user = message.user)
102 |             MessageBody(
103 |                 message,
104 |                 modifier = Modifier.padding(
105 |                     start = 24.dp,
106 |                     end = 24.dp,
107 |                     bottom = 16.dp,
108 |                 )
109 |             )
110 |             if (message.imageUrl != null) {
111 |                 MessageImageAttachment(
112 |                     message,
113 |                     modifier = Modifier
114 |                         .padding(top = 12.dp, start = 24.dp, end = 24.dp, bottom = 24.dp)
115 |                         .clip(RoundedCornerShape(12.dp))
116 |                 )
117 |             }
118 |         }
119 |     }
120 | }
121 | 
122 | @Composable
123 | private fun MessageImageAttachment(message: Message, modifier: Modifier) {
124 |     Image(
125 |         painter = rememberCoilPainter(message.imageUrl),
126 |         contentDescription = null,
127 |         modifier = modifier
128 |     )
129 | }
130 | 
131 | @Composable
132 | private fun MessageBody(message: Message, modifier: Modifier = Modifier) {
133 |     Text(
134 |         text = message.text,
135 |         color = AppColors.textMedium,
136 |         modifier = modifier,
137 |         lineHeight = 1.7f.em,
138 |         fontWeight = FontWeight.Medium,
139 |     )
140 | }
141 | 


--------------------------------------------------------------------------------
/app/src/main/java/co/zsmb/cleanchat/ui/theme/Colors.kt:
--------------------------------------------------------------------------------
 1 | package co.zsmb.cleanchat.ui.theme
 2 | 
 3 | import androidx.compose.ui.graphics.Color
 4 | 
 5 | object AppColors {
 6 |     val bgLight = Color.White
 7 |     val bgDark = Color(0xFF1A1A1A)
 8 |     val bgMedium = Color(0xFF323232)
 9 | 
10 |     val textLight = Color.White
11 |     val textDark = Color(0xFF393E46)
12 |     val textMedium = Color(0xFF929599)
13 | 
14 |     val onlineIndicator = Color(0xFF19D42B)
15 | }
16 | 


--------------------------------------------------------------------------------
/app/src/main/java/co/zsmb/cleanchat/ui/theme/Theme.kt:
--------------------------------------------------------------------------------
 1 | package co.zsmb.cleanchat.ui.theme
 2 | 
 3 | import androidx.compose.material.MaterialTheme
 4 | import androidx.compose.material.Typography
 5 | import androidx.compose.runtime.Composable
 6 | import androidx.compose.ui.text.TextStyle
 7 | import androidx.compose.ui.text.font.Font
 8 | import androidx.compose.ui.text.font.FontFamily
 9 | import androidx.compose.ui.text.font.FontStyle
10 | import androidx.compose.ui.text.font.FontWeight
11 | import androidx.compose.ui.unit.sp
12 | import co.zsmb.cleanchat.R
13 | 
14 | private val Metropolis = FontFamily(
15 |     Font(R.font.metropolis_light, FontWeight.Light),
16 |     Font(R.font.metropolis_regular, FontWeight.Normal),
17 |     Font(R.font.metropolis_regular_italic, FontWeight.Normal, FontStyle.Italic),
18 |     Font(R.font.metropolis_medium, FontWeight.Medium),
19 |     Font(R.font.metropolis_bold, FontWeight.Bold)
20 | )
21 | 
22 | private val Typography = Typography(
23 |     body1 = TextStyle(
24 |         fontFamily = Metropolis,
25 |         fontWeight = FontWeight.Normal,
26 |         fontSize = 16.sp
27 |     )
28 | )
29 | 
30 | @Composable
31 | fun CleanChatTheme(
32 |     content: @Composable () -> Unit
33 | ) {
34 |     MaterialTheme(
35 |         typography = Typography,
36 |         content = content
37 |     )
38 | }
39 | 


--------------------------------------------------------------------------------
/app/src/main/res/drawable-v24/ic_launcher_foreground.xml:
--------------------------------------------------------------------------------
 1 | <vector xmlns:android="http://schemas.android.com/apk/res/android"
 2 |     xmlns:aapt="http://schemas.android.com/aapt"
 3 |     android:width="108dp"
 4 |     android:height="108dp"
 5 |     android:viewportWidth="108"
 6 |     android:viewportHeight="108">
 7 |     <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
 8 |         <aapt:attr name="android:fillColor">
 9 |             <gradient
10 |                 android:endX="85.84757"
11 |                 android:endY="92.4963"
12 |                 android:startX="42.9492"
13 |                 android:startY="49.59793"
14 |                 android:type="linear">
15 |                 <item
16 |                     android:color="#44000000"
17 |                     android:offset="0.0" />
18 |                 <item
19 |                     android:color="#00000000"
20 |                     android:offset="1.0" />
21 |             </gradient>
22 |         </aapt:attr>
23 |     </path>
24 |     <path
25 |         android:fillColor="#FFFFFF"
26 |         android:fillType="nonZero"
27 |         android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
28 |         android:strokeWidth="1"
29 |         android:strokeColor="#00000000" />
30 | </vector>


--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_launcher_background.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <vector xmlns:android="http://schemas.android.com/apk/res/android"
  3 |     android:width="108dp"
  4 |     android:height="108dp"
  5 |     android:viewportWidth="108"
  6 |     android:viewportHeight="108">
  7 |     <path
  8 |         android:fillColor="#3DDC84"
  9 |         android:pathData="M0,0h108v108h-108z" />
 10 |     <path
 11 |         android:fillColor="#00000000"
 12 |         android:pathData="M9,0L9,108"
 13 |         android:strokeWidth="0.8"
 14 |         android:strokeColor="#33FFFFFF" />
 15 |     <path
 16 |         android:fillColor="#00000000"
 17 |         android:pathData="M19,0L19,108"
 18 |         android:strokeWidth="0.8"
 19 |         android:strokeColor="#33FFFFFF" />
 20 |     <path
 21 |         android:fillColor="#00000000"
 22 |         android:pathData="M29,0L29,108"
 23 |         android:strokeWidth="0.8"
 24 |         android:strokeColor="#33FFFFFF" />
 25 |     <path
 26 |         android:fillColor="#00000000"
 27 |         android:pathData="M39,0L39,108"
 28 |         android:strokeWidth="0.8"
 29 |         android:strokeColor="#33FFFFFF" />
 30 |     <path
 31 |         android:fillColor="#00000000"
 32 |         android:pathData="M49,0L49,108"
 33 |         android:strokeWidth="0.8"
 34 |         android:strokeColor="#33FFFFFF" />
 35 |     <path
 36 |         android:fillColor="#00000000"
 37 |         android:pathData="M59,0L59,108"
 38 |         android:strokeWidth="0.8"
 39 |         android:strokeColor="#33FFFFFF" />
 40 |     <path
 41 |         android:fillColor="#00000000"
 42 |         android:pathData="M69,0L69,108"
 43 |         android:strokeWidth="0.8"
 44 |         android:strokeColor="#33FFFFFF" />
 45 |     <path
 46 |         android:fillColor="#00000000"
 47 |         android:pathData="M79,0L79,108"
 48 |         android:strokeWidth="0.8"
 49 |         android:strokeColor="#33FFFFFF" />
 50 |     <path
 51 |         android:fillColor="#00000000"
 52 |         android:pathData="M89,0L89,108"
 53 |         android:strokeWidth="0.8"
 54 |         android:strokeColor="#33FFFFFF" />
 55 |     <path
 56 |         android:fillColor="#00000000"
 57 |         android:pathData="M99,0L99,108"
 58 |         android:strokeWidth="0.8"
 59 |         android:strokeColor="#33FFFFFF" />
 60 |     <path
 61 |         android:fillColor="#00000000"
 62 |         android:pathData="M0,9L108,9"
 63 |         android:strokeWidth="0.8"
 64 |         android:strokeColor="#33FFFFFF" />
 65 |     <path
 66 |         android:fillColor="#00000000"
 67 |         android:pathData="M0,19L108,19"
 68 |         android:strokeWidth="0.8"
 69 |         android:strokeColor="#33FFFFFF" />
 70 |     <path
 71 |         android:fillColor="#00000000"
 72 |         android:pathData="M0,29L108,29"
 73 |         android:strokeWidth="0.8"
 74 |         android:strokeColor="#33FFFFFF" />
 75 |     <path
 76 |         android:fillColor="#00000000"
 77 |         android:pathData="M0,39L108,39"
 78 |         android:strokeWidth="0.8"
 79 |         android:strokeColor="#33FFFFFF" />
 80 |     <path
 81 |         android:fillColor="#00000000"
 82 |         android:pathData="M0,49L108,49"
 83 |         android:strokeWidth="0.8"
 84 |         android:strokeColor="#33FFFFFF" />
 85 |     <path
 86 |         android:fillColor="#00000000"
 87 |         android:pathData="M0,59L108,59"
 88 |         android:strokeWidth="0.8"
 89 |         android:strokeColor="#33FFFFFF" />
 90 |     <path
 91 |         android:fillColor="#00000000"
 92 |         android:pathData="M0,69L108,69"
 93 |         android:strokeWidth="0.8"
 94 |         android:strokeColor="#33FFFFFF" />
 95 |     <path
 96 |         android:fillColor="#00000000"
 97 |         android:pathData="M0,79L108,79"
 98 |         android:strokeWidth="0.8"
 99 |         android:strokeColor="#33FFFFFF" />
100 |     <path
101 |         android:fillColor="#00000000"
102 |         android:pathData="M0,89L108,89"
103 |         android:strokeWidth="0.8"
104 |         android:strokeColor="#33FFFFFF" />
105 |     <path
106 |         android:fillColor="#00000000"
107 |         android:pathData="M0,99L108,99"
108 |         android:strokeWidth="0.8"
109 |         android:strokeColor="#33FFFFFF" />
110 |     <path
111 |         android:fillColor="#00000000"
112 |         android:pathData="M19,29L89,29"
113 |         android:strokeWidth="0.8"
114 |         android:strokeColor="#33FFFFFF" />
115 |     <path
116 |         android:fillColor="#00000000"
117 |         android:pathData="M19,39L89,39"
118 |         android:strokeWidth="0.8"
119 |         android:strokeColor="#33FFFFFF" />
120 |     <path
121 |         android:fillColor="#00000000"
122 |         android:pathData="M19,49L89,49"
123 |         android:strokeWidth="0.8"
124 |         android:strokeColor="#33FFFFFF" />
125 |     <path
126 |         android:fillColor="#00000000"
127 |         android:pathData="M19,59L89,59"
128 |         android:strokeWidth="0.8"
129 |         android:strokeColor="#33FFFFFF" />
130 |     <path
131 |         android:fillColor="#00000000"
132 |         android:pathData="M19,69L89,69"
133 |         android:strokeWidth="0.8"
134 |         android:strokeColor="#33FFFFFF" />
135 |     <path
136 |         android:fillColor="#00000000"
137 |         android:pathData="M19,79L89,79"
138 |         android:strokeWidth="0.8"
139 |         android:strokeColor="#33FFFFFF" />
140 |     <path
141 |         android:fillColor="#00000000"
142 |         android:pathData="M29,19L29,89"
143 |         android:strokeWidth="0.8"
144 |         android:strokeColor="#33FFFFFF" />
145 |     <path
146 |         android:fillColor="#00000000"
147 |         android:pathData="M39,19L39,89"
148 |         android:strokeWidth="0.8"
149 |         android:strokeColor="#33FFFFFF" />
150 |     <path
151 |         android:fillColor="#00000000"
152 |         android:pathData="M49,19L49,89"
153 |         android:strokeWidth="0.8"
154 |         android:strokeColor="#33FFFFFF" />
155 |     <path
156 |         android:fillColor="#00000000"
157 |         android:pathData="M59,19L59,89"
158 |         android:strokeWidth="0.8"
159 |         android:strokeColor="#33FFFFFF" />
160 |     <path
161 |         android:fillColor="#00000000"
162 |         android:pathData="M69,19L69,89"
163 |         android:strokeWidth="0.8"
164 |         android:strokeColor="#33FFFFFF" />
165 |     <path
166 |         android:fillColor="#00000000"
167 |         android:pathData="M79,19L79,89"
168 |         android:strokeWidth="0.8"
169 |         android:strokeColor="#33FFFFFF" />
170 | </vector>
171 | 


--------------------------------------------------------------------------------
/app/src/main/res/font/metropolis_bold.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/font/metropolis_bold.otf


--------------------------------------------------------------------------------
/app/src/main/res/font/metropolis_light.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/font/metropolis_light.otf


--------------------------------------------------------------------------------
/app/src/main/res/font/metropolis_medium.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/font/metropolis_medium.otf


--------------------------------------------------------------------------------
/app/src/main/res/font/metropolis_regular.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/font/metropolis_regular.otf


--------------------------------------------------------------------------------
/app/src/main/res/font/metropolis_regular_italic.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/font/metropolis_regular_italic.otf


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
3 |     <background android:drawable="@drawable/ic_launcher_background" />
4 |     <foreground android:drawable="@drawable/ic_launcher_foreground" />
5 | </adaptive-icon>


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
3 |     <background android:drawable="@drawable/ic_launcher_background" />
4 |     <foreground android:drawable="@drawable/ic_launcher_foreground" />
5 | </adaptive-icon>


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/mipmap-hdpi/ic_launcher.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/mipmap-mdpi/ic_launcher.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/mipmap-xhdpi/ic_launcher.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp


--------------------------------------------------------------------------------
/app/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <resources>
 3 |     <color name="purple_200">#FFBB86FC</color>
 4 |     <color name="purple_500">#FF6200EE</color>
 5 |     <color name="purple_700">#FF3700B3</color>
 6 |     <color name="teal_200">#FF03DAC5</color>
 7 |     <color name="teal_700">#FF018786</color>
 8 |     <color name="black">#FF000000</color>
 9 |     <color name="white">#FFFFFFFF</color>
10 | 
11 |     <color name="statusBarColor">#FF1A1A1A</color>
12 | </resources>


--------------------------------------------------------------------------------
/app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
 1 | <resources>
 2 |     <string name="app_name">Clean Chat</string>
 3 | 
 4 |     <!-- Common -->
 5 |     <string name="user_online">Online</string>
 6 |     <string name="user_last_activity">Last activity %s</string>
 7 | 
 8 |     <!-- Contacts -->
 9 |     <string name="contacts_title">Contacts</string>
10 |     <string name="favorites_title">Favorites</string>
11 |     <string name="search_hint">Search</string>
12 | 
13 |     <!-- Messages -->
14 |     <string name="messages_title">Messages</string>
15 |     <string name="messages_new_count">%d new messages</string>
16 | </resources>
17 | 


--------------------------------------------------------------------------------
/app/src/main/res/values/themes.xml:
--------------------------------------------------------------------------------
 1 | <resources xmlns:tools="http://schemas.android.com/tools">
 2 |     <style name="Theme.CleanChat" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
 3 |         <item name="android:statusBarColor" tools:targetApi="l">@color/statusBarColor</item>
 4 |     </style>
 5 | 
 6 |     <style name="Theme.CleanChat.NoActionBar">
 7 |         <item name="windowActionBar">false</item>
 8 |         <item name="windowNoTitle">true</item>
 9 |     </style>
10 | 
11 |     <style name="Theme.CleanChat.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
12 | 
13 |     <style name="Theme.CleanChat.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />
14 | </resources>
15 | 


--------------------------------------------------------------------------------
/build.gradle:
--------------------------------------------------------------------------------
 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules.
 2 | buildscript {
 3 |     ext {
 4 |         compose_version = '1.0.0-beta06'
 5 |     }
 6 |     repositories {
 7 |         google()
 8 |         mavenCentral()
 9 |     }
10 |     dependencies {
11 |         classpath 'com.android.tools.build:gradle:7.0.0-beta01'
12 |         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.4.32"
13 | 
14 |         // NOTE: Do not place your application dependencies here; they belong
15 |         // in the individual module build.gradle files
16 |     }
17 | }
18 | 
19 | task clean(type: Delete) {
20 |     delete rootProject.buildDir
21 | }
22 | 


--------------------------------------------------------------------------------
/docs/contacts.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/docs/contacts.jpg


--------------------------------------------------------------------------------
/docs/messages.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/docs/messages.jpg


--------------------------------------------------------------------------------
/gradle.properties:
--------------------------------------------------------------------------------
 1 | # Project-wide Gradle settings.
 2 | # IDE (e.g. Android Studio) users:
 3 | # Gradle settings configured through the IDE *will override*
 4 | # any settings specified in this file.
 5 | # For more details on how to configure your build environment visit
 6 | # http://www.gradle.org/docs/current/userguide/build_environment.html
 7 | # Specifies the JVM arguments used for the daemon process.
 8 | # The setting is particularly useful for tweaking memory settings.
 9 | org.gradle.jvmargs=-Xmx2048m -Dfile.encoding=UTF-8
10 | # When configured, Gradle will run in incubating parallel mode.
11 | # This option should only be used with decoupled projects. More details, visit
12 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
13 | # org.gradle.parallel=true
14 | # AndroidX package structure to make it clearer which packages are bundled with the
15 | # Android operating system, and which are packaged with your app"s APK
16 | # https://developer.android.com/topic/libraries/support-library/androidx-rn
17 | android.useAndroidX=true
18 | # Automatically convert third-party libraries to use AndroidX
19 | android.enableJetifier=true
20 | # Kotlin code style for this project: "official" or "obsolete":
21 | kotlin.code.style=official


--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zsmb13/CleanChatCompose/ac9f5afb0c47f17038a865dd8f0c7b5bed87cc37/gradle/wrapper/gradle-wrapper.jar


--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | #Tue May 04 13:52:39 CEST 2021
2 | distributionBase=GRADLE_USER_HOME
3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.0-bin.zip
4 | distributionPath=wrapper/dists
5 | zipStorePath=wrapper/dists
6 | zipStoreBase=GRADLE_USER_HOME
7 | 


--------------------------------------------------------------------------------
/gradlew:
--------------------------------------------------------------------------------
  1 | #!/usr/bin/env sh
  2 | 
  3 | #
  4 | # Copyright 2015 the original author or authors.
  5 | #
  6 | # Licensed under the Apache License, Version 2.0 (the "License");
  7 | # you may not use this file except in compliance with the License.
  8 | # You may obtain a copy of the License at
  9 | #
 10 | #      https://www.apache.org/licenses/LICENSE-2.0
 11 | #
 12 | # Unless required by applicable law or agreed to in writing, software
 13 | # distributed under the License is distributed on an "AS IS" BASIS,
 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 15 | # See the License for the specific language governing permissions and
 16 | # limitations under the License.
 17 | #
 18 | 
 19 | ##############################################################################
 20 | ##
 21 | ##  Gradle start up script for UN*X
 22 | ##
 23 | ##############################################################################
 24 | 
 25 | # Attempt to set APP_HOME
 26 | # Resolve links: $0 may be a link
 27 | PRG="$0"
 28 | # Need this for relative symlinks.
 29 | while [ -h "$PRG" ] ; do
 30 |     ls=`ls -ld "$PRG"`
 31 |     link=`expr "$ls" : '.*-> \(.*\)$'`
 32 |     if expr "$link" : '/.*' > /dev/null; then
 33 |         PRG="$link"
 34 |     else
 35 |         PRG=`dirname "$PRG"`"/$link"
 36 |     fi
 37 | done
 38 | SAVED="`pwd`"
 39 | cd "`dirname \"$PRG\"`/" >/dev/null
 40 | APP_HOME="`pwd -P`"
 41 | cd "$SAVED" >/dev/null
 42 | 
 43 | APP_NAME="Gradle"
 44 | APP_BASE_NAME=`basename "$0"`
 45 | 
 46 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
 47 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
 48 | 
 49 | # Use the maximum available, or set MAX_FD != -1 to use that value.
 50 | MAX_FD="maximum"
 51 | 
 52 | warn () {
 53 |     echo "$*"
 54 | }
 55 | 
 56 | die () {
 57 |     echo
 58 |     echo "$*"
 59 |     echo
 60 |     exit 1
 61 | }
 62 | 
 63 | # OS specific support (must be 'true' or 'false').
 64 | cygwin=false
 65 | msys=false
 66 | darwin=false
 67 | nonstop=false
 68 | case "`uname`" in
 69 |   CYGWIN* )
 70 |     cygwin=true
 71 |     ;;
 72 |   Darwin* )
 73 |     darwin=true
 74 |     ;;
 75 |   MINGW* )
 76 |     msys=true
 77 |     ;;
 78 |   NONSTOP* )
 79 |     nonstop=true
 80 |     ;;
 81 | esac
 82 | 
 83 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
 84 | 
 85 | 
 86 | # Determine the Java command to use to start the JVM.
 87 | if [ -n "$JAVA_HOME" ] ; then
 88 |     if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
 89 |         # IBM's JDK on AIX uses strange locations for the executables
 90 |         JAVACMD="$JAVA_HOME/jre/sh/java"
 91 |     else
 92 |         JAVACMD="$JAVA_HOME/bin/java"
 93 |     fi
 94 |     if [ ! -x "$JAVACMD" ] ; then
 95 |         die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
 96 | 
 97 | Please set the JAVA_HOME variable in your environment to match the
 98 | location of your Java installation."
 99 |     fi
100 | else
101 |     JAVACMD="java"
102 |     which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
103 | 
104 | Please set the JAVA_HOME variable in your environment to match the
105 | location of your Java installation."
106 | fi
107 | 
108 | # Increase the maximum file descriptors if we can.
109 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
110 |     MAX_FD_LIMIT=`ulimit -H -n`
111 |     if [ $? -eq 0 ] ; then
112 |         if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
113 |             MAX_FD="$MAX_FD_LIMIT"
114 |         fi
115 |         ulimit -n $MAX_FD
116 |         if [ $? -ne 0 ] ; then
117 |             warn "Could not set maximum file descriptor limit: $MAX_FD"
118 |         fi
119 |     else
120 |         warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
121 |     fi
122 | fi
123 | 
124 | # For Darwin, add options to specify how the application appears in the dock
125 | if $darwin; then
126 |     GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
127 | fi
128 | 
129 | # For Cygwin or MSYS, switch paths to Windows format before running java
130 | if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
131 |     APP_HOME=`cygpath --path --mixed "$APP_HOME"`
132 |     CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
133 | 
134 |     JAVACMD=`cygpath --unix "$JAVACMD"`
135 | 
136 |     # We build the pattern for arguments to be converted via cygpath
137 |     ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
138 |     SEP=""
139 |     for dir in $ROOTDIRSRAW ; do
140 |         ROOTDIRS="$ROOTDIRS$SEP$dir"
141 |         SEP="|"
142 |     done
143 |     OURCYGPATTERN="(^($ROOTDIRS))"
144 |     # Add a user-defined pattern to the cygpath arguments
145 |     if [ "$GRADLE_CYGPATTERN" != "" ] ; then
146 |         OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
147 |     fi
148 |     # Now convert the arguments - kludge to limit ourselves to /bin/sh
149 |     i=0
150 |     for arg in "$@" ; do
151 |         CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
152 |         CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
153 | 
154 |         if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
155 |             eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
156 |         else
157 |             eval `echo args$i`="\"$arg\""
158 |         fi
159 |         i=`expr $i + 1`
160 |     done
161 |     case $i in
162 |         0) set -- ;;
163 |         1) set -- "$args0" ;;
164 |         2) set -- "$args0" "$args1" ;;
165 |         3) set -- "$args0" "$args1" "$args2" ;;
166 |         4) set -- "$args0" "$args1" "$args2" "$args3" ;;
167 |         5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
168 |         6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
169 |         7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
170 |         8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
171 |         9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
172 |     esac
173 | fi
174 | 
175 | # Escape application args
176 | save () {
177 |     for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
178 |     echo " "
179 | }
180 | APP_ARGS=`save "$@"`
181 | 
182 | # Collect all arguments for the java command, following the shell quoting and substitution rules
183 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
184 | 
185 | exec "$JAVACMD" "$@"
186 | 


--------------------------------------------------------------------------------
/gradlew.bat:
--------------------------------------------------------------------------------
 1 | @rem
 2 | @rem Copyright 2015 the original author or authors.
 3 | @rem
 4 | @rem Licensed under the Apache License, Version 2.0 (the "License");
 5 | @rem you may not use this file except in compliance with the License.
 6 | @rem You may obtain a copy of the License at
 7 | @rem
 8 | @rem      https://www.apache.org/licenses/LICENSE-2.0
 9 | @rem
10 | @rem Unless required by applicable law or agreed to in writing, software
11 | @rem distributed under the License is distributed on an "AS IS" BASIS,
12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | @rem See the License for the specific language governing permissions and
14 | @rem limitations under the License.
15 | @rem
16 | 
17 | @if "%DEBUG%" == "" @echo off
18 | @rem ##########################################################################
19 | @rem
20 | @rem  Gradle startup script for Windows
21 | @rem
22 | @rem ##########################################################################
23 | 
24 | @rem Set local scope for the variables with windows NT shell
25 | if "%OS%"=="Windows_NT" setlocal
26 | 
27 | set DIRNAME=%~dp0
28 | if "%DIRNAME%" == "" set DIRNAME=.
29 | set APP_BASE_NAME=%~n0
30 | set APP_HOME=%DIRNAME%
31 | 
32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter.
33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
34 | 
35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
37 | 
38 | @rem Find java.exe
39 | if defined JAVA_HOME goto findJavaFromJavaHome
40 | 
41 | set JAVA_EXE=java.exe
42 | %JAVA_EXE% -version >NUL 2>&1
43 | if "%ERRORLEVEL%" == "0" goto execute
44 | 
45 | echo.
46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
47 | echo.
48 | echo Please set the JAVA_HOME variable in your environment to match the
49 | echo location of your Java installation.
50 | 
51 | goto fail
52 | 
53 | :findJavaFromJavaHome
54 | set JAVA_HOME=%JAVA_HOME:"=%
55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
56 | 
57 | if exist "%JAVA_EXE%" goto execute
58 | 
59 | echo.
60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
61 | echo.
62 | echo Please set the JAVA_HOME variable in your environment to match the
63 | echo location of your Java installation.
64 | 
65 | goto fail
66 | 
67 | :execute
68 | @rem Setup the command line
69 | 
70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
71 | 
72 | 
73 | @rem Execute Gradle
74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
75 | 
76 | :end
77 | @rem End local scope for the variables with windows NT shell
78 | if "%ERRORLEVEL%"=="0" goto mainEnd
79 | 
80 | :fail
81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
82 | rem the _cmd.exe /c_ return code!
83 | if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
84 | exit /b 1
85 | 
86 | :mainEnd
87 | if "%OS%"=="Windows_NT" endlocal
88 | 
89 | :omega
90 | 


--------------------------------------------------------------------------------
/settings.gradle:
--------------------------------------------------------------------------------
 1 | dependencyResolutionManagement {
 2 |     repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
 3 |     repositories {
 4 |         google()
 5 |         mavenCentral()
 6 | //        jcenter() // Warning: this repository is going to shut down soon
 7 |     }
 8 | }
 9 | rootProject.name = "CleanChat"
10 | include ':app'
11 | 


--------------------------------------------------------------------------------