Add illustration when user hasn't placed any orders

Author: MarkNjunge

app/src/main/java/com/marknkamau/justjava/ui/orders/OrdersActivity.kt

@@ -49,10 +49,10 @@ class OrdersActivity : AppCompatActivity() {
             tvOrderId.text = order.id
             tvOrderDate.text = DateTime.fromTimestamp(order.datePlaced).format("hh:mm a, d MMM yyyy")
             tvOrderStatus.text = order.status.s.capitalize().replace("_", " ")
-            tvOrderItems.text = order.items.joinToString{ it.productName }
+            tvOrderItems.text = order.items.joinToString { it.productName }
             tvOrderTotal.text = getString(R.string.price_listing, CurrencyFormatter.format(order.totalPrice))
 
-            when(order.status){
+            when (order.status) {
                 OrderStatus.PENDING -> tvOrderStatus.setBackgroundResource(R.drawable.bg_order_pending)
                 OrderStatus.CONFIRMED -> tvOrderStatus.setBackgroundResource(R.drawable.bg_order_confirmed)
                 OrderStatus.IN_PROGRESS -> tvOrderStatus.setBackgroundResource(R.drawable.bg_order_in_progress)
@@ -72,7 +72,16 @@ class OrdersActivity : AppCompatActivity() {
 
         ordersViewModel.orders.observe(this, Observer { resource ->
             when (resource) {
-                is Resource.Success -> adapter.setItems(resource.data.sortedBy { it.datePlaced }.reversed())
+                is Resource.Success -> {
+                    if (resource.data.isEmpty()) {
+                        llNoOrders.visibility = View.VISIBLE
+                        rvOrders.visibility = View.GONE
+                    } else {
+                        llNoOrders.visibility = View.GONE
+                        rvOrders.visibility = View.VISIBLE
+                        adapter.setItems(resource.data.sortedBy { it.datePlaced }.reversed())
+                    }
+                }
                 is Resource.Failure -> toast(resource.response.message, Toast.LENGTH_LONG)
             }
         })

app/src/main/res/layout/activity_orders.xml

@@ -6,6 +6,36 @@
     android:layout_height="match_parent"
     tools:context="com.marknkamau.justjava.ui.orders.OrdersActivity">
 
+    <LinearLayout
+        android:id="@+id/llNoOrders"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:visibility="visible">
+
+        <ImageView
+            android:id="@+id/imageView2"
+            android:layout_width="172dp"
+            android:layout_height="172dp"
+            android:layout_gravity="center"
+            android:contentDescription="@null"
+            app:srcCompat="@drawable/il_no_orders" />
+
+        <TextView
+            android:id="@+id/textView3"
+            style="@style/AppTheme.Text.18Primary"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:layout_marginTop="32dp"
+            android:text="You haven't made any orders" />
+    </LinearLayout>
+
     <ProgressBar
         android:id="@+id/pbLoading"
         style="?android:attr/progressBarStyle"