From dc3e71083b7231e2ce03b21f1689b8d303d844c3 Mon Sep 17 00:00:00 2001
From: Infi <infi@infi.sh>
Date: Tue, 27 Dec 2022 04:25:53 +0100
Subject: [PATCH] chore: add previews to some components

---
 .../java/chat/revolt/components/chat/Message.kt   |  2 +-
 .../chat/revolt/components/chat/MessageField.kt   | 15 +++++++++++++++
 .../revolt/components/generic/CollapsibleCard.kt  | 10 ++++++++++
 .../chat/revolt/components/generic/Weblink.kt     | 13 +++++++++++++
 .../revolt/components/screens/home/LinkOnHome.kt  | 13 +++++++++++++
 5 files changed, 52 insertions(+), 1 deletion(-)

diff --git a/app/src/main/java/chat/revolt/components/chat/Message.kt b/app/src/main/java/chat/revolt/components/chat/Message.kt
index a3c92921..0051e2e4 100644
--- a/app/src/main/java/chat/revolt/components/chat/Message.kt
+++ b/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",
diff --git a/app/src/main/java/chat/revolt/components/chat/MessageField.kt b/app/src/main/java/chat/revolt/components/chat/MessageField.kt
index 0f4285e6..48a77d04 100644
--- a/app/src/main/java/chat/revolt/components/chat/MessageField.kt
+++ b/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
@@ -127,4 +128,18 @@ fun MessageField(
             }
         }
     }
+}
+
+@Preview
+@Composable
+fun MessageFieldPreview() {
+    MessageField(
+        showButtons = true,
+        onToggleButtons = {},
+        messageContent = "",
+        onMessageContentChange = {},
+        onSendMessage = {},
+        channelType = ChannelType.TextChannel,
+        channelName = "general"
+    )
 }
\ No newline at end of file
diff --git a/app/src/main/java/chat/revolt/components/generic/CollapsibleCard.kt b/app/src/main/java/chat/revolt/components/generic/CollapsibleCard.kt
index 380c82ae..5fe4b4fc 100644
--- a/app/src/main/java/chat/revolt/components/generic/CollapsibleCard.kt
+++ b/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
@@ -51,4 +52,13 @@ fun CollapsibleCard(
             }
         }
     }
+}
+
+@Preview
+@Composable
+fun CollapsibleCardPreview() {
+    CollapsibleCard(
+        title = "Title",
+        content = { Text(text = "Content") }
+    )
 }
\ No newline at end of file
diff --git a/app/src/main/java/chat/revolt/components/generic/Weblink.kt b/app/src/main/java/chat/revolt/components/generic/Weblink.kt
index 80f75fdd..1de9c11c 100644
--- a/app/src/main/java/chat/revolt/components/generic/Weblink.kt
+++ b/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
 
@@ -41,4 +42,16 @@ fun AnyLink(text: String, action: () -> Unit, modifier: Modifier = Modifier) {
             .padding(horizontal = 2.5.dp, vertical = 3.dp)
             .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 = {})
 }
\ No newline at end of file
diff --git a/app/src/main/java/chat/revolt/components/screens/home/LinkOnHome.kt b/app/src/main/java/chat/revolt/components/screens/home/LinkOnHome.kt
index 83fecefe..c857a614 100644
--- a/app/src/main/java/chat/revolt/components/screens/home/LinkOnHome.kt
+++ b/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
@@ -45,4 +48,14 @@ fun LinkOnHome(
             )
         }
     }
+}
+
+@Preview
+@Composable
+fun LinkOnHomePreview() {
+    LinkOnHome(
+        heading = "Heading",
+        icon = Icons.Default.AccountBox,
+        onClick = { }
+    )
 }
\ No newline at end of file