chore: add previews to some components

app/src/main/java/chat/revolt/components/chat/Message.kt

@@ -24,7 +24,7 @@ fun Message(
 ) {
     val author = RevoltAPI.userCache[message.author] ?: return CircularProgressIndicator()
 
-    Row() {
+    Row(modifier = Modifier.padding(8.dp)) {
         if (author.avatar != null) {
             RemoteImage(
                 url = "$REVOLT_FILES/avatars/${author.avatar.id!!}/user.png",

app/src/main/java/chat/revolt/components/chat/MessageField.kt

@@ -17,6 +17,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import chat.revolt.R
 import chat.revolt.api.schemas.ChannelType
@@ -128,3 +129,17 @@ fun MessageField(
         }
     }
 }
+
+@Preview
+@Composable
+fun MessageFieldPreview() {
+    MessageField(
+        showButtons = true,
+        onToggleButtons = {},
+        messageContent = "",
+        onMessageContentChange = {},
+        onSendMessage = {},
+        channelType = ChannelType.TextChannel,
+        channelName = "general"
+    )
+}

app/src/main/java/chat/revolt/components/generic/CollapsibleCard.kt

@@ -10,6 +10,7 @@ import androidx.compose.material3.*
 import androidx.compose.runtime.*
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 
 @Composable
@@ -52,3 +53,12 @@ fun CollapsibleCard(
         }
     }
 }
+
+@Preview
+@Composable
+fun CollapsibleCardPreview() {
+    CollapsibleCard(
+        title = "Title",
+        content = { Text(text = "Content") }
+    )
+}

app/src/main/java/chat/revolt/components/generic/Weblink.kt

@@ -12,6 +12,7 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 
@@ -42,3 +43,15 @@ fun AnyLink(text: String, action: () -> Unit, modifier: Modifier = Modifier) {
             .clickable(onClick = action)
     )
 }
+
+@Preview
+@Composable
+fun WeblinkPreview() {
+    Weblink(text = "https://revolt.chat", url = "https://revolt.chat")
+}
+
+@Preview
+@Composable
+fun AnyLinkPreview() {
+    AnyLink(text = "Click me!", action = {})
+}

app/src/main/java/chat/revolt/components/screens/home/LinkOnHome.kt

@@ -4,12 +4,15 @@ import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.AccountBox
 import androidx.compose.material3.*
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 
 @Composable
@@ -46,3 +49,13 @@ fun LinkOnHome(
         }
     }
 }
+
+@Preview
+@Composable
+fun LinkOnHomePreview() {
+    LinkOnHome(
+        heading = "Heading",
+        icon = Icons.Default.AccountBox,
+        onClick = { }
+    )
+}