Improve contribute icons readme. Add trademark usage disclaimer. Add 5 new payment methods

.gitignore

@@ -653,5 +653,5 @@ api/lightning/googleapis*
 frontend/static/admin*
 frontend/static/rest_framework*
 frontend/static/import_export*
-frontend/src/components/payment-method-images/code*
-frontend/src/components/payment-method-images/webp*
+frontend/src/components/payment-methods/code*
+frontend/src/components/payment-methods/webp*

frontend/src/components/PaymentText.js

@@ -26,6 +26,10 @@ const someMethods = [
     {name: "Vivid",icon:'vivid'},
     {name: "Google Play Gift Code",icon:'googleplay'},
     {name: "Nequi",icon:'nequi'},
+    {name: "ShakePay",icon:'shakepay'},
+    {name: "DaviPlata",icon:'daviplata'},
+    {name: "CoDi",icon:'codi'},
+    {name: "TaiwanPay",icon:'taiwanpay'},
     {name: "MercadoPago",icon:'mercadopago'},
     {name: "Monero",icon:'monero'},
     {name: "USDT",icon:'usdt'},

frontend/src/components/autocompletePayments.js

@@ -302,6 +302,11 @@ var somePaymentMethods = [
   {name: "Vivid",icon:'vivid'},
   {name: "Google Play Gift Code",icon:'googleplay'},
   {name: "Nequi",icon:'nequi'},
+  {name: "ShakePay",icon:'shakepay'},
+  {name: "DaviPlata",icon:'daviplata'},
+  {name: "CoDi",icon:'codi'},
+  {name: "TaiwanPay",icon:'taiwanpay'},
+  {name: "MaiCoin",icon:'maicoin'},
   {name: "MercadoPago",icon:'mercadopago'},
   {name: "Monero",icon:'monero'},
   {name: "USDT",icon:'usdt'},

frontend/src/components/payment-methods/gen-code.sh

@@ -0,0 +1,43 @@
+#!/bin/bash
+
+OS=$(uname -s)
+
+mkdir code 2>/dev/null
+
+code="{\n"
+html=""
+cd webp && for f in *.webp
+do
+  title=$(echo $f | sed 's/\.[^.]*$//')  
+  key=$(echo $title | sed 's/.*/\L&/' | sed 's/ //' | sed 's/[^[:alnum:]]//g')
+
+  if [ "$OS" = "Darwin" ]; then
+    image=$(cat "$title.webp" | base64 -b 0)
+  else
+    image=$(cat "$title.webp" | base64 -w 0)
+  fi
+
+code+="  $key: {
+    title: \"$title\",
+    image: \"data:image/webp;base64,$image\",
+  },
+"
+html+="$title
+<img
+  src=\"data:image/webp;base64,$image\"
+/>
+"
+done
+
+code+="};"
+
+printf "$code" > ../code/code.js
+printf "$html" > ../code/code.html
+
+if [ "$OS" = "Darwin" ]; then
+  printf "$code" | pbcopy
+else
+  printf "$code" | xclip -sel clip
+fi
+
+echo "Copied code to clipboard"

frontend/src/components/payment-methods/readme.MD

@@ -6,4 +6,10 @@ Scripts taken from https://github.com/hsjoberg/blixt-wallet/blob/master/contrib/
 
 1. Run `./gen-webp.sh` to generate the WebP files to used
 2. Run `./gen-code.sh` to generate code to either be used in react js source files
-3. Copy/Paste and replace the dict from `payment-method-images/code/codejs` to `components/PaymentIcons.js`
+3. Copy/Paste and replace the dict from `frontend/src/components/payment-method-images/code/codejs` to `frontend/src/components/PaymentIcons.js`
+4. Add the new entry to `somePaymentMethods` dictionary in `frontend/src/components/autocompletePayments.js` 
+5. Add the new entry to `someMethods` dictionary in `frontend/src/components/PaymentText.js` 
+
+# Trademarks belong to their respective owners
+
+All services names, trademarks and registered trademarks / copyrights are properties of their respective owners. All company, product and service names used in the Robotic Satoshis Open Source Project are for identification purposes only. Use of these names, trademarks / copyrights and brands does not imply endorsement or association. If you own any of the trademarks and want to remove it from the Robotic Satoshis Open Source Project you can file a claim and it will be promptly processed.