All text migrated to tv material3

Author: UmairKhalid786

app/src/main/java/com/techlads/composetv/MainActivity.kt

@@ -6,13 +6,9 @@ import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.activity.viewModels
 import androidx.compose.animation.ExperimentalAnimationApi
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Surface
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
-import androidx.compose.ui.Modifier
 import androidx.lifecycle.lifecycleScope
 import androidx.navigation.NavHostController
 import com.google.accompanist.navigation.animation.rememberAnimatedNavController
@@ -58,12 +54,7 @@ class MainActivity : ComponentActivity() {
     @Composable
     fun App(navController: NavHostController, viewModel: HomeViewModel) {
         Material3Theme {
-            Surface(
-                modifier = Modifier.fillMaxSize(),
-                color = MaterialTheme.colorScheme.background
-            ) {
-                AppNavigation(navController, viewModel)
-            }
+            AppNavigation(navController, viewModel)
         }
     }
 }

app/src/main/java/com/techlads/composetv/favorites/FavoritesScreen.kt

@@ -3,7 +3,7 @@ package com.techlads.composetv.favorites
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Text
+import androidx.tv.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview

app/src/main/java/com/techlads/composetv/home/carousel/CarouselItem.kt

@@ -8,7 +8,7 @@ import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.*
 import androidx.compose.material3.Card
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Text
+import androidx.tv.material3.Text
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier

app/src/main/java/com/techlads/composetv/home/carousel/HorizontalCarouselItem.kt

@@ -4,7 +4,7 @@ import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
-import androidx.compose.material3.Text
+import androidx.tv.material3.Text
 import androidx.compose.runtime.*
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview

app/src/main/java/com/techlads/composetv/leftmenu/LeftMenuItem.kt

@@ -11,7 +11,7 @@ import androidx.compose.foundation.layout.*
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.ShapeDefaults
-import androidx.compose.material3.Text
+import androidx.tv.material3.Text
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier

app/src/main/java/com/techlads/composetv/leftmenu/MenuHeader.kt

@@ -6,12 +6,13 @@ import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Icon
-import androidx.compose.material3.Text
+import androidx.tv.material3.*
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.alpha
 import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import compose.icons.LineAwesomeIcons
@@ -34,7 +35,8 @@ fun MenuHeader(expanded: Boolean = true) {
         Icon(
             modifier = Modifier.size(50.dp),
             imageVector = LineAwesomeIcons.TvSolid,
-            contentDescription = "App icon"
+            contentDescription = "App icon",
+            tint = LocalContentColor.current
         )
         Text(
             text = "Compose Tv",
@@ -44,4 +46,10 @@ fun MenuHeader(expanded: Boolean = true) {
             maxLines = 1
         )
     }
+}
+
+@Preview
+@Composable
+fun MenuHeaderPrev() {
+    MenuHeader(true)
 }

app/src/main/java/com/techlads/composetv/login/withEmailPassword/LoginButton.kt

@@ -4,7 +4,7 @@ import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.*
 import androidx.compose.material3.Button
 import androidx.compose.material3.ButtonDefaults
-import androidx.compose.material3.Text
+import androidx.tv.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember

app/src/main/java/com/techlads/composetv/login/withEmailPassword/LoginScreenContent.kt

@@ -8,6 +8,7 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.input.KeyboardType
 import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 @Composable
 fun LoginPage(
@@ -22,7 +23,7 @@ fun LoginPage(
         val username = remember { mutableStateOf("") }
         val password = remember { mutableStateOf("") }
 
-        ScreenHeading()
+        ScreenHeading("LOGIN")
         Spacer(modifier = Modifier.height(20.dp))
         TvTextField(value = username.value, label = "Username") {
             username.value = it
@@ -41,3 +42,11 @@ fun LoginPage(
         }
     }
 }
+
+@Preview
+@Composable
+fun LoginPagePrev() {
+    LoginPage { u, p ->
+
+    }
+}

app/src/main/java/com/techlads/composetv/login/withEmailPassword/ScreenHeading.kt

@@ -1,19 +1,26 @@
 package com.techlads.composetv.login.withEmailPassword
 
-import androidx.compose.material3.Text
+import androidx.tv.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontFamily
 import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.sp
 
 @Composable
-fun ScreenHeading() {
+fun ScreenHeading(heading: String) {
     Text(
-        text = "LOGIN", style = TextStyle(
+        text = heading, style = TextStyle(
             fontSize = 55.sp,
             fontFamily = FontFamily.SansSerif,
             fontWeight = FontWeight.Thin
         )
     )
+}
+
+@Preview
+@Composable
+fun ScreenHeadingPrev() {
+    ScreenHeading("LOGIN")
 }

app/src/main/java/com/techlads/composetv/login/withEmailPassword/TvTextField.kt

@@ -2,7 +2,10 @@ package com.techlads.composetv.login.withEmailPassword
 
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.text.KeyboardOptions
-import androidx.compose.material3.*
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.TextFieldDefaults
+import androidx.tv.material3.*
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -14,6 +17,7 @@ import androidx.compose.ui.text.font.FontFamily
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.input.KeyboardType
 import androidx.compose.ui.text.input.VisualTransformation
+import androidx.compose.ui.tooling.preview.Preview
 import com.techlads.composetv.theme.LightBlue
 
 @OptIn(ExperimentalMaterial3Api::class)
@@ -57,4 +61,12 @@ fun TvTextField(
             }
             .focusable(true)
     )
+}
+
+@Preview
+@Composable
+fun TvTextFieldPrev() {
+    TvTextField("Test", "Enter Test") {
+
+    }
 }