summaryrefslogtreecommitdiffstats
path: root/mobile/android/android-components/components/feature/addons/src/main/res/layout
diff options
context:
space:
mode:
Diffstat (limited to 'mobile/android/android-components/components/feature/addons/src/main/res/layout')
-rw-r--r--mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_footer_section_item.xml15
-rw-r--r--mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_fragment_dialog_addon_installed.xml84
-rw-r--r--mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_fragment_dialog_addon_permissions.xml93
-rw-r--r--mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_header_section_item.xml52
-rw-r--r--mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_item.xml156
-rw-r--r--mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_permission_item.xml28
-rw-r--r--mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_permissions_required_item.xml28
-rw-r--r--mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_section_item.xml30
-rw-r--r--mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_section_unsupported_section_item.xml60
-rw-r--r--mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_unsupported_item.xml51
10 files changed, 597 insertions, 0 deletions
diff --git a/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_footer_section_item.xml b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_footer_section_item.xml
new file mode 100644
index 0000000000..1f76ce69d5
--- /dev/null
+++ b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_footer_section_item.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<Button xmlns:android="http://schemas.android.com/apk/res/android"
+ android:layout_width="match_parent"
+ android:layout_height="48dp"
+ android:layout_marginStart="12dp"
+ android:layout_marginEnd="12dp"
+ android:layout_marginTop="8dp"
+ android:layout_marginBottom="12dp"
+ android:text="@string/mozac_feature_addons_find_more_extensions_button_text"
+ android:textAlignment="center"
+ android:textAllCaps="false"
+ android:textSize="14sp" />
diff --git a/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_fragment_dialog_addon_installed.xml b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_fragment_dialog_addon_installed.xml
new file mode 100644
index 0000000000..3c23c7a844
--- /dev/null
+++ b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_fragment_dialog_addon_installed.xml
@@ -0,0 +1,84 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<RelativeLayout 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"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:background="?android:windowBackground"
+ android:orientation="vertical"
+ tools:ignore="Overdraw">
+
+ <androidx.appcompat.widget.AppCompatImageView
+ android:id="@+id/icon"
+ android:layout_width="32dp"
+ android:layout_height="32dp"
+ android:layout_alignParentTop="true"
+ android:layout_marginStart="16dp"
+ android:layout_marginTop="16dp"
+ android:importantForAccessibility="no"
+ android:scaleType="centerInside"
+ app:srcCompat="@drawable/mozac_ic_extension_24" />
+
+ <TextView
+ android:id="@+id/title"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_alignBaseline="@id/icon"
+ android:layout_alignParentTop="true"
+ android:layout_marginStart="3dp"
+ android:layout_marginTop="16dp"
+ android:layout_marginEnd="11dp"
+ android:layout_toEndOf="@id/icon"
+ android:paddingStart="5dp"
+ android:paddingTop="4dp"
+ android:paddingEnd="5dp"
+ android:textColor="?android:attr/textColorPrimary"
+ android:textSize="16sp"
+ tools:text="@string/mozac_feature_addons_installed_dialog_title"
+ tools:textColor="#000000" />
+
+ <TextView
+ android:id="@+id/description"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_below="@id/title"
+ android:layout_alignStart="@id/title"
+ android:layout_marginTop="16dp"
+ android:paddingStart="5dp"
+ android:paddingTop="4dp"
+ android:paddingEnd="5dp"
+ android:textColor="?android:attr/textColorPrimary"
+ tools:text="@string/mozac_feature_addons_installed_dialog_description_2" />
+
+ <androidx.appcompat.widget.AppCompatCheckBox
+ android:id="@+id/allow_in_private_browsing"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_below="@id/description"
+ android:layout_alignStart="@id/title"
+ android:layout_marginTop="16dp"
+ android:paddingStart="5dp"
+ android:paddingTop="4dp"
+ android:paddingEnd="5dp"
+ android:text="@string/mozac_feature_addons_settings_allow_in_private_browsing"
+ android:textColor="?android:attr/textColorPrimary" />
+
+ <Button
+ android:id="@+id/confirm_button"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_below="@id/allow_in_private_browsing"
+ android:layout_alignParentEnd="true"
+ android:layout_marginStart="8dp"
+ android:layout_marginTop="16dp"
+ android:layout_marginEnd="16dp"
+ android:layout_marginBottom="16dp"
+ android:paddingStart="20dp"
+ android:paddingEnd="20dp"
+ android:text="@string/mozac_feature_addons_installed_dialog_okay_button_2"
+ android:textAlignment="center"
+ android:textAllCaps="false" />
+
+</RelativeLayout>
diff --git a/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_fragment_dialog_addon_permissions.xml b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_fragment_dialog_addon_permissions.xml
new file mode 100644
index 0000000000..efe8f2364b
--- /dev/null
+++ b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_fragment_dialog_addon_permissions.xml
@@ -0,0 +1,93 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<RelativeLayout 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"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:background="?android:windowBackground"
+ android:orientation="vertical"
+ tools:ignore="Overdraw">
+
+ <androidx.appcompat.widget.AppCompatImageView
+ android:id="@+id/icon"
+ android:layout_width="32dp"
+ android:layout_height="32dp"
+ android:layout_alignParentTop="true"
+ android:layout_marginStart="16dp"
+ android:layout_marginTop="16dp"
+ android:importantForAccessibility="no"
+ android:scaleType="center"
+ app:srcCompat="@drawable/mozac_ic_extension_24" />
+
+ <TextView
+ android:id="@+id/title"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_alignBaseline="@id/icon"
+ android:layout_alignParentTop="true"
+ android:layout_marginStart="3dp"
+ android:layout_marginTop="16dp"
+ android:layout_marginEnd="11dp"
+ android:layout_toEndOf="@id/icon"
+ android:paddingStart="5dp"
+ android:paddingTop="4dp"
+ android:paddingEnd="5dp"
+ android:textColor="?android:attr/textColorPrimary"
+ android:textSize="16sp"
+ tools:text="Add Ublock Origin?"
+ tools:textColor="#000000" />
+
+ <TextView
+ android:id="@+id/optional_or_required_text"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:layout_below="@id/title"
+ android:layout_alignStart="@id/title"
+ android:layout_marginTop="16dp"
+ android:paddingStart="5dp"
+ android:paddingTop="4dp"
+ android:paddingEnd="5dp"
+ android:textColor="?android:attr/textColorPrimary"
+ tools:text="It requires your permission to:" />
+
+ <androidx.recyclerview.widget.RecyclerView
+ android:id="@+id/permissions"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:layout_below="@id/optional_or_required_text"
+ android:layout_alignStart="@id/optional_or_required_text"
+ android:layout_marginStart="0dp"
+ android:paddingStart="5dp"
+ android:paddingTop="4dp"
+ android:paddingEnd="5dp"
+ android:visibility="visible" />
+
+ <Button
+ android:id="@+id/deny_button"
+ style="?android:attr/borderlessButtonStyle"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_below="@id/permissions"
+ android:layout_marginTop="16dp"
+ android:layout_toStartOf="@id/allow_button"
+ android:text="@string/mozac_feature_addons_permissions_dialog_cancel"
+ android:textAlignment="center"
+ android:textAllCaps="false" />
+
+ <Button
+ android:id="@+id/allow_button"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_below="@id/permissions"
+ android:layout_alignParentEnd="true"
+ android:layout_marginStart="8dp"
+ android:layout_marginTop="16dp"
+ android:layout_marginEnd="16dp"
+ android:layout_marginBottom="16dp"
+ android:text="@string/mozac_feature_addons_permissions_dialog_add"
+ android:textAlignment="center"
+ android:textAllCaps="false" />
+
+</RelativeLayout>
diff --git a/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_header_section_item.xml b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_header_section_item.xml
new file mode 100644
index 0000000000..28156a1860
--- /dev/null
+++ b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_header_section_item.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<LinearLayout
+ 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"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:padding="16dp"
+ android:orientation="vertical"
+ tools:ignore="RtlSymmetry">
+ <LinearLayout
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:gravity="center_vertical">
+ <androidx.appcompat.widget.AppCompatImageView
+ android:id="@+id/warning_icon"
+ android:layout_width="24dp"
+ android:layout_height="24dp"
+ android:scaleType="center"
+ app:srcCompat="@drawable/mozac_ic_warning_fill_24"
+ app:tint="?android:attr/textColorLink"/>
+ <TextView
+ android:text="@string/mozac_feature_extensions_manager_notification_title_text"
+ android:textSize="16sp"
+ android:textColor="?android:attr/textColorPrimary"
+ android:textStyle="bold"
+ android:paddingStart="12dp"
+ android:paddingEnd="0dp"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"/>
+ </LinearLayout>
+ <TextView
+ android:text="@string/mozac_feature_extensions_manager_notification_content_text"
+ android:textColor="?android:attr/textColorPrimary"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:paddingVertical="16dp"
+ android:paddingStart="36dp"/>
+ <Button
+ android:id="@+id/restart_button"
+ style="@style/Widget.AppCompat.Button.Borderless.Colored"
+ android:text="@string/mozac_feature_extensions_manager_notification_restart_button"
+ android:textColor="?android:attr/textColorLink"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_gravity="end"
+ android:paddingVertical="8dp"/>
+</LinearLayout>
diff --git a/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_item.xml b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_item.xml
new file mode 100644
index 0000000000..9ed77d46fe
--- /dev/null
+++ b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_item.xml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<RelativeLayout 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"
+ android:id="@+id/add_on_item"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:background="?android:attr/selectableItemBackground"
+ android:orientation="horizontal"
+ android:paddingStart="0dp"
+ android:paddingEnd="0dp">
+
+ <LinearLayout
+ android:id="@+id/add_on_content_wrapper"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:layout_toStartOf="@+id/add_button"
+ android:orientation="horizontal">
+
+ <androidx.appcompat.widget.AppCompatImageView
+ android:id="@+id/add_on_icon"
+ style="@style/Mozac.Widgets.Favicon"
+ android:layout_marginTop="16dp"
+ android:layout_marginStart="16dp"
+ android:importantForAccessibility="no"
+ app:srcCompat="@android:color/transparent"
+ tools:ignore="RequiredSize" />
+
+ <LinearLayout
+ android:id="@+id/details_container"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:layout_marginStart="8dp"
+ android:layout_marginTop="8dp"
+ android:layout_marginBottom="8dp"
+ android:orientation="vertical"
+ android:paddingStart="8dp"
+ android:paddingTop="8dp"
+ android:paddingEnd="4dp"
+ android:paddingBottom="8dp">
+
+ <LinearLayout
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginBottom="@dimen/add_on_name_container_margin_bottom"
+ android:orientation="horizontal">
+
+ <TextView
+ android:id="@+id/add_on_name"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_gravity="center_vertical"
+ android:layout_weight="1"
+ android:ellipsize="end"
+ android:maxLines="1"
+ android:textSize="16sp"
+ tools:text="uBlock Origin" />
+
+ <androidx.appcompat.widget.AppCompatImageView
+ android:id="@+id/allowed_in_private_browsing_label"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_gravity="center_vertical"
+ android:layout_marginStart="@dimen/allowed_in_private_browsing_label_margins"
+ android:layout_marginEnd="@dimen/allowed_in_private_browsing_label_margins"
+ android:layout_weight="0"
+ android:background="?attr/selectableItemBackgroundBorderless"
+ android:visibility="gone" />
+
+ </LinearLayout>
+
+ <TextView
+ android:id="@+id/add_on_description"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:textSize="14sp"
+ tools:text="An efficient blocker: easy on memory and CPU footprint, and yet can load and enforce thousands more filters than other popular blockers out there." />
+
+ <LinearLayout
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginTop="6dp"
+ android:orientation="horizontal">
+
+ <RatingBar
+ android:id="@+id/rating"
+ style="@style/Widget.AppCompat.RatingBar.Small"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_gravity="center_vertical"
+ android:importantForAccessibility="no"
+ android:isIndicator="true"
+ android:numStars="5" />
+
+ <TextView
+ android:id="@+id/rating_accessibility"
+ android:layout_width="0dp"
+ android:layout_height="0dp" />
+
+ <TextView
+ android:id="@+id/review_count"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:layout_gravity="center_vertical"
+ android:layout_marginStart="6dp"
+ android:textSize="12sp"
+ tools:text="Reviews: 591,642" />
+
+ </LinearLayout>
+
+ <LinearLayout
+ android:id="@+id/add_on_status_error"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginTop="6dp"
+ android:orientation="vertical"
+ android:visibility="gone">
+
+ <TextView
+ android:id="@+id/add_on_status_error_message"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:textColor="@color/mozac_feature_addons_error_text_color"
+ android:textSize="14sp"
+ tools:text="@string/mozac_feature_addons_status_blocklisted" />
+
+ <TextView
+ android:id="@+id/add_on_status_error_learn_more_link"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:text="@string/mozac_feature_addons_status_learn_more"
+ android:textColor="?android:attr/textColorLink"
+ android:textSize="14sp" />
+ </LinearLayout>
+
+ </LinearLayout>
+
+ </LinearLayout>
+
+ <androidx.appcompat.widget.AppCompatImageView
+ android:id="@+id/add_button"
+ android:layout_width="48dp"
+ android:layout_height="48dp"
+ android:scaleType="center"
+ android:layout_marginStart="0dp"
+ android:layout_marginEnd="6dp"
+ android:layout_alignParentEnd="true"
+ android:layout_centerVertical="true"
+ android:background="?attr/selectableItemBackgroundBorderless"
+ app:srcCompat="@drawable/mozac_ic_plus_24"
+ app:tint="?android:attr/textColorPrimary" />
+</RelativeLayout>
diff --git a/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_permission_item.xml b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_permission_item.xml
new file mode 100644
index 0000000000..b5fe6cde18
--- /dev/null
+++ b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_permission_item.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+ xmlns:tools="http://schemas.android.com/tools"
+ android:id="@+id/add_on_item"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:background="?android:attr/selectableItemBackground"
+ android:orientation="vertical">
+
+ <TextView
+ android:id="@+id/permission"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:padding="16dp"
+ android:textSize="16sp"
+ android:textColor="?android:attr/textColorPrimary"
+ tools:text="Access your data for all websites" />
+
+ <View
+ android:layout_width="match_parent"
+ android:layout_height="1dp"
+ android:background="?android:attr/listDivider"
+ android:importantForAccessibility="no" />
+</LinearLayout>
diff --git a/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_permissions_required_item.xml b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_permissions_required_item.xml
new file mode 100644
index 0000000000..67f7de87db
--- /dev/null
+++ b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_permissions_required_item.xml
@@ -0,0 +1,28 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+ xmlns:tools="http://schemas.android.com/tools"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:layout_marginTop="4dp"
+ android:orientation="horizontal"
+ android:paddingTop="8dp">
+
+ <TextView
+ android:id="@+id/bullet"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:paddingEnd="5dp"
+ android:text="•"
+ android:textColor="?android:attr/textColorPrimary"
+ tools:ignore="HardcodedText,RtlSymmetry" />
+
+ <TextView
+ android:id="@+id/permission_required_item"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:textColor="?android:attr/textColorPrimary"
+ tools:text="Access your data for all websites." />
+
+</LinearLayout> \ No newline at end of file
diff --git a/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_section_item.xml b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_section_item.xml
new file mode 100644
index 0000000000..c976c66aa1
--- /dev/null
+++ b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_section_item.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+ xmlns:tools="http://schemas.android.com/tools"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:orientation="vertical">
+
+ <View
+ android:id="@+id/divider"
+ android:layout_width="match_parent"
+ android:layout_height="1dp"
+ android:visibility="gone"
+ android:background="?android:attr/listDivider" />
+
+ <TextView
+ android:id="@+id/title"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:background="?android:attr/selectableItemBackground"
+ android:orientation="horizontal"
+ android:paddingStart="72dp"
+ android:paddingTop="16dp"
+ android:paddingEnd="16dp"
+ android:textStyle="bold"
+ tools:text="Recommended" />
+</LinearLayout>
diff --git a/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_section_unsupported_section_item.xml b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_section_unsupported_section_item.xml
new file mode 100644
index 0000000000..bb217ebe3f
--- /dev/null
+++ b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_section_unsupported_section_item.xml
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+ xmlns:tools="http://schemas.android.com/tools"
+ xmlns:app="http://schemas.android.com/apk/res-auto"
+ android:id="@+id/unsupported_add_on_item"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:orientation="vertical">
+
+ <View
+ android:layout_width="match_parent"
+ android:layout_height="1dp"
+ android:background="@color/photonGrey30" />
+
+ <LinearLayout
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:background="?android:attr/selectableItemBackground"
+ android:paddingStart="16dp"
+ android:paddingEnd="16dp"
+ android:paddingTop="8dp"
+ android:paddingBottom="8dp"
+ android:orientation="horizontal">
+
+ <androidx.appcompat.widget.AppCompatImageView
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:contentDescription="@string/mozac_feature_addons_remove"
+ android:layout_gravity="center_vertical"
+ app:tint="@android:color/darker_gray"
+ app:srcCompat="@drawable/mozac_ic_cross_24"/>
+
+ <LinearLayout
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginStart="16dp"
+ android:orientation="vertical">
+
+ <TextView
+ android:id="@+id/title"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:orientation="horizontal"
+ android:textSize="18sp"
+ tools:text="Not yet supported" />
+
+ <TextView
+ android:id="@+id/description"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ tools:text="2 add-ons"/>
+ </LinearLayout>
+ </LinearLayout>
+
+
+</LinearLayout>
diff --git a/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_unsupported_item.xml b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_unsupported_item.xml
new file mode 100644
index 0000000000..e25f78a84f
--- /dev/null
+++ b/mobile/android/android-components/components/feature/addons/src/main/res/layout/mozac_feature_addons_unsupported_item.xml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<LinearLayout 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"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:gravity="center_vertical"
+ android:orientation="horizontal"
+ android:padding="16dp">
+
+ <androidx.appcompat.widget.AppCompatImageView
+ android:id="@+id/add_on_icon"
+ style="@style/Mozac.Widgets.Favicon"
+ tools:ignore="RequiredSize"
+ android:importantForAccessibility="no"
+ app:srcCompat="@drawable/mozac_ic_extension_24"
+ app:tint="?android:attr/textColorPrimary" />
+
+ <RelativeLayout
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginStart="16dp"
+ android:orientation="horizontal">
+
+ <TextView
+ android:id="@+id/add_on_name"
+ android:layout_width="match_parent"
+ android:layout_height="wrap_content"
+ android:layout_centerVertical="true"
+ android:layout_toStartOf="@+id/add_on_remove_button"
+ android:ellipsize="end"
+ android:maxLines="1"
+ android:textSize="18sp"
+ tools:text="uBlock Origin" />
+
+ <androidx.appcompat.widget.AppCompatImageButton
+ android:id="@+id/add_on_remove_button"
+ android:layout_width="48dp"
+ android:layout_height="48dp"
+ android:layout_alignParentEnd="true"
+ android:layout_centerVertical="true"
+ android:background="?attr/selectableItemBackgroundBorderless"
+ android:contentDescription="@string/mozac_feature_addons_remove"
+ app:tint="?android:attr/textColorPrimary"
+ app:srcCompat="@drawable/mozac_ic_delete_24" />
+ </RelativeLayout>
+</LinearLayout>