From 57a9b5bc0cfdbfa46f98c30f06c62431ef6878ca Mon Sep 17 00:00:00 2001
From: Viktor De Pasquale <info@depasquale.wiki>
Date: Thu, 3 Oct 2019 17:31:45 +0200
Subject: [PATCH] Added home screen

---
 .../topjohnwu/magisk/di/ViewModelsModule.kt   |   2 +
 .../topjohnwu/magisk/redesign/MainActivity.kt |   9 +
 .../magisk/redesign/home/HomeFragment.kt      |  16 +
 .../magisk/redesign/home/HomeViewModel.kt     |   5 +
 app/src/main/res/layout/activity_main_md2.xml | 373 +-----------------
 app/src/main/res/layout/fragment_home_md2.xml | 369 +++++++++++++++++
 6 files changed, 416 insertions(+), 358 deletions(-)
 create mode 100644 app/src/main/java/com/topjohnwu/magisk/redesign/home/HomeFragment.kt
 create mode 100644 app/src/main/java/com/topjohnwu/magisk/redesign/home/HomeViewModel.kt
 create mode 100644 app/src/main/res/layout/fragment_home_md2.xml

diff --git a/app/src/main/java/com/topjohnwu/magisk/di/ViewModelsModule.kt b/app/src/main/java/com/topjohnwu/magisk/di/ViewModelsModule.kt
index 7d8b41871..f2e28cb55 100644
--- a/app/src/main/java/com/topjohnwu/magisk/di/ViewModelsModule.kt
+++ b/app/src/main/java/com/topjohnwu/magisk/di/ViewModelsModule.kt
@@ -12,6 +12,7 @@ import com.topjohnwu.magisk.ui.surequest.SuRequestViewModel
 import org.koin.androidx.viewmodel.dsl.viewModel
 import org.koin.dsl.module
 import com.topjohnwu.magisk.redesign.MainViewModel as RedesignViewModel
+import com.topjohnwu.magisk.redesign.home.HomeViewModel as RedesignHomeViewModel
 
 
 val viewModelModules = module {
@@ -29,4 +30,5 @@ val viewModelModules = module {
     // redesign
 
     viewModel { RedesignViewModel() }
+    viewModel { RedesignHomeViewModel() }
 }
diff --git a/app/src/main/java/com/topjohnwu/magisk/redesign/MainActivity.kt b/app/src/main/java/com/topjohnwu/magisk/redesign/MainActivity.kt
index 6b4a7ef37..9ab1f1822 100644
--- a/app/src/main/java/com/topjohnwu/magisk/redesign/MainActivity.kt
+++ b/app/src/main/java/com/topjohnwu/magisk/redesign/MainActivity.kt
@@ -1,15 +1,24 @@
 package com.topjohnwu.magisk.redesign
 
 import android.graphics.Insets
+import androidx.fragment.app.Fragment
 import com.topjohnwu.magisk.R
 import com.topjohnwu.magisk.databinding.ActivityMainMd2Binding
 import com.topjohnwu.magisk.redesign.compat.CompatActivity
+import com.topjohnwu.magisk.redesign.home.HomeFragment
 import org.koin.androidx.viewmodel.ext.android.viewModel
+import kotlin.reflect.KClass
 
 open class MainActivity : CompatActivity<MainViewModel, ActivityMainMd2Binding>() {
 
     override val layoutRes = R.layout.activity_main_md2
     override val viewModel by viewModel<MainViewModel>()
+    override val navHostId: Int = R.id.main_nav_host
+    override val defaultPosition: Int = 0
+
+    override val baseFragments: List<KClass<out Fragment>> = listOf(
+        HomeFragment::class
+    )
 
     override fun peekSystemWindowInsets(insets: Insets) {
         viewModel.insets.value = insets
diff --git a/app/src/main/java/com/topjohnwu/magisk/redesign/home/HomeFragment.kt b/app/src/main/java/com/topjohnwu/magisk/redesign/home/HomeFragment.kt
new file mode 100644
index 000000000..9807f1512
--- /dev/null
+++ b/app/src/main/java/com/topjohnwu/magisk/redesign/home/HomeFragment.kt
@@ -0,0 +1,16 @@
+package com.topjohnwu.magisk.redesign.home
+
+import android.graphics.Insets
+import com.topjohnwu.magisk.R
+import com.topjohnwu.magisk.databinding.FragmentHomeMd2Binding
+import com.topjohnwu.magisk.redesign.compat.CompatFragment
+import org.koin.androidx.viewmodel.ext.android.viewModel
+
+class HomeFragment : CompatFragment<HomeViewModel, FragmentHomeMd2Binding>() {
+
+    override val layoutRes = R.layout.fragment_home_md2
+    override val viewModel by viewModel<HomeViewModel>()
+
+    override fun consumeSystemWindowInsets(insets: Insets) = insets
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/topjohnwu/magisk/redesign/home/HomeViewModel.kt b/app/src/main/java/com/topjohnwu/magisk/redesign/home/HomeViewModel.kt
new file mode 100644
index 000000000..fc6b53c3f
--- /dev/null
+++ b/app/src/main/java/com/topjohnwu/magisk/redesign/home/HomeViewModel.kt
@@ -0,0 +1,5 @@
+package com.topjohnwu.magisk.redesign.home
+
+import com.topjohnwu.magisk.redesign.compat.CompatViewModel
+
+class HomeViewModel : CompatViewModel()
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_main_md2.xml b/app/src/main/res/layout/activity_main_md2.xml
index eb085bdd0..5280337be 100644
--- a/app/src/main/res/layout/activity_main_md2.xml
+++ b/app/src/main/res/layout/activity_main_md2.xml
@@ -14,16 +14,20 @@
     <androidx.coordinatorlayout.widget.CoordinatorLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:orientation="vertical">
+        android:orientation="vertical"
+        android:paddingLeft="@{viewModel.insets.left}"
+        android:paddingRight="@{viewModel.insets.right}"
+        tools:ignore="RtlHardcoded">
 
         <com.google.android.material.appbar.AppBarLayout
             style="?styleAppbar"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:background="?colorSurfaceVariant">
+            android:background="?colorSurfaceVariant"
+            android:paddingTop="@{viewModel.insets.top}">
 
             <com.google.android.material.appbar.MaterialToolbar
-                android:id="@+id/home_toolbar"
+                android:id="@+id/main_toolbar"
                 style="?styleToolbar"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
@@ -56,375 +60,28 @@
 
         </com.google.android.material.appbar.AppBarLayout>
 
-        <androidx.core.widget.NestedScrollView
+        <FrameLayout
+            android:id="@+id/main_nav_host"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
-            android:clipToPadding="false"
-            android:padding="@dimen/l1"
-            android:visibility="gone"
-            app:layout_behavior="com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior">
-
-            <LinearLayout
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:orientation="vertical">
-
-                <androidx.constraintlayout.widget.ConstraintLayout
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:paddingTop="@dimen/l1">
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/home_magisk_wrapper"
-                        android:layout_width="0dp"
-                        android:layout_height="wrap_content"
-                        app:layout_constraintEnd_toStartOf="@+id/home_manager_wrapper"
-                        app:layout_constraintStart_toStartOf="parent"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <androidx.appcompat.widget.AppCompatImageView
-                            android:id="@+id/icon1"
-                            android:layout_width="48dp"
-                            android:layout_height="48dp"
-                            android:alpha=".2"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent"
-                            tools:src="@tools:sample/avatars" />
-
-                        <androidx.appcompat.widget.AppCompatImageView
-                            style="?styleIconError"
-                            app:layout_constraintBottom_toBottomOf="@+id/icon1"
-                            app:layout_constraintEnd_toEndOf="@+id/icon1"
-                            app:layout_constraintStart_toStartOf="@+id/icon1"
-                            app:layout_constraintTop_toTopOf="@+id/icon1"
-                            app:srcCompat="@drawable/ic_delete_md2" />
-
-                        <androidx.appcompat.widget.AppCompatTextView
-                            android:id="@+id/title1"
-                            android:layout_width="0dp"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="@dimen/l1"
-                            android:text="Magisk"
-                            android:textAppearance="?appearanceTextTitleNormal"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintStart_toEndOf="@+id/icon1"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-                        <androidx.appcompat.widget.AppCompatTextView
-                            android:id="@+id/status1"
-                            android:layout_width="0dp"
-                            android:layout_height="wrap_content"
-                            android:text="is up to date"
-                            android:textAppearance="?appearanceTextCaptionVariant"
-                            app:layout_constraintEnd_toEndOf="@+id/title1"
-                            app:layout_constraintStart_toStartOf="@+id/title1"
-                            app:layout_constraintTop_toBottomOf="@+id/title1" />
-
-                        <FrameLayout
-                            android:id="@+id/button_container1"
-                            android:layout_width="0dp"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="@dimen/l1"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toBottomOf="@+id/status1">
-
-                            <com.google.android.material.button.MaterialButton
-                                style="?styleButtonDefault"
-                                android:layout_width="match_parent"
-                                android:layout_height="wrap_content"
-                                android:text="@string/update"
-                                app:icon="@drawable/ic_update_md2"
-                                app:iconGravity="textEnd"
-                                app:iconPadding="@dimen/l_50"
-                                app:iconSize="18dp"
-                                tools:visibility="gone" />
-
-                            <com.google.android.material.button.MaterialButton
-                                style="?styleButtonText"
-                                android:layout_width="match_parent"
-                                android:layout_height="wrap_content"
-                                android:text="@string/install"
-                                app:icon="@drawable/ic_install"
-                                app:iconGravity="textEnd"
-                                app:iconPadding="@dimen/l_50"
-                                app:iconSize="18dp" />
-
-                        </FrameLayout>
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                    <androidx.constraintlayout.widget.ConstraintLayout
-                        android:id="@+id/home_manager_wrapper"
-                        android:layout_width="0dp"
-                        android:layout_height="wrap_content"
-                        android:layout_marginStart="@dimen/l1"
-                        app:layout_constraintEnd_toEndOf="parent"
-                        app:layout_constraintStart_toEndOf="@+id/home_magisk_wrapper"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <androidx.appcompat.widget.AppCompatImageView
-                            android:id="@+id/icon2"
-                            android:layout_width="48dp"
-                            android:layout_height="48dp"
-                            app:layout_constraintStart_toStartOf="parent"
-                            app:layout_constraintTop_toTopOf="parent"
-                            tools:src="@tools:sample/avatars" />
-
-                        <androidx.appcompat.widget.AppCompatTextView
-                            android:id="@+id/title2"
-                            android:layout_width="0dp"
-                            android:layout_height="wrap_content"
-                            android:layout_marginStart="@dimen/l1"
-                            android:text="Manager"
-                            android:textAppearance="?appearanceTextTitleNormal"
-                            app:layout_constraintEnd_toEndOf="parent"
-                            app:layout_constraintStart_toEndOf="@+id/icon2"
-                            app:layout_constraintTop_toTopOf="parent" />
-
-                        <androidx.appcompat.widget.AppCompatTextView
-                            android:id="@+id/status2"
-                            android:layout_width="0dp"
-                            android:layout_height="wrap_content"
-                            android:text="has update available!"
-                            android:textAppearance="?appearanceTextCaptionVariant"
-                            app:layout_constraintEnd_toEndOf="@+id/title2"
-                            app:layout_constraintStart_toStartOf="@+id/title2"
-                            app:layout_constraintTop_toBottomOf="@+id/title2" />
-
-                        <FrameLayout
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:layout_marginTop="@dimen/l1"
-                            app:layout_constraintTop_toBottomOf="@+id/status2">
-
-                            <com.google.android.material.button.MaterialButton
-                                style="?styleButtonDefault"
-                                android:layout_width="match_parent"
-                                android:layout_height="wrap_content"
-                                android:text="@string/update"
-                                app:icon="@drawable/ic_update_md2"
-                                app:iconGravity="textEnd"
-                                app:iconPadding="@dimen/l_50"
-                                app:iconSize="18dp" />
-
-                            <com.google.android.material.button.MaterialButton
-                                style="?styleButtonText"
-                                android:layout_width="match_parent"
-                                android:layout_height="wrap_content"
-                                android:text="@string/install"
-                                app:icon="@drawable/ic_install"
-                                app:iconGravity="textEnd"
-                                app:iconPadding="@dimen/l_50"
-                                app:iconSize="18dp"
-                                tools:visibility="gone" />
-
-                        </FrameLayout>
-
-                    </androidx.constraintlayout.widget.ConstraintLayout>
-
-                </androidx.constraintlayout.widget.ConstraintLayout>
-
-                <View
-                    android:layout_width="match_parent"
-                    android:layout_height="1dp"
-                    android:layout_marginTop="@dimen/l2"
-                    android:layout_marginBottom="@dimen/l2"
-                    android:background="?colorSurfaceVariant" />
-
-                <androidx.constraintlayout.widget.ConstraintLayout
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content">
-
-                    <androidx.appcompat.widget.AppCompatImageView
-                        android:id="@+id/support_icon_john"
-                        style="?styleIconNormal"
-                        android:padding="0dp"
-                        app:layout_constraintBottom_toBottomOf="parent"
-                        app:layout_constraintStart_toStartOf="parent"
-                        app:layout_constraintTop_toTopOf="parent"
-                        app:tint="@null"
-                        tools:src="@tools:sample/avatars" />
-
-                    <com.google.android.material.card.MaterialCardView
-                        style="?styleCardNormal"
-                        android:layout_width="0dp"
-                        android:layout_height="wrap_content"
-                        android:layout_marginStart="@dimen/l1"
-                        app:layout_constraintBottom_toBottomOf="parent"
-                        app:layout_constraintEnd_toEndOf="parent"
-                        app:layout_constraintStart_toEndOf="@+id/support_icon_john"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <LinearLayout
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:orientation="vertical"
-                            android:padding="@dimen/l1">
-
-                            <androidx.appcompat.widget.AppCompatTextView
-                                android:layout_width="wrap_content"
-                                android:layout_height="wrap_content"
-                                android:fontFamily="sans-serif-black"
-                                android:textAppearance="?appearanceTextCaptionNormal"
-                                android:textStyle="bold"
-                                tools:text="\@topjohnwu" />
-
-                            <androidx.recyclerview.widget.RecyclerView
-                                android:layout_width="match_parent"
-                                android:layout_height="wrap_content"
-                                android:clipToPadding="false"
-                                android:fadingEdgeLength="@dimen/l1"
-                                android:orientation="horizontal"
-                                android:paddingTop="@dimen/l1"
-                                android:requiresFadingEdge="horizontal"
-                                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
-                                tools:listitem="@layout/item_developer" />
-
-                        </LinearLayout>
-
-                    </com.google.android.material.card.MaterialCardView>
-
-                </androidx.constraintlayout.widget.ConstraintLayout>
-
-                <androidx.constraintlayout.widget.ConstraintLayout
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:layout_marginTop="@dimen/l1"
-                    tools:visibility="gone">
-
-                    <androidx.appcompat.widget.AppCompatImageView
-                        android:id="@+id/support_icon_dia"
-                        style="?styleIconNormal"
-                        android:padding="0dp"
-                        app:layout_constraintBottom_toBottomOf="parent"
-                        app:layout_constraintEnd_toEndOf="parent"
-                        app:layout_constraintTop_toTopOf="parent"
-                        app:tint="@null"
-                        tools:src="@tools:sample/avatars" />
-
-                    <com.google.android.material.card.MaterialCardView
-                        style="?styleCardNormal"
-                        android:layout_width="0dp"
-                        android:layout_height="wrap_content"
-                        android:layout_marginEnd="@dimen/l1"
-                        app:layout_constraintBottom_toBottomOf="parent"
-                        app:layout_constraintEnd_toStartOf="@+id/support_icon_dia"
-                        app:layout_constraintStart_toStartOf="parent"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <LinearLayout
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:orientation="vertical"
-                            android:padding="@dimen/l1">
-
-                            <androidx.appcompat.widget.AppCompatTextView
-                                android:layout_width="wrap_content"
-                                android:layout_height="wrap_content"
-                                android:layout_gravity="end"
-                                android:fontFamily="sans-serif-black"
-                                android:textAppearance="?appearanceTextCaptionNormal"
-                                android:textStyle="bold"
-                                tools:text="\@diareuse" />
-
-                            <androidx.recyclerview.widget.RecyclerView
-                                android:layout_width="match_parent"
-                                android:layout_height="wrap_content"
-                                android:clipToPadding="false"
-                                android:fadingEdgeLength="@dimen/l1"
-                                android:orientation="horizontal"
-                                android:paddingTop="@dimen/l1"
-                                android:requiresFadingEdge="horizontal"
-                                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
-                                app:reverseLayout="true"
-                                tools:listitem="@layout/item_developer" />
-
-                        </LinearLayout>
-
-                    </com.google.android.material.card.MaterialCardView>
-
-                </androidx.constraintlayout.widget.ConstraintLayout>
-
-                <View
-                    android:layout_width="match_parent"
-                    android:layout_height="1dp"
-                    android:layout_marginTop="@dimen/l1"
-                    android:layout_marginBottom="@dimen/l1"
-                    android:background="?colorSurfaceVariant" />
-
-                <androidx.constraintlayout.widget.ConstraintLayout
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content">
-
-                    <androidx.appcompat.widget.AppCompatImageView
-                        android:id="@+id/support_icon_common"
-                        style="?styleIconNormal"
-                        android:padding="0dp"
-                        app:layout_constraintBottom_toBottomOf="parent"
-                        app:layout_constraintStart_toStartOf="parent"
-                        app:layout_constraintTop_toTopOf="parent"
-                        app:tint="@null"
-                        tools:src="@tools:sample/avatars" />
-
-                    <com.google.android.material.card.MaterialCardView
-                        style="?styleCardNormal"
-                        android:layout_width="0dp"
-                        android:layout_height="wrap_content"
-                        android:layout_marginStart="@dimen/l1"
-                        app:layout_constraintBottom_toBottomOf="parent"
-                        app:layout_constraintEnd_toEndOf="parent"
-                        app:layout_constraintStart_toEndOf="@+id/support_icon_common"
-                        app:layout_constraintTop_toTopOf="parent">
-
-                        <LinearLayout
-                            android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
-                            android:orientation="vertical"
-                            android:padding="@dimen/l1">
-
-                            <androidx.appcompat.widget.AppCompatTextView
-                                android:layout_width="wrap_content"
-                                android:layout_height="wrap_content"
-                                android:fontFamily="sans-serif-black"
-                                android:textAppearance="?appearanceTextCaptionNormal"
-                                android:textStyle="bold"
-                                tools:text="Project links" />
-
-                            <androidx.recyclerview.widget.RecyclerView
-                                android:layout_width="match_parent"
-                                android:layout_height="wrap_content"
-                                android:clipToPadding="false"
-                                android:fadingEdgeLength="@dimen/l1"
-                                android:orientation="horizontal"
-                                android:paddingTop="@dimen/l1"
-                                android:requiresFadingEdge="horizontal"
-                                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
-                                tools:listitem="@layout/item_developer" />
-
-                        </LinearLayout>
-
-                    </com.google.android.material.card.MaterialCardView>
-
-                </androidx.constraintlayout.widget.ConstraintLayout>
-
-            </LinearLayout>
-
-        </androidx.core.widget.NestedScrollView>
+            app:layout_behavior="com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior" />
 
         <com.google.android.material.bottomappbar.BottomAppBar
-            android:id="@+id/home_bottom_bar"
+            android:id="@+id/main_bottom_bar"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_gravity="bottom"
             android:background="?colorSurface"
+            android:paddingBottom="@{viewModel.insets.bottom}"
             app:backgroundTint="?colorSurface"
             app:contentInsetEnd="0dp"
             app:contentInsetStart="0dp"
             app:fabCradleMargin="@dimen/l_50"
+            app:hideOnScroll="true"
             tools:paddingBottom="48dp">
 
             <com.google.android.material.bottomnavigation.BottomNavigationView
+                android:id="@+id/main_navigation"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:background="@android:color/transparent"
@@ -442,7 +99,7 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             app:fabSize="normal"
-            app:layout_anchor="@+id/home_bottom_bar"
+            app:layout_anchor="@+id/main_bottom_bar"
             app:srcCompat="@drawable/ic_superuser" />
 
     </androidx.coordinatorlayout.widget.CoordinatorLayout>
diff --git a/app/src/main/res/layout/fragment_home_md2.xml b/app/src/main/res/layout/fragment_home_md2.xml
new file mode 100644
index 000000000..485c389be
--- /dev/null
+++ b/app/src/main/res/layout/fragment_home_md2.xml
@@ -0,0 +1,369 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <data>
+
+        <variable
+            name="viewModel"
+            type="com.topjohnwu.magisk.redesign.home.HomeViewModel" />
+
+    </data>
+
+    <androidx.core.widget.NestedScrollView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:clipToPadding="false"
+        android:padding="@dimen/l1"
+        tools:layout_marginTop="24dp">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical">
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:paddingTop="@dimen/l1">
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:id="@+id/home_magisk_wrapper"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    app:layout_constraintEnd_toStartOf="@+id/home_manager_wrapper"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent">
+
+                    <androidx.appcompat.widget.AppCompatImageView
+                        android:id="@+id/icon1"
+                        android:layout_width="48dp"
+                        android:layout_height="48dp"
+                        android:alpha=".2"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent"
+                        tools:src="@tools:sample/avatars" />
+
+                    <androidx.appcompat.widget.AppCompatImageView
+                        style="?styleIconError"
+                        app:layout_constraintBottom_toBottomOf="@+id/icon1"
+                        app:layout_constraintEnd_toEndOf="@+id/icon1"
+                        app:layout_constraintStart_toStartOf="@+id/icon1"
+                        app:layout_constraintTop_toTopOf="@+id/icon1"
+                        app:srcCompat="@drawable/ic_delete_md2" />
+
+                    <androidx.appcompat.widget.AppCompatTextView
+                        android:id="@+id/title1"
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="@dimen/l1"
+                        android:text="Magisk"
+                        android:textAppearance="?appearanceTextTitleNormal"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toEndOf="@+id/icon1"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+                    <androidx.appcompat.widget.AppCompatTextView
+                        android:id="@+id/status1"
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:text="is up to date"
+                        android:textAppearance="?appearanceTextCaptionVariant"
+                        app:layout_constraintEnd_toEndOf="@+id/title1"
+                        app:layout_constraintStart_toStartOf="@+id/title1"
+                        app:layout_constraintTop_toBottomOf="@+id/title1" />
+
+                    <FrameLayout
+                        android:id="@+id/button_container1"
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="@dimen/l1"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@+id/status1">
+
+                        <com.google.android.material.button.MaterialButton
+                            style="?styleButtonDefault"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:text="@string/update"
+                            app:icon="@drawable/ic_update_md2"
+                            app:iconGravity="textEnd"
+                            app:iconPadding="@dimen/l_50"
+                            app:iconSize="18dp"
+                            tools:visibility="gone" />
+
+                        <com.google.android.material.button.MaterialButton
+                            style="?styleButtonText"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:text="@string/install"
+                            app:icon="@drawable/ic_install"
+                            app:iconGravity="textEnd"
+                            app:iconPadding="@dimen/l_50"
+                            app:iconSize="18dp" />
+
+                    </FrameLayout>
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:id="@+id/home_manager_wrapper"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="@dimen/l1"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toEndOf="@+id/home_magisk_wrapper"
+                    app:layout_constraintTop_toTopOf="parent">
+
+                    <androidx.appcompat.widget.AppCompatImageView
+                        android:id="@+id/icon2"
+                        android:layout_width="48dp"
+                        android:layout_height="48dp"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent"
+                        tools:src="@tools:sample/avatars" />
+
+                    <androidx.appcompat.widget.AppCompatTextView
+                        android:id="@+id/title2"
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="@dimen/l1"
+                        android:text="Manager"
+                        android:textAppearance="?appearanceTextTitleNormal"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toEndOf="@+id/icon2"
+                        app:layout_constraintTop_toTopOf="parent" />
+
+                    <androidx.appcompat.widget.AppCompatTextView
+                        android:id="@+id/status2"
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:text="has update available!"
+                        android:textAppearance="?appearanceTextCaptionVariant"
+                        app:layout_constraintEnd_toEndOf="@+id/title2"
+                        app:layout_constraintStart_toStartOf="@+id/title2"
+                        app:layout_constraintTop_toBottomOf="@+id/title2" />
+
+                    <FrameLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="@dimen/l1"
+                        app:layout_constraintTop_toBottomOf="@+id/status2">
+
+                        <com.google.android.material.button.MaterialButton
+                            style="?styleButtonDefault"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:text="@string/update"
+                            app:icon="@drawable/ic_update_md2"
+                            app:iconGravity="textEnd"
+                            app:iconPadding="@dimen/l_50"
+                            app:iconSize="18dp" />
+
+                        <com.google.android.material.button.MaterialButton
+                            style="?styleButtonText"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:text="@string/install"
+                            app:icon="@drawable/ic_install"
+                            app:iconGravity="textEnd"
+                            app:iconPadding="@dimen/l_50"
+                            app:iconSize="18dp"
+                            tools:visibility="gone" />
+
+                    </FrameLayout>
+
+                </androidx.constraintlayout.widget.ConstraintLayout>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <View
+                android:layout_width="match_parent"
+                android:layout_height="1dp"
+                android:layout_marginTop="@dimen/l2"
+                android:layout_marginBottom="@dimen/l2"
+                android:background="?colorSurfaceVariant" />
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content">
+
+                <androidx.appcompat.widget.AppCompatImageView
+                    android:id="@+id/support_icon_john"
+                    style="?styleIconNormal"
+                    android:padding="0dp"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:tint="@null"
+                    tools:src="@tools:sample/avatars" />
+
+                <com.google.android.material.card.MaterialCardView
+                    style="?styleCardNormal"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="@dimen/l1"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toEndOf="@+id/support_icon_john"
+                    app:layout_constraintTop_toTopOf="parent">
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:orientation="vertical"
+                        android:padding="@dimen/l1">
+
+                        <androidx.appcompat.widget.AppCompatTextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:fontFamily="sans-serif-black"
+                            android:textAppearance="?appearanceTextCaptionNormal"
+                            android:textStyle="bold"
+                            tools:text="\@topjohnwu" />
+
+                        <androidx.recyclerview.widget.RecyclerView
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:clipToPadding="false"
+                            android:fadingEdgeLength="@dimen/l1"
+                            android:orientation="horizontal"
+                            android:paddingTop="@dimen/l1"
+                            android:requiresFadingEdge="horizontal"
+                            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                            tools:listitem="@layout/item_developer" />
+
+                    </LinearLayout>
+
+                </com.google.android.material.card.MaterialCardView>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/l1"
+                tools:visibility="gone">
+
+                <androidx.appcompat.widget.AppCompatImageView
+                    android:id="@+id/support_icon_dia"
+                    style="?styleIconNormal"
+                    android:padding="0dp"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:tint="@null"
+                    tools:src="@tools:sample/avatars" />
+
+                <com.google.android.material.card.MaterialCardView
+                    style="?styleCardNormal"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginEnd="@dimen/l1"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintEnd_toStartOf="@+id/support_icon_dia"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent">
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:orientation="vertical"
+                        android:padding="@dimen/l1">
+
+                        <androidx.appcompat.widget.AppCompatTextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="end"
+                            android:fontFamily="sans-serif-black"
+                            android:textAppearance="?appearanceTextCaptionNormal"
+                            android:textStyle="bold"
+                            tools:text="\@diareuse" />
+
+                        <androidx.recyclerview.widget.RecyclerView
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:clipToPadding="false"
+                            android:fadingEdgeLength="@dimen/l1"
+                            android:orientation="horizontal"
+                            android:paddingTop="@dimen/l1"
+                            android:requiresFadingEdge="horizontal"
+                            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                            app:reverseLayout="true"
+                            tools:listitem="@layout/item_developer" />
+
+                    </LinearLayout>
+
+                </com.google.android.material.card.MaterialCardView>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <View
+                android:layout_width="match_parent"
+                android:layout_height="1dp"
+                android:layout_marginTop="@dimen/l1"
+                android:layout_marginBottom="@dimen/l1"
+                android:background="?colorSurfaceVariant" />
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content">
+
+                <androidx.appcompat.widget.AppCompatImageView
+                    android:id="@+id/support_icon_common"
+                    style="?styleIconNormal"
+                    android:padding="0dp"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:tint="@null"
+                    tools:src="@tools:sample/avatars" />
+
+                <com.google.android.material.card.MaterialCardView
+                    style="?styleCardNormal"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="@dimen/l1"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toEndOf="@+id/support_icon_common"
+                    app:layout_constraintTop_toTopOf="parent">
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:orientation="vertical"
+                        android:padding="@dimen/l1">
+
+                        <androidx.appcompat.widget.AppCompatTextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:fontFamily="sans-serif-black"
+                            android:textAppearance="?appearanceTextCaptionNormal"
+                            android:textStyle="bold"
+                            tools:text="Project links" />
+
+                        <androidx.recyclerview.widget.RecyclerView
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:clipToPadding="false"
+                            android:fadingEdgeLength="@dimen/l1"
+                            android:orientation="horizontal"
+                            android:paddingTop="@dimen/l1"
+                            android:requiresFadingEdge="horizontal"
+                            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                            tools:listitem="@layout/item_developer" />
+
+                    </LinearLayout>
+
+                </com.google.android.material.card.MaterialCardView>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+        </LinearLayout>
+
+    </androidx.core.widget.NestedScrollView>
+
+</layout>
\ No newline at end of file