Draw background image behind large text using paint modifier

This is a better approach since the image is decorative and we don't need a separate composable for it

Author: ovitrif

WordPress/src/jetpack/java/org/wordpress/android/ui/accounts/login/components/LoopingTextWithBackground.kt

@@ -1,17 +1,16 @@
 package org.wordpress.android.ui.accounts.login.components
 
 import android.content.res.Configuration
-import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.paint
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.res.colorResource
 import androidx.compose.ui.res.painterResource
-import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Devices
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
@@ -23,13 +22,15 @@ fun LoopingTextWithBackground(
     modifier: Modifier = Modifier,
     textModifier: Modifier = Modifier,
 ) {
-    Box(modifier.background(colorResource(R.color.bg_jetpack_login_splash))) {
-        Image(
-                painter = painterResource(R.drawable.bg_jetpack_login_splash),
-                contentDescription = stringResource(R.string.login_prologue_revamped_content_description_bg),
-                contentScale = ContentScale.FillBounds,
-                modifier = Modifier.matchParentSize(),
-        )
+    Box(
+            modifier
+                    .background(colorResource(R.color.bg_jetpack_login_splash))
+                    .paint(
+                            painter = painterResource(R.drawable.bg_jetpack_login_splash),
+                            sizeToIntrinsics = true,
+                            contentScale = ContentScale.FillBounds,
+                    )
+    ) {
         LoopingText(
                 modifier = Modifier
                         .fillMaxSize()

WordPress/src/jetpack/res/values/strings.xml

@@ -13,7 +13,6 @@
     <string name="app_tagline">Site security and performance from your pocket</string>
     <string name="continue_with_wpcom_no_signup">Continue with WordPress.com</string>
     <string name="login_prologue_revamped_content_description_jetpack_logo">Jetpack logo</string>
-    <string name="login_prologue_revamped_content_description_bg">Jetpack background</string>
     <string name="login_prologue_revamped_content_description_top_bg">Jetpack top background fade</string>
 
     <string name="login_prologue_revamped_jetpack_feature_text_1">Update a plugin</string>