PERA-1060 :: Switch to finalized figma app staking icons (#34)

perawallet · Nov 13, 2024 · f3ba52e · f3ba52e
1 parent b0ae1d7
commit f3ba52e
Show file tree

Hide file tree

Showing 7 changed files with 108 additions and 2 deletions.
diff --git a/app/src/main/res/drawable/ic_stake.xml b/app/src/main/res/drawable/ic_stake.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  ~ Copyright 2022 Pera Wallet, LDA
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License
+  -->
+
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="48" android:viewportWidth="48" android:width="24dp">
+
+    <path android:fillColor="@color/text_main" android:pathData="M20,30C20,31.105 19.105,32 18,32C16.895,32 16,31.105 16,30C16,28.895 16.895,28 18,28C19.105,28 20,28.895 20,30Z"/>
+
+    <path android:fillColor="@color/text_main" android:pathData="M26,30C26,31.105 25.105,32 24,32C22.895,32 22,31.105 22,30C22,28.895 22.895,28 24,28C25.105,28 26,28.895 26,30Z"/>
+
+    <path android:fillColor="@color/text_main" android:pathData="M32,30C32,31.105 31.105,32 30,32C28.895,32 28,31.105 28,30C28,28.895 28.895,28 30,28C31.105,28 32,28.895 32,30Z"/>
+
+    <path android:fillColor="@color/text_main" android:pathData="M26,24C26,25.105 25.105,26 24,26C22.895,26 22,25.105 22,24C22,22.895 22.895,22 24,22C25.105,22 26,22.895 26,24Z"/>
+
+    <path android:fillColor="@color/text_main" android:pathData="M32,24C32,25.105 31.105,26 30,26C28.895,26 28,25.105 28,24C28,22.895 28.895,22 30,22C31.105,22 32,22.895 32,24Z"/>
+
+    <path android:fillColor="@color/text_main" android:pathData="M32,18C32,19.105 31.105,20 30,20C28.895,20 28,19.105 28,18C28,16.895 28.895,16 30,16C31.105,16 32,16.895 32,18Z"/>
+
+</vector>
diff --git a/app/src/main/res/drawable/ic_stake_helper_button_bg_ghost.xml b/app/src/main/res/drawable/ic_stake_helper_button_bg_ghost.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  ~ Copyright 2022 Pera Wallet, LDA
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License
+  -->
+
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item>
+        <shape android:shape="oval">
+            <solid android:color="@color/button_ghost_bg" />
+        </shape>
+    </item>
+    <item android:drawable="@drawable/ic_stake" />
+</layer-list>
diff --git a/app/src/main/res/drawable/ic_stake_helper_button_bg_gray.xml b/app/src/main/res/drawable/ic_stake_helper_button_bg_gray.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  ~ Copyright 2022 Pera Wallet, LDA
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License
+  -->
+
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item>
+        <shape android:shape="oval">
+            <solid android:color="@color/layer_gray_lighter" />
+        </shape>
+    </item>
+    <item android:drawable="@drawable/ic_stake" />
+</layer-list>
diff --git a/app/src/main/res/drawable/ic_stake_quick_actions.xml b/app/src/main/res/drawable/ic_stake_quick_actions.xml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  ~ Copyright 2022 Pera Wallet, LDA
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License
+  -->
+
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="40"
+    android:viewportHeight="40">
+
+    <path android:fillColor="@color/button_helper_bg" android:pathData="M20,20m-20,0a20,20 0,1 1,40 0a20,20 0,1 1,-40 0" />
+
+    <path android:fillColor="@color/button_helper_icon" android:pathData="M16,26C16,27.105 15.105,28 14,28C12.895,28 12,27.105 12,26C12,24.895 12.895,24 14,24C15.105,24 16,24.895 16,26Z"/>
+
+    <path android:fillColor="@color/button_helper_icon" android:pathData="M22,26C22,27.105 21.105,28 20,28C18.895,28 18,27.105 18,26C18,24.895 18.895,24 20,24C21.105,24 22,24.895 22,26Z"/>
+
+    <path android:fillColor="@color/button_helper_icon" android:pathData="M28,26C28,27.105 27.105,28 26,28C24.895,28 24,27.105 24,26C24,24.895 24.895,24 26,24C27.105,24 28,24.895 28,26Z"/>
+
+    <path android:fillColor="@color/button_helper_icon" android:pathData="M22,20C22,21.105 21.105,22 20,22C18.895,22 18,21.105 18,20C18,18.895 18.895,18 20,18C21.105,18 22,18.895 22,20Z"/>
+
+    <path android:fillColor="@color/button_helper_icon" android:pathData="M28,20C28,21.105 27.105,22 26,22C24.895,22 24,21.105 24,20C24,18.895 24.895,18 26,18C27.105,18 28,18.895 28,20Z"/>
+
+    <path android:fillColor="@color/button_helper_icon" android:pathData="M28,14C28,15.105 27.105,16 26,16C24.895,16 24,15.105 24,14C24,12.895 24.895,12 26,12C27.105,12 28,12.895 28,14Z"/>
+
+</vector>
diff --git a/app/src/main/res/drawable/icn_stake.png b/app/src/main/res/drawable/icn_stake.png
diff --git a/app/src/main/res/layout/custom_core_actions_tab_bar.xml b/app/src/main/res/layout/custom_core_actions_tab_bar.xml
@@ -51,7 +51,7 @@
             android:layout_height="wrap_content"
             android:layout_marginBottom="@dimen/spacing_large"
             app:description="@string/staking_menu_desc"
-            app:icon="@drawable/icn_stake"
+            app:icon="@drawable/ic_stake_quick_actions"
             app:title="@string/staking" />
 
         <com.algorand.android.customviews.ListMenuItemView

diff --git a/app/src/main/res/layout/item_accounts_quick_actions.xml b/app/src/main/res/layout/item_accounts_quick_actions.xml
@@ -42,7 +42,7 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="@string/staking"
-        app:icon="@drawable/icn_stake" />
+        app:icon="@drawable/ic_stake_helper_button_bg_ghost" />
 
     <com.google.android.material.button.MaterialButton
         android:id="@+id/buySellButton"