diff --git a/resources/images/socials/bigger/default/facebook@2x.png b/resources/images/socials/bigger/default/facebook@2x.png new file mode 100644 index 0000000000..63c08203e1 Binary files /dev/null and b/resources/images/socials/bigger/default/facebook@2x.png differ diff --git a/resources/images/socials/bigger/default/facebook@3x.png b/resources/images/socials/bigger/default/facebook@3x.png new file mode 100644 index 0000000000..3c0ed7ba63 Binary files /dev/null and b/resources/images/socials/bigger/default/facebook@3x.png differ diff --git a/resources/images/socials/bigger/default/flickr@2x.png b/resources/images/socials/bigger/default/flickr@2x.png new file mode 100644 index 0000000000..7d25e1cac6 Binary files /dev/null and b/resources/images/socials/bigger/default/flickr@2x.png differ diff --git a/resources/images/socials/bigger/default/flickr@3x.png b/resources/images/socials/bigger/default/flickr@3x.png new file mode 100644 index 0000000000..afa585c190 Binary files /dev/null and b/resources/images/socials/bigger/default/flickr@3x.png differ diff --git a/resources/images/socials/bigger/default/github@2x.png b/resources/images/socials/bigger/default/github@2x.png new file mode 100644 index 0000000000..092d2dded8 Binary files /dev/null and b/resources/images/socials/bigger/default/github@2x.png differ diff --git a/resources/images/socials/bigger/default/github@3x.png b/resources/images/socials/bigger/default/github@3x.png new file mode 100644 index 0000000000..a0d5bb4e7d Binary files /dev/null and b/resources/images/socials/bigger/default/github@3x.png differ diff --git a/resources/images/socials/bigger/default/instagram@2x.png b/resources/images/socials/bigger/default/instagram@2x.png new file mode 100644 index 0000000000..5ea58310c3 Binary files /dev/null and b/resources/images/socials/bigger/default/instagram@2x.png differ diff --git a/resources/images/socials/bigger/default/instagram@3x.png b/resources/images/socials/bigger/default/instagram@3x.png new file mode 100644 index 0000000000..ef7a1b88c8 Binary files /dev/null and b/resources/images/socials/bigger/default/instagram@3x.png differ diff --git a/resources/images/socials/bigger/default/lens@2x.png b/resources/images/socials/bigger/default/lens@2x.png new file mode 100644 index 0000000000..032680e771 Binary files /dev/null and b/resources/images/socials/bigger/default/lens@2x.png differ diff --git a/resources/images/socials/bigger/default/lens@3x.png b/resources/images/socials/bigger/default/lens@3x.png new file mode 100644 index 0000000000..e1bbb47098 Binary files /dev/null and b/resources/images/socials/bigger/default/lens@3x.png differ diff --git a/resources/images/socials/bigger/default/link@2x.png b/resources/images/socials/bigger/default/link@2x.png new file mode 100644 index 0000000000..35044765d3 Binary files /dev/null and b/resources/images/socials/bigger/default/link@2x.png differ diff --git a/resources/images/socials/bigger/default/link@3x.png b/resources/images/socials/bigger/default/link@3x.png new file mode 100644 index 0000000000..de7fa9ca83 Binary files /dev/null and b/resources/images/socials/bigger/default/link@3x.png differ diff --git a/resources/images/socials/bigger/default/linkedin@2x.png b/resources/images/socials/bigger/default/linkedin@2x.png new file mode 100644 index 0000000000..42de7dfbc2 Binary files /dev/null and b/resources/images/socials/bigger/default/linkedin@2x.png differ diff --git a/resources/images/socials/bigger/default/linkedin@3x.png b/resources/images/socials/bigger/default/linkedin@3x.png new file mode 100644 index 0000000000..7e018693e9 Binary files /dev/null and b/resources/images/socials/bigger/default/linkedin@3x.png differ diff --git a/resources/images/socials/bigger/default/mirror@2x.png b/resources/images/socials/bigger/default/mirror@2x.png new file mode 100644 index 0000000000..aa13d697c8 Binary files /dev/null and b/resources/images/socials/bigger/default/mirror@2x.png differ diff --git a/resources/images/socials/bigger/default/mirror@3x.png b/resources/images/socials/bigger/default/mirror@3x.png new file mode 100644 index 0000000000..009afdb03b Binary files /dev/null and b/resources/images/socials/bigger/default/mirror@3x.png differ diff --git a/resources/images/socials/bigger/default/opensea@2x.png b/resources/images/socials/bigger/default/opensea@2x.png new file mode 100644 index 0000000000..36826f3b13 Binary files /dev/null and b/resources/images/socials/bigger/default/opensea@2x.png differ diff --git a/resources/images/socials/bigger/default/opensea@3x.png b/resources/images/socials/bigger/default/opensea@3x.png new file mode 100644 index 0000000000..771a71fa29 Binary files /dev/null and b/resources/images/socials/bigger/default/opensea@3x.png differ diff --git a/resources/images/socials/bigger/default/pinterest@2x.png b/resources/images/socials/bigger/default/pinterest@2x.png new file mode 100644 index 0000000000..fa7edc2884 Binary files /dev/null and b/resources/images/socials/bigger/default/pinterest@2x.png differ diff --git a/resources/images/socials/bigger/default/pinterest@3x.png b/resources/images/socials/bigger/default/pinterest@3x.png new file mode 100644 index 0000000000..6a94dcfc63 Binary files /dev/null and b/resources/images/socials/bigger/default/pinterest@3x.png differ diff --git a/resources/images/socials/bigger/default/rarible@2x.png b/resources/images/socials/bigger/default/rarible@2x.png new file mode 100644 index 0000000000..3bc0c792e9 Binary files /dev/null and b/resources/images/socials/bigger/default/rarible@2x.png differ diff --git a/resources/images/socials/bigger/default/rarible@3x.png b/resources/images/socials/bigger/default/rarible@3x.png new file mode 100644 index 0000000000..c3ba980d62 Binary files /dev/null and b/resources/images/socials/bigger/default/rarible@3x.png differ diff --git a/resources/images/socials/bigger/default/reddit@2x.png b/resources/images/socials/bigger/default/reddit@2x.png new file mode 100644 index 0000000000..56e41c47a8 Binary files /dev/null and b/resources/images/socials/bigger/default/reddit@2x.png differ diff --git a/resources/images/socials/bigger/default/reddit@3x.png b/resources/images/socials/bigger/default/reddit@3x.png new file mode 100644 index 0000000000..ec546fec44 Binary files /dev/null and b/resources/images/socials/bigger/default/reddit@3x.png differ diff --git a/resources/images/socials/bigger/default/snapchat@2x.png b/resources/images/socials/bigger/default/snapchat@2x.png new file mode 100644 index 0000000000..b5b6850418 Binary files /dev/null and b/resources/images/socials/bigger/default/snapchat@2x.png differ diff --git a/resources/images/socials/bigger/default/snapchat@3x.png b/resources/images/socials/bigger/default/snapchat@3x.png new file mode 100644 index 0000000000..22d1c850ea Binary files /dev/null and b/resources/images/socials/bigger/default/snapchat@3x.png differ diff --git a/resources/images/socials/bigger/default/spotify@2x.png b/resources/images/socials/bigger/default/spotify@2x.png new file mode 100644 index 0000000000..2ff12581a5 Binary files /dev/null and b/resources/images/socials/bigger/default/spotify@2x.png differ diff --git a/resources/images/socials/bigger/default/spotify@3x.png b/resources/images/socials/bigger/default/spotify@3x.png new file mode 100644 index 0000000000..3ddf82b51f Binary files /dev/null and b/resources/images/socials/bigger/default/spotify@3x.png differ diff --git a/resources/images/socials/bigger/default/status@2x.png b/resources/images/socials/bigger/default/status@2x.png new file mode 100644 index 0000000000..79209f850a Binary files /dev/null and b/resources/images/socials/bigger/default/status@2x.png differ diff --git a/resources/images/socials/bigger/default/status@3x.png b/resources/images/socials/bigger/default/status@3x.png new file mode 100644 index 0000000000..48af0506ed Binary files /dev/null and b/resources/images/socials/bigger/default/status@3x.png differ diff --git a/resources/images/socials/bigger/default/superrare@2x.png b/resources/images/socials/bigger/default/superrare@2x.png new file mode 100644 index 0000000000..e213f84b02 Binary files /dev/null and b/resources/images/socials/bigger/default/superrare@2x.png differ diff --git a/resources/images/socials/bigger/default/superrare@3x.png b/resources/images/socials/bigger/default/superrare@3x.png new file mode 100644 index 0000000000..2b5060da4c Binary files /dev/null and b/resources/images/socials/bigger/default/superrare@3x.png differ diff --git a/resources/images/socials/bigger/default/tumblr@2x.png b/resources/images/socials/bigger/default/tumblr@2x.png new file mode 100644 index 0000000000..4036a4fb09 Binary files /dev/null and b/resources/images/socials/bigger/default/tumblr@2x.png differ diff --git a/resources/images/socials/bigger/default/tumblr@3x.png b/resources/images/socials/bigger/default/tumblr@3x.png new file mode 100644 index 0000000000..cde2fd0d27 Binary files /dev/null and b/resources/images/socials/bigger/default/tumblr@3x.png differ diff --git a/resources/images/socials/bigger/default/twitch@2x.png b/resources/images/socials/bigger/default/twitch@2x.png new file mode 100644 index 0000000000..8a95f707eb Binary files /dev/null and b/resources/images/socials/bigger/default/twitch@2x.png differ diff --git a/resources/images/socials/bigger/default/twitch@3x.png b/resources/images/socials/bigger/default/twitch@3x.png new file mode 100644 index 0000000000..9859f1b5c8 Binary files /dev/null and b/resources/images/socials/bigger/default/twitch@3x.png differ diff --git a/resources/images/socials/bigger/default/twitter@2x.png b/resources/images/socials/bigger/default/twitter@2x.png new file mode 100644 index 0000000000..c7430b3f05 Binary files /dev/null and b/resources/images/socials/bigger/default/twitter@2x.png differ diff --git a/resources/images/socials/bigger/default/twitter@3x.png b/resources/images/socials/bigger/default/twitter@3x.png new file mode 100644 index 0000000000..40a7d02bde Binary files /dev/null and b/resources/images/socials/bigger/default/twitter@3x.png differ diff --git a/resources/images/socials/bigger/default/youtube@2x.png b/resources/images/socials/bigger/default/youtube@2x.png new file mode 100644 index 0000000000..c67715028f Binary files /dev/null and b/resources/images/socials/bigger/default/youtube@2x.png differ diff --git a/resources/images/socials/bigger/default/youtube@3x.png b/resources/images/socials/bigger/default/youtube@3x.png new file mode 100644 index 0000000000..1ee65bdeca Binary files /dev/null and b/resources/images/socials/bigger/default/youtube@3x.png differ diff --git a/resources/images/socials/bigger/solid/facebook@2x.png b/resources/images/socials/bigger/solid/facebook@2x.png new file mode 100644 index 0000000000..7e47049538 Binary files /dev/null and b/resources/images/socials/bigger/solid/facebook@2x.png differ diff --git a/resources/images/socials/bigger/solid/facebook@3x.png b/resources/images/socials/bigger/solid/facebook@3x.png new file mode 100644 index 0000000000..ba088e1d93 Binary files /dev/null and b/resources/images/socials/bigger/solid/facebook@3x.png differ diff --git a/resources/images/socials/bigger/solid/flickr@2x.png b/resources/images/socials/bigger/solid/flickr@2x.png new file mode 100644 index 0000000000..dc8c533b33 Binary files /dev/null and b/resources/images/socials/bigger/solid/flickr@2x.png differ diff --git a/resources/images/socials/bigger/solid/flickr@3x.png b/resources/images/socials/bigger/solid/flickr@3x.png new file mode 100644 index 0000000000..2eaf40002c Binary files /dev/null and b/resources/images/socials/bigger/solid/flickr@3x.png differ diff --git a/resources/images/socials/bigger/solid/github@2x.png b/resources/images/socials/bigger/solid/github@2x.png new file mode 100644 index 0000000000..092d2dded8 Binary files /dev/null and b/resources/images/socials/bigger/solid/github@2x.png differ diff --git a/resources/images/socials/bigger/solid/github@3x.png b/resources/images/socials/bigger/solid/github@3x.png new file mode 100644 index 0000000000..a0d5bb4e7d Binary files /dev/null and b/resources/images/socials/bigger/solid/github@3x.png differ diff --git a/resources/images/socials/bigger/solid/instagram@2x.png b/resources/images/socials/bigger/solid/instagram@2x.png new file mode 100644 index 0000000000..4ace4bac77 Binary files /dev/null and b/resources/images/socials/bigger/solid/instagram@2x.png differ diff --git a/resources/images/socials/bigger/solid/instagram@3x.png b/resources/images/socials/bigger/solid/instagram@3x.png new file mode 100644 index 0000000000..e896e1d2ae Binary files /dev/null and b/resources/images/socials/bigger/solid/instagram@3x.png differ diff --git a/resources/images/socials/bigger/solid/lens@2x.png b/resources/images/socials/bigger/solid/lens@2x.png new file mode 100644 index 0000000000..977f119b9e Binary files /dev/null and b/resources/images/socials/bigger/solid/lens@2x.png differ diff --git a/resources/images/socials/bigger/solid/lens@3x.png b/resources/images/socials/bigger/solid/lens@3x.png new file mode 100644 index 0000000000..bbc9b84082 Binary files /dev/null and b/resources/images/socials/bigger/solid/lens@3x.png differ diff --git a/resources/images/socials/bigger/solid/link@2x.png b/resources/images/socials/bigger/solid/link@2x.png new file mode 100644 index 0000000000..35044765d3 Binary files /dev/null and b/resources/images/socials/bigger/solid/link@2x.png differ diff --git a/resources/images/socials/bigger/solid/link@3x.png b/resources/images/socials/bigger/solid/link@3x.png new file mode 100644 index 0000000000..de7fa9ca83 Binary files /dev/null and b/resources/images/socials/bigger/solid/link@3x.png differ diff --git a/resources/images/socials/bigger/solid/linkedin@2x.png b/resources/images/socials/bigger/solid/linkedin@2x.png new file mode 100644 index 0000000000..3a5ff804eb Binary files /dev/null and b/resources/images/socials/bigger/solid/linkedin@2x.png differ diff --git a/resources/images/socials/bigger/solid/linkedin@3x.png b/resources/images/socials/bigger/solid/linkedin@3x.png new file mode 100644 index 0000000000..50c7ca1f5e Binary files /dev/null and b/resources/images/socials/bigger/solid/linkedin@3x.png differ diff --git a/resources/images/socials/bigger/solid/mirror@2x.png b/resources/images/socials/bigger/solid/mirror@2x.png new file mode 100644 index 0000000000..c5e13d0b83 Binary files /dev/null and b/resources/images/socials/bigger/solid/mirror@2x.png differ diff --git a/resources/images/socials/bigger/solid/mirror@3x.png b/resources/images/socials/bigger/solid/mirror@3x.png new file mode 100644 index 0000000000..d22b665600 Binary files /dev/null and b/resources/images/socials/bigger/solid/mirror@3x.png differ diff --git a/resources/images/socials/bigger/solid/opensea@2x.png b/resources/images/socials/bigger/solid/opensea@2x.png new file mode 100644 index 0000000000..13d4c92daf Binary files /dev/null and b/resources/images/socials/bigger/solid/opensea@2x.png differ diff --git a/resources/images/socials/bigger/solid/opensea@3x.png b/resources/images/socials/bigger/solid/opensea@3x.png new file mode 100644 index 0000000000..1d578ecf62 Binary files /dev/null and b/resources/images/socials/bigger/solid/opensea@3x.png differ diff --git a/resources/images/socials/bigger/solid/pinterest@2x.png b/resources/images/socials/bigger/solid/pinterest@2x.png new file mode 100644 index 0000000000..0675da7e10 Binary files /dev/null and b/resources/images/socials/bigger/solid/pinterest@2x.png differ diff --git a/resources/images/socials/bigger/solid/pinterest@3x.png b/resources/images/socials/bigger/solid/pinterest@3x.png new file mode 100644 index 0000000000..cb9816b2b7 Binary files /dev/null and b/resources/images/socials/bigger/solid/pinterest@3x.png differ diff --git a/resources/images/socials/bigger/solid/rarible@2x.png b/resources/images/socials/bigger/solid/rarible@2x.png new file mode 100644 index 0000000000..8a4a781adb Binary files /dev/null and b/resources/images/socials/bigger/solid/rarible@2x.png differ diff --git a/resources/images/socials/bigger/solid/rarible@3x.png b/resources/images/socials/bigger/solid/rarible@3x.png new file mode 100644 index 0000000000..d4672421a1 Binary files /dev/null and b/resources/images/socials/bigger/solid/rarible@3x.png differ diff --git a/resources/images/socials/bigger/solid/reddit@2x.png b/resources/images/socials/bigger/solid/reddit@2x.png new file mode 100644 index 0000000000..331bc84c12 Binary files /dev/null and b/resources/images/socials/bigger/solid/reddit@2x.png differ diff --git a/resources/images/socials/bigger/solid/reddit@3x.png b/resources/images/socials/bigger/solid/reddit@3x.png new file mode 100644 index 0000000000..610f3fa078 Binary files /dev/null and b/resources/images/socials/bigger/solid/reddit@3x.png differ diff --git a/resources/images/socials/bigger/solid/snapchat@2x.png b/resources/images/socials/bigger/solid/snapchat@2x.png new file mode 100644 index 0000000000..b3b4609697 Binary files /dev/null and b/resources/images/socials/bigger/solid/snapchat@2x.png differ diff --git a/resources/images/socials/bigger/solid/snapchat@3x.png b/resources/images/socials/bigger/solid/snapchat@3x.png new file mode 100644 index 0000000000..3f836fe292 Binary files /dev/null and b/resources/images/socials/bigger/solid/snapchat@3x.png differ diff --git a/resources/images/socials/bigger/solid/spotify@2x.png b/resources/images/socials/bigger/solid/spotify@2x.png new file mode 100644 index 0000000000..eedb87972e Binary files /dev/null and b/resources/images/socials/bigger/solid/spotify@2x.png differ diff --git a/resources/images/socials/bigger/solid/spotify@3x.png b/resources/images/socials/bigger/solid/spotify@3x.png new file mode 100644 index 0000000000..23086b946c Binary files /dev/null and b/resources/images/socials/bigger/solid/spotify@3x.png differ diff --git a/resources/images/socials/bigger/solid/status@2x.png b/resources/images/socials/bigger/solid/status@2x.png new file mode 100644 index 0000000000..e4e99b474f Binary files /dev/null and b/resources/images/socials/bigger/solid/status@2x.png differ diff --git a/resources/images/socials/bigger/solid/status@3x.png b/resources/images/socials/bigger/solid/status@3x.png new file mode 100644 index 0000000000..fad9f45953 Binary files /dev/null and b/resources/images/socials/bigger/solid/status@3x.png differ diff --git a/resources/images/socials/bigger/solid/superrare@2x.png b/resources/images/socials/bigger/solid/superrare@2x.png new file mode 100644 index 0000000000..e213f84b02 Binary files /dev/null and b/resources/images/socials/bigger/solid/superrare@2x.png differ diff --git a/resources/images/socials/bigger/solid/superrare@3x.png b/resources/images/socials/bigger/solid/superrare@3x.png new file mode 100644 index 0000000000..2b5060da4c Binary files /dev/null and b/resources/images/socials/bigger/solid/superrare@3x.png differ diff --git a/resources/images/socials/bigger/solid/tumblr@2x.png b/resources/images/socials/bigger/solid/tumblr@2x.png new file mode 100644 index 0000000000..dd39da3889 Binary files /dev/null and b/resources/images/socials/bigger/solid/tumblr@2x.png differ diff --git a/resources/images/socials/bigger/solid/tumblr@3x.png b/resources/images/socials/bigger/solid/tumblr@3x.png new file mode 100644 index 0000000000..a8ad1e9777 Binary files /dev/null and b/resources/images/socials/bigger/solid/tumblr@3x.png differ diff --git a/resources/images/socials/bigger/solid/twitch@2x.png b/resources/images/socials/bigger/solid/twitch@2x.png new file mode 100644 index 0000000000..e1b8ca1614 Binary files /dev/null and b/resources/images/socials/bigger/solid/twitch@2x.png differ diff --git a/resources/images/socials/bigger/solid/twitch@3x.png b/resources/images/socials/bigger/solid/twitch@3x.png new file mode 100644 index 0000000000..ba2eada02d Binary files /dev/null and b/resources/images/socials/bigger/solid/twitch@3x.png differ diff --git a/resources/images/socials/bigger/solid/twitter@2x.png b/resources/images/socials/bigger/solid/twitter@2x.png new file mode 100644 index 0000000000..fbd82d2c19 Binary files /dev/null and b/resources/images/socials/bigger/solid/twitter@2x.png differ diff --git a/resources/images/socials/bigger/solid/twitter@3x.png b/resources/images/socials/bigger/solid/twitter@3x.png new file mode 100644 index 0000000000..0ab7f64b7d Binary files /dev/null and b/resources/images/socials/bigger/solid/twitter@3x.png differ diff --git a/resources/images/socials/bigger/solid/youtube@2x.png b/resources/images/socials/bigger/solid/youtube@2x.png new file mode 100644 index 0000000000..11a9dc5301 Binary files /dev/null and b/resources/images/socials/bigger/solid/youtube@2x.png differ diff --git a/resources/images/socials/bigger/solid/youtube@3x.png b/resources/images/socials/bigger/solid/youtube@3x.png new file mode 100644 index 0000000000..4d1ec1cc6c Binary files /dev/null and b/resources/images/socials/bigger/solid/youtube@3x.png differ diff --git a/resources/images/socials/default/default/facebook@2x.png b/resources/images/socials/default/default/facebook@2x.png new file mode 100644 index 0000000000..9a16ed498b Binary files /dev/null and b/resources/images/socials/default/default/facebook@2x.png differ diff --git a/resources/images/socials/default/default/facebook@3x.png b/resources/images/socials/default/default/facebook@3x.png new file mode 100644 index 0000000000..e27abb602e Binary files /dev/null and b/resources/images/socials/default/default/facebook@3x.png differ diff --git a/resources/images/socials/default/default/flickr@2x.png b/resources/images/socials/default/default/flickr@2x.png new file mode 100644 index 0000000000..7d25e1cac6 Binary files /dev/null and b/resources/images/socials/default/default/flickr@2x.png differ diff --git a/resources/images/socials/default/default/flickr@3x.png b/resources/images/socials/default/default/flickr@3x.png new file mode 100644 index 0000000000..afa585c190 Binary files /dev/null and b/resources/images/socials/default/default/flickr@3x.png differ diff --git a/resources/images/socials/default/default/github@2x.png b/resources/images/socials/default/default/github@2x.png new file mode 100644 index 0000000000..9e981059c9 Binary files /dev/null and b/resources/images/socials/default/default/github@2x.png differ diff --git a/resources/images/socials/default/default/github@3x.png b/resources/images/socials/default/default/github@3x.png new file mode 100644 index 0000000000..fb74fa607f Binary files /dev/null and b/resources/images/socials/default/default/github@3x.png differ diff --git a/resources/images/socials/default/default/instagram@2x.png b/resources/images/socials/default/default/instagram@2x.png new file mode 100644 index 0000000000..60877d2c72 Binary files /dev/null and b/resources/images/socials/default/default/instagram@2x.png differ diff --git a/resources/images/socials/default/default/instagram@3x.png b/resources/images/socials/default/default/instagram@3x.png new file mode 100644 index 0000000000..0f638a43ed Binary files /dev/null and b/resources/images/socials/default/default/instagram@3x.png differ diff --git a/resources/images/socials/default/default/lens@2x.png b/resources/images/socials/default/default/lens@2x.png new file mode 100644 index 0000000000..88b366b95b Binary files /dev/null and b/resources/images/socials/default/default/lens@2x.png differ diff --git a/resources/images/socials/default/default/lens@3x.png b/resources/images/socials/default/default/lens@3x.png new file mode 100644 index 0000000000..ff21d93135 Binary files /dev/null and b/resources/images/socials/default/default/lens@3x.png differ diff --git a/resources/images/socials/default/default/link@2x.png b/resources/images/socials/default/default/link@2x.png new file mode 100644 index 0000000000..35044765d3 Binary files /dev/null and b/resources/images/socials/default/default/link@2x.png differ diff --git a/resources/images/socials/default/default/link@3x.png b/resources/images/socials/default/default/link@3x.png new file mode 100644 index 0000000000..de7fa9ca83 Binary files /dev/null and b/resources/images/socials/default/default/link@3x.png differ diff --git a/resources/images/socials/default/default/linkedin@2x.png b/resources/images/socials/default/default/linkedin@2x.png new file mode 100644 index 0000000000..8b74fe4d5c Binary files /dev/null and b/resources/images/socials/default/default/linkedin@2x.png differ diff --git a/resources/images/socials/default/default/linkedin@3x.png b/resources/images/socials/default/default/linkedin@3x.png new file mode 100644 index 0000000000..f9666bc72e Binary files /dev/null and b/resources/images/socials/default/default/linkedin@3x.png differ diff --git a/resources/images/socials/default/default/mirror@2x.png b/resources/images/socials/default/default/mirror@2x.png new file mode 100644 index 0000000000..0b3e771a5b Binary files /dev/null and b/resources/images/socials/default/default/mirror@2x.png differ diff --git a/resources/images/socials/default/default/mirror@3x.png b/resources/images/socials/default/default/mirror@3x.png new file mode 100644 index 0000000000..12ca004299 Binary files /dev/null and b/resources/images/socials/default/default/mirror@3x.png differ diff --git a/resources/images/socials/default/default/opensea@2x.png b/resources/images/socials/default/default/opensea@2x.png new file mode 100644 index 0000000000..3e8cb8a471 Binary files /dev/null and b/resources/images/socials/default/default/opensea@2x.png differ diff --git a/resources/images/socials/default/default/opensea@3x.png b/resources/images/socials/default/default/opensea@3x.png new file mode 100644 index 0000000000..5be1effa1e Binary files /dev/null and b/resources/images/socials/default/default/opensea@3x.png differ diff --git a/resources/images/socials/default/default/pinterest@2x.png b/resources/images/socials/default/default/pinterest@2x.png new file mode 100644 index 0000000000..2ff837a3dc Binary files /dev/null and b/resources/images/socials/default/default/pinterest@2x.png differ diff --git a/resources/images/socials/default/default/pinterest@3x.png b/resources/images/socials/default/default/pinterest@3x.png new file mode 100644 index 0000000000..71de92646b Binary files /dev/null and b/resources/images/socials/default/default/pinterest@3x.png differ diff --git a/resources/images/socials/default/default/rarible@2x.png b/resources/images/socials/default/default/rarible@2x.png new file mode 100644 index 0000000000..91cf74e122 Binary files /dev/null and b/resources/images/socials/default/default/rarible@2x.png differ diff --git a/resources/images/socials/default/default/rarible@3x.png b/resources/images/socials/default/default/rarible@3x.png new file mode 100644 index 0000000000..fe78918a9b Binary files /dev/null and b/resources/images/socials/default/default/rarible@3x.png differ diff --git a/resources/images/socials/default/default/reddit@2x.png b/resources/images/socials/default/default/reddit@2x.png new file mode 100644 index 0000000000..08b7140f0d Binary files /dev/null and b/resources/images/socials/default/default/reddit@2x.png differ diff --git a/resources/images/socials/default/default/reddit@3x.png b/resources/images/socials/default/default/reddit@3x.png new file mode 100644 index 0000000000..6b443ed76d Binary files /dev/null and b/resources/images/socials/default/default/reddit@3x.png differ diff --git a/resources/images/socials/default/default/snapchat@2x.png b/resources/images/socials/default/default/snapchat@2x.png new file mode 100644 index 0000000000..59fbfc0641 Binary files /dev/null and b/resources/images/socials/default/default/snapchat@2x.png differ diff --git a/resources/images/socials/default/default/snapchat@3x.png b/resources/images/socials/default/default/snapchat@3x.png new file mode 100644 index 0000000000..85e8aa0c2d Binary files /dev/null and b/resources/images/socials/default/default/snapchat@3x.png differ diff --git a/resources/images/socials/default/default/spotify@2x.png b/resources/images/socials/default/default/spotify@2x.png new file mode 100644 index 0000000000..f6e1d7004b Binary files /dev/null and b/resources/images/socials/default/default/spotify@2x.png differ diff --git a/resources/images/socials/default/default/spotify@3x.png b/resources/images/socials/default/default/spotify@3x.png new file mode 100644 index 0000000000..05231d8088 Binary files /dev/null and b/resources/images/socials/default/default/spotify@3x.png differ diff --git a/resources/images/socials/default/default/status@2x.png b/resources/images/socials/default/default/status@2x.png new file mode 100644 index 0000000000..2ceb831efa Binary files /dev/null and b/resources/images/socials/default/default/status@2x.png differ diff --git a/resources/images/socials/default/default/status@3x.png b/resources/images/socials/default/default/status@3x.png new file mode 100644 index 0000000000..db80ebd8a7 Binary files /dev/null and b/resources/images/socials/default/default/status@3x.png differ diff --git a/resources/images/socials/default/default/superrare@2x.png b/resources/images/socials/default/default/superrare@2x.png new file mode 100644 index 0000000000..2f20568ba1 Binary files /dev/null and b/resources/images/socials/default/default/superrare@2x.png differ diff --git a/resources/images/socials/default/default/superrare@3x.png b/resources/images/socials/default/default/superrare@3x.png new file mode 100644 index 0000000000..47cd340809 Binary files /dev/null and b/resources/images/socials/default/default/superrare@3x.png differ diff --git a/resources/images/socials/default/default/tumblr@2x.png b/resources/images/socials/default/default/tumblr@2x.png new file mode 100644 index 0000000000..858dc2def8 Binary files /dev/null and b/resources/images/socials/default/default/tumblr@2x.png differ diff --git a/resources/images/socials/default/default/tumblr@3x.png b/resources/images/socials/default/default/tumblr@3x.png new file mode 100644 index 0000000000..e73ff79d2c Binary files /dev/null and b/resources/images/socials/default/default/tumblr@3x.png differ diff --git a/resources/images/socials/default/default/twitch@2x.png b/resources/images/socials/default/default/twitch@2x.png new file mode 100644 index 0000000000..c1b7ec4665 Binary files /dev/null and b/resources/images/socials/default/default/twitch@2x.png differ diff --git a/resources/images/socials/default/default/twitch@3x.png b/resources/images/socials/default/default/twitch@3x.png new file mode 100644 index 0000000000..8409936bf3 Binary files /dev/null and b/resources/images/socials/default/default/twitch@3x.png differ diff --git a/resources/images/socials/default/default/twitter@2x.png b/resources/images/socials/default/default/twitter@2x.png new file mode 100644 index 0000000000..7e7a6101b1 Binary files /dev/null and b/resources/images/socials/default/default/twitter@2x.png differ diff --git a/resources/images/socials/default/default/twitter@3x.png b/resources/images/socials/default/default/twitter@3x.png new file mode 100644 index 0000000000..600b922424 Binary files /dev/null and b/resources/images/socials/default/default/twitter@3x.png differ diff --git a/resources/images/socials/default/default/youtube@2x.png b/resources/images/socials/default/default/youtube@2x.png new file mode 100644 index 0000000000..79f6959d4c Binary files /dev/null and b/resources/images/socials/default/default/youtube@2x.png differ diff --git a/resources/images/socials/default/default/youtube@3x.png b/resources/images/socials/default/default/youtube@3x.png new file mode 100644 index 0000000000..5129c42546 Binary files /dev/null and b/resources/images/socials/default/default/youtube@3x.png differ diff --git a/resources/images/socials/default/solid/facebook@2x.png b/resources/images/socials/default/solid/facebook@2x.png new file mode 100644 index 0000000000..982e9f597e Binary files /dev/null and b/resources/images/socials/default/solid/facebook@2x.png differ diff --git a/resources/images/socials/default/solid/facebook@3x.png b/resources/images/socials/default/solid/facebook@3x.png new file mode 100644 index 0000000000..89c62aebed Binary files /dev/null and b/resources/images/socials/default/solid/facebook@3x.png differ diff --git a/resources/images/socials/default/solid/flickr@2x.png b/resources/images/socials/default/solid/flickr@2x.png new file mode 100644 index 0000000000..dc8c533b33 Binary files /dev/null and b/resources/images/socials/default/solid/flickr@2x.png differ diff --git a/resources/images/socials/default/solid/flickr@3x.png b/resources/images/socials/default/solid/flickr@3x.png new file mode 100644 index 0000000000..2eaf40002c Binary files /dev/null and b/resources/images/socials/default/solid/flickr@3x.png differ diff --git a/resources/images/socials/default/solid/github@2x.png b/resources/images/socials/default/solid/github@2x.png new file mode 100644 index 0000000000..9e981059c9 Binary files /dev/null and b/resources/images/socials/default/solid/github@2x.png differ diff --git a/resources/images/socials/default/solid/github@3x.png b/resources/images/socials/default/solid/github@3x.png new file mode 100644 index 0000000000..2de837785c Binary files /dev/null and b/resources/images/socials/default/solid/github@3x.png differ diff --git a/resources/images/socials/default/solid/instagram@2x.png b/resources/images/socials/default/solid/instagram@2x.png new file mode 100644 index 0000000000..258fd2ab7b Binary files /dev/null and b/resources/images/socials/default/solid/instagram@2x.png differ diff --git a/resources/images/socials/default/solid/instagram@3x.png b/resources/images/socials/default/solid/instagram@3x.png new file mode 100644 index 0000000000..f5a55ba5dc Binary files /dev/null and b/resources/images/socials/default/solid/instagram@3x.png differ diff --git a/resources/images/socials/default/solid/lens@2x.png b/resources/images/socials/default/solid/lens@2x.png new file mode 100644 index 0000000000..3f8ec6956c Binary files /dev/null and b/resources/images/socials/default/solid/lens@2x.png differ diff --git a/resources/images/socials/default/solid/lens@3x.png b/resources/images/socials/default/solid/lens@3x.png new file mode 100644 index 0000000000..bf098a7cd3 Binary files /dev/null and b/resources/images/socials/default/solid/lens@3x.png differ diff --git a/resources/images/socials/default/solid/link@2x.png b/resources/images/socials/default/solid/link@2x.png new file mode 100644 index 0000000000..35044765d3 Binary files /dev/null and b/resources/images/socials/default/solid/link@2x.png differ diff --git a/resources/images/socials/default/solid/link@3x.png b/resources/images/socials/default/solid/link@3x.png new file mode 100644 index 0000000000..de7fa9ca83 Binary files /dev/null and b/resources/images/socials/default/solid/link@3x.png differ diff --git a/resources/images/socials/default/solid/linkedin@2x.png b/resources/images/socials/default/solid/linkedin@2x.png new file mode 100644 index 0000000000..8e8d6a06ac Binary files /dev/null and b/resources/images/socials/default/solid/linkedin@2x.png differ diff --git a/resources/images/socials/default/solid/linkedin@3x.png b/resources/images/socials/default/solid/linkedin@3x.png new file mode 100644 index 0000000000..9d23c515e3 Binary files /dev/null and b/resources/images/socials/default/solid/linkedin@3x.png differ diff --git a/resources/images/socials/default/solid/mirror@2x.png b/resources/images/socials/default/solid/mirror@2x.png new file mode 100644 index 0000000000..473a75a140 Binary files /dev/null and b/resources/images/socials/default/solid/mirror@2x.png differ diff --git a/resources/images/socials/default/solid/mirror@3x.png b/resources/images/socials/default/solid/mirror@3x.png new file mode 100644 index 0000000000..7466927c9c Binary files /dev/null and b/resources/images/socials/default/solid/mirror@3x.png differ diff --git a/resources/images/socials/default/solid/opensea@2x.png b/resources/images/socials/default/solid/opensea@2x.png new file mode 100644 index 0000000000..a15da8ee02 Binary files /dev/null and b/resources/images/socials/default/solid/opensea@2x.png differ diff --git a/resources/images/socials/default/solid/opensea@3x.png b/resources/images/socials/default/solid/opensea@3x.png new file mode 100644 index 0000000000..7d898d204d Binary files /dev/null and b/resources/images/socials/default/solid/opensea@3x.png differ diff --git a/resources/images/socials/default/solid/pinterest@2x.png b/resources/images/socials/default/solid/pinterest@2x.png new file mode 100644 index 0000000000..bb37a16032 Binary files /dev/null and b/resources/images/socials/default/solid/pinterest@2x.png differ diff --git a/resources/images/socials/default/solid/pinterest@3x.png b/resources/images/socials/default/solid/pinterest@3x.png new file mode 100644 index 0000000000..703d4b02ef Binary files /dev/null and b/resources/images/socials/default/solid/pinterest@3x.png differ diff --git a/resources/images/socials/default/solid/rarible@2x.png b/resources/images/socials/default/solid/rarible@2x.png new file mode 100644 index 0000000000..3bea0d384b Binary files /dev/null and b/resources/images/socials/default/solid/rarible@2x.png differ diff --git a/resources/images/socials/default/solid/rarible@3x.png b/resources/images/socials/default/solid/rarible@3x.png new file mode 100644 index 0000000000..0a454c15ea Binary files /dev/null and b/resources/images/socials/default/solid/rarible@3x.png differ diff --git a/resources/images/socials/default/solid/reddit@2x.png b/resources/images/socials/default/solid/reddit@2x.png new file mode 100644 index 0000000000..203cdcb03c Binary files /dev/null and b/resources/images/socials/default/solid/reddit@2x.png differ diff --git a/resources/images/socials/default/solid/reddit@3x.png b/resources/images/socials/default/solid/reddit@3x.png new file mode 100644 index 0000000000..1dfe6bee22 Binary files /dev/null and b/resources/images/socials/default/solid/reddit@3x.png differ diff --git a/resources/images/socials/default/solid/snapchat@2x.png b/resources/images/socials/default/solid/snapchat@2x.png new file mode 100644 index 0000000000..de9c83c272 Binary files /dev/null and b/resources/images/socials/default/solid/snapchat@2x.png differ diff --git a/resources/images/socials/default/solid/snapchat@3x.png b/resources/images/socials/default/solid/snapchat@3x.png new file mode 100644 index 0000000000..916fb83a4d Binary files /dev/null and b/resources/images/socials/default/solid/snapchat@3x.png differ diff --git a/resources/images/socials/default/solid/spotify@2x.png b/resources/images/socials/default/solid/spotify@2x.png new file mode 100644 index 0000000000..508914e399 Binary files /dev/null and b/resources/images/socials/default/solid/spotify@2x.png differ diff --git a/resources/images/socials/default/solid/spotify@3x.png b/resources/images/socials/default/solid/spotify@3x.png new file mode 100644 index 0000000000..6a5ee78ee0 Binary files /dev/null and b/resources/images/socials/default/solid/spotify@3x.png differ diff --git a/resources/images/socials/default/solid/status@2x.png b/resources/images/socials/default/solid/status@2x.png new file mode 100644 index 0000000000..c5a6d3d9e6 Binary files /dev/null and b/resources/images/socials/default/solid/status@2x.png differ diff --git a/resources/images/socials/default/solid/status@3x.png b/resources/images/socials/default/solid/status@3x.png new file mode 100644 index 0000000000..7ee03b02bb Binary files /dev/null and b/resources/images/socials/default/solid/status@3x.png differ diff --git a/resources/images/socials/default/solid/superrare@2x.png b/resources/images/socials/default/solid/superrare@2x.png new file mode 100644 index 0000000000..2f20568ba1 Binary files /dev/null and b/resources/images/socials/default/solid/superrare@2x.png differ diff --git a/resources/images/socials/default/solid/superrare@3x.png b/resources/images/socials/default/solid/superrare@3x.png new file mode 100644 index 0000000000..47cd340809 Binary files /dev/null and b/resources/images/socials/default/solid/superrare@3x.png differ diff --git a/resources/images/socials/default/solid/tumblr@2x.png b/resources/images/socials/default/solid/tumblr@2x.png new file mode 100644 index 0000000000..998ba66e30 Binary files /dev/null and b/resources/images/socials/default/solid/tumblr@2x.png differ diff --git a/resources/images/socials/default/solid/tumblr@3x.png b/resources/images/socials/default/solid/tumblr@3x.png new file mode 100644 index 0000000000..bc6f0a4b46 Binary files /dev/null and b/resources/images/socials/default/solid/tumblr@3x.png differ diff --git a/resources/images/socials/default/solid/twitch@2x.png b/resources/images/socials/default/solid/twitch@2x.png new file mode 100644 index 0000000000..d137c48d51 Binary files /dev/null and b/resources/images/socials/default/solid/twitch@2x.png differ diff --git a/resources/images/socials/default/solid/twitch@3x.png b/resources/images/socials/default/solid/twitch@3x.png new file mode 100644 index 0000000000..6bd35d4cae Binary files /dev/null and b/resources/images/socials/default/solid/twitch@3x.png differ diff --git a/resources/images/socials/default/solid/twitter@2x.png b/resources/images/socials/default/solid/twitter@2x.png new file mode 100644 index 0000000000..df9c7d89c8 Binary files /dev/null and b/resources/images/socials/default/solid/twitter@2x.png differ diff --git a/resources/images/socials/default/solid/twitter@3x.png b/resources/images/socials/default/solid/twitter@3x.png new file mode 100644 index 0000000000..b0a8cd40b5 Binary files /dev/null and b/resources/images/socials/default/solid/twitter@3x.png differ diff --git a/resources/images/socials/default/solid/youtube@2x.png b/resources/images/socials/default/solid/youtube@2x.png new file mode 100644 index 0000000000..8d3f5af35f Binary files /dev/null and b/resources/images/socials/default/solid/youtube@2x.png differ diff --git a/resources/images/socials/default/solid/youtube@3x.png b/resources/images/socials/default/solid/youtube@3x.png new file mode 100644 index 0000000000..893c859b74 Binary files /dev/null and b/resources/images/socials/default/solid/youtube@3x.png differ diff --git a/src/quo/components/profile/link_card/component_spec.cljs b/src/quo/components/profile/link_card/component_spec.cljs new file mode 100644 index 0000000000..2c80d8f933 --- /dev/null +++ b/src/quo/components/profile/link_card/component_spec.cljs @@ -0,0 +1,20 @@ +(ns quo.components.profile.link-card.component-spec + (:require [quo.core :as quo] + [test-helpers.component :as h])) + +(h/describe "Link Card Component" + (h/test "component renders with address" + (h/render [quo/link-card + {:address "some address" + :icon :social/link}]) + (h/is-truthy (h/query-by-label-text :address)) + (h/is-truthy (h/query-by-label-text :social-icon))) + + (h/test "component renders with title and address" + (h/render [quo/link-card + {:title "Website" + :icon :social/link + :address "bento.me/fracesca"}]) + (h/is-truthy (h/query-by-label-text :address)) + (h/is-truthy (h/query-by-label-text :title)) + (h/is-truthy (h/query-by-label-text :social-icon)))) diff --git a/src/quo/components/profile/link_card/properties.cljs b/src/quo/components/profile/link_card/properties.cljs new file mode 100644 index 0000000000..1f55910e9d --- /dev/null +++ b/src/quo/components/profile/link_card/properties.cljs @@ -0,0 +1,10 @@ +(ns quo.components.profile.link-card.properties + (:require [quo.foundations.colors :as colors])) + +(defn gradient-start-color + [theme customization-color] + (colors/resolve-color customization-color theme 0)) + +(defn gradient-end-color + [theme customization-color] + (colors/resolve-color customization-color theme 6)) diff --git a/src/quo/components/profile/link_card/style.cljs b/src/quo/components/profile/link_card/style.cljs new file mode 100644 index 0000000000..f1080d6ba8 --- /dev/null +++ b/src/quo/components/profile/link_card/style.cljs @@ -0,0 +1,23 @@ +(ns quo.components.profile.link-card.style + (:require [quo.foundations.colors :as colors])) + +(defn container + [theme] + {:height 88 + :border-width 1 + :border-radius 16 + :padding 12 + :border-color (colors/theme-colors + colors/neutral-80-opa-5 + colors/white-opa-5 + theme)}) + +(def icon-container + {:margin-bottom 4}) + +(defn address + [theme] + {:color (colors/theme-colors + colors/neutral-50 + colors/neutral-40 + theme)}) diff --git a/src/quo/components/profile/link_card/view.cljs b/src/quo/components/profile/link_card/view.cljs new file mode 100644 index 0000000000..12c3ba3304 --- /dev/null +++ b/src/quo/components/profile/link_card/view.cljs @@ -0,0 +1,37 @@ +(ns quo.components.profile.link-card.view + (:require [quo.components.markdown.text :as text] + [quo.components.profile.link-card.properties :as properties] + [quo.components.profile.link-card.style :as style] + [quo.components.utilities.social.view :as social] + [quo.theme] + [react-native.core :as rn] + [react-native.linear-gradient :as linear-gradient])) + +(defn- view-internal + [{:keys [address theme on-press icon title customization-color]}] + [rn/pressable + {:accessibility-label :link-card + :on-press on-press} + [linear-gradient/linear-gradient + {:colors [(properties/gradient-start-color theme customization-color) + (properties/gradient-end-color theme customization-color)] + :start {:x 0 :y 1} + :end {:x 1 :y 1} + :style (style/container theme)} + [rn/view {:style style/icon-container} + [social/view + {:accessibility-label :social-icon + :social icon}]] + [text/text + {:accessibility-label :title + :number-of-lines 1 + :weight :semi-bold} + title] + [text/text + {:accessibility-label :address + :size :paragraph-2 + :numberOfLines 1 + :style (style/address theme)} + address]]]) + +(def view (quo.theme/with-theme view-internal)) diff --git a/src/quo/components/utilities/social/loader.clj b/src/quo/components/utilities/social/loader.clj new file mode 100644 index 0000000000..f410bdb3de --- /dev/null +++ b/src/quo/components/utilities/social/loader.clj @@ -0,0 +1,39 @@ +(ns quo.components.utilities.social.loader + (:require [clojure.java.io :as io] + [clojure.string :as string])) + +(def ^:private icon-path "./resources/images/socials/") + +(defn- require-icon + [size path social-type] + (fn [el] + (let [s (str "." path el ".png") + k (-> el + (string/replace "_" "-") + (string/replace " " "-") + (string/lower-case) + (str size) + (str social-type))] + [k `(js/require ~s)]))) + +(defn- get-files + [path] + (->> (io/file path) + file-seq + (filter #(string/ends-with? % "png")) + (map #(first (string/split (.getName %) #"@"))) + distinct)) + +(defn- get-socials + [size social-type] + (let [path (str icon-path size "/" social-type "/")] + (into {} (map (require-icon size path social-type) (get-files path))))) + + +(defmacro resolve-socials + [] + (merge + (get-socials "default" "default") + (get-socials "bigger" "default") + (get-socials "default" "solid") + (get-socials "bigger" "solid"))) diff --git a/src/quo/components/utilities/social/loader.cljs b/src/quo/components/utilities/social/loader.cljs new file mode 100644 index 0000000000..9274a8ba6a --- /dev/null +++ b/src/quo/components/utilities/social/loader.cljs @@ -0,0 +1,12 @@ +(ns quo.components.utilities.social.loader + (:require-macros [quo.components.utilities.social.loader :as loader]) + (:require [taoensso.timbre :as log])) + +(def ^:private socials (loader/resolve-socials)) + +(defn get-social-image + [social] + (if-let [res (get socials social)] + res + (log/error "could not find source for " social " social icon"))) + diff --git a/src/quo/components/utilities/social/view.cljs b/src/quo/components/utilities/social/view.cljs new file mode 100644 index 0000000000..e0e05306f4 --- /dev/null +++ b/src/quo/components/utilities/social/view.cljs @@ -0,0 +1,44 @@ +(ns quo.components.utilities.social.view + (:require [quo.components.utilities.social.loader :as social-loader] + [react-native.core :as rn] + [schema.core :as schema] + [utils.number])) + +(def ?schema + [:=> + [:cat + [:map {:closed true} + [:accessibility-label {:optional true} [:or keyword? string?]] + [:size {:optional true :default :default} [:or keyword? string?]] + [:type {:optional true :default :default} [:or keyword? string?]] + [:social [:or keyword? string?]] + [:style {:optional true} map?]]] + :any]) + +(defn- social-style + [style] + (assoc style + :width 20 + :height 20)) + +(defn view-internal + "Render a social image. + Props: + - accessibility-label accessibility-label to the rn/image + - style: extra styles to apply to the `rn/image` component. + - size: `:default` or `:bigger` + - type: `:default` or `:solid` + - social: string or keyword, it can contain upper case letters or not. + E.g. all of these are valid and resolve to the same: + :social/github | :github | :GITHUB | \"GITHUB\" | \"github\". + " + [{:keys [social size style accessibility-label type] + :or {size :default + type :default}}] + (let [source (social-loader/get-social-image (str (name social) (name size) (name type)))] + [rn/image + {:accessibility-label accessibility-label + :style (social-style style) + :source source}])) + +(def view (schema/instrument #'view-internal ?schema)) diff --git a/src/quo/core.cljs b/src/quo/core.cljs index db5cc2edc0..18043d8708 100644 --- a/src/quo/core.cljs +++ b/src/quo/core.cljs @@ -105,6 +105,7 @@ quo.components.overlay.view quo.components.password.tips.view quo.components.profile.collectible.view + quo.components.profile.link-card.view quo.components.profile.profile-card.view quo.components.profile.select-profile.view quo.components.profile.showcase-nav.view @@ -335,6 +336,7 @@ ;;;; Profile (def collectible quo.components.profile.collectible.view/collectible) +(def link-card quo.components.profile.link-card.view/view) (def profile-card quo.components.profile.profile-card.view/profile-card) (def select-profile quo.components.profile.select-profile.view/view) (def showcase-nav quo.components.profile.showcase-nav.view/view) diff --git a/src/quo/core_spec.cljs b/src/quo/core_spec.cljs index 95506dbaae..c394a907f6 100644 --- a/src/quo/core_spec.cljs +++ b/src/quo/core_spec.cljs @@ -58,6 +58,7 @@ [quo.components.numbered-keyboard.keyboard-key.component-spec] [quo.components.onboarding.small-option-card.component-spec] [quo.components.password.tips.component-spec] + [quo.components.profile.link-card.component-spec] [quo.components.profile.select-profile.component-spec] [quo.components.profile.showcase-nav.component-spec] [quo.components.record-audio.record-audio.component-spec] diff --git a/src/quo/foundations/colors.cljs b/src/quo/foundations/colors.cljs index f01051d06d..3d809509e1 100644 --- a/src/quo/foundations/colors.cljs +++ b/src/quo/foundations/colors.cljs @@ -250,6 +250,25 @@ :polygon "#AD71F3" :unknown "#EEF2F5"}) +(def socials + {:social/link "#647084" + :social/facebook "#1877F2" + :social/github "#000000" + :social/instagram "#D8408E0F" + :social/lens "#00501E" + :social/linkedin "#0B86CA" + :social/mirror "#3E7EF7" + :social/opensea "#2081E2" + :social/pinterest "#CB2027" + :social/rarible "#FEDA03" + :social/snapchat "#FFFC00" + :social/spotify "#00DA5A" + :social/superrare "#000000" + :social/tumblr "#37474F" + :social/twitch "#673AB7" + :social/twitter "#262E35" + :social/youtube "#FF3000"}) + (def ^:private colors-map (merge {:primary {50 primary-50 60 primary-60} @@ -270,7 +289,8 @@ :warning {50 warning-50 60 warning-60}} customization - networks)) + networks + socials)) (defn hex-string? [s] diff --git a/src/status_im/contexts/quo_preview/main.cljs b/src/status_im/contexts/quo_preview/main.cljs index f390834830..b361a72a6e 100644 --- a/src/status_im/contexts/quo_preview/main.cljs +++ b/src/status_im/contexts/quo_preview/main.cljs @@ -126,6 +126,7 @@ small-option-card] [status-im.contexts.quo-preview.password.tips :as tips] [status-im.contexts.quo-preview.profile.collectible :as collectible] + [status-im.contexts.quo-preview.profile.link-card :as link-card] [status-im.contexts.quo-preview.profile.profile-card :as profile-card] [status-im.contexts.quo-preview.profile.select-profile :as select-profile] [status-im.contexts.quo-preview.profile.showcase-nav :as showcase-nav] @@ -388,10 +389,12 @@ :component small-option-card/view}] :password [{:name :tips :component tips/view}] - :profile [{:name :profile-card - :component profile-card/view} - {:name :collectible + :profile [{:name :collectible :component collectible/view} + {:name :link-card + :component link-card/view} + {:name :profile-card + :component profile-card/view} {:name :select-profile :component select-profile/view} {:name :showcase-nav diff --git a/src/status_im/contexts/quo_preview/profile/link_card.cljs b/src/status_im/contexts/quo_preview/profile/link_card.cljs new file mode 100644 index 0000000000..7e8278e2aa --- /dev/null +++ b/src/status_im/contexts/quo_preview/profile/link_card.cljs @@ -0,0 +1,112 @@ +(ns status-im.contexts.quo-preview.profile.link-card + (:require [quo.core :as quo] + [reagent.core :as reagent] + [status-im.contexts.quo-preview.preview :as preview])) + +(defn- initial-state + [social] + (case social + :link {:title "Website" + :icon :social/link + :customization-color :social/link + :address "bento.me/fracesca"} + :facebook {:title "Facebook" + :icon :social/facebook + :customization-color :social/facebook + :address "@francescab"} + :github {:title "GitHub" + :icon :social/github + :customization-color :social/github + :address "@francescab"} + :instagram {:title "Instagram" + :icon :social/instagram + :customization-color :social/instagram + :address "@francescab"} + :lens {:title "Lens" + :icon :social/lens + :customization-color :social/lens + :address "@francescab"} + :linkedin {:title "LinkedIn" + :icon :social/linkedin + :customization-color :social/linkedin + :address "@francescab"} + :mirror {:title "Mirror" + :icon :social/mirror + :customization-color :social/mirror + :address "@francescab"} + :opensea {:title "Opensea" + :icon :social/opensea + :customization-color :social/opensea + :address "@francescab"} + :pinterest {:title "Pinterest" + :icon :social/pinterest + :customization-color :social/pinterest + :address "@francescab"} + :rarible {:title "Rarible" + :icon :social/rarible + :customization-color :social/rarible + :address "@francescab"} + :snapchat {:title "Snapchat" + :icon :social/snapchat + :customization-color :social/snapchat + :address "@francescab"} + :spotify {:title "Spotify" + :icon :social/spotify + :customization-color :social/spotify + :address "@francescab"} + :superrare {:title "SuperRare" + :icon :social/superrare + :customization-color :social/superrare + :address "@francescab"} + :tumblr {:title "Tumblr" + :icon :social/tumblr + :customization-color :social/tumblr + :address "@francescab"} + :twitch {:title "Twitch" + :icon :social/twitch + :customization-color :social/twitch + :address "@francescab"} + :twitter {:title "Twitter" + :icon :social/twitter + :customization-color :social/twitter + :address "@francescab"} + :youtube {:title "YouTube" + :icon :social/youtube + :customization-color :social/youtube + :address "@francescab"} + nil)) + +(def descriptor + [{:key :link + :type :select + :options [{:key :link} + {:key :facebook} + {:key :github} + {:key :instagram} + {:key :lens} + {:key :linkedin} + {:key :mirror} + {:key :opensea} + {:key :pinterest} + {:key :rarible} + {:key :snapchat} + {:key :spotify} + {:key :superrare} + {:key :tumblr} + {:key :twitch} + {:key :twitter} + {:key :youtube}]}]) + +(defn view + [] + (let [state (reagent/atom {:link :link})] + (fn [] + [preview/preview-container + {:state state + :descriptor descriptor + :component-container-style {:padding-bottom 50 + :width 200}} + [quo/link-card + (assoc (initial-state (:link @state)) + :on-press + #(js/alert "pressed"))]])))