status-im
/
status-react
mirror of https://github.com/status-im/status-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

implemented svg icons

This commit is contained in:
Andrey Shovkoplyas 2017-08-25 18:49:14 +03:00 committed by Julien Eluard
parent 9a06417b6e
commit be57d85147
83 changed files with 483 additions and 184 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.re-natal
View File

@ -43,7 +43,8 @@
"emojilib",
"react-native-mapbox-gl",
"bignumber.js",
"react-native-config"
"react-native-config",
"react-native-svg"
],
"imageDirs": [
"resources/images"

1
android/app/build.gradle
View File

@ -162,6 +162,7 @@ android {
}
dependencies {
compile project(':react-native-svg')
compile 'com.android.support:multidex:1.0.1'
compile project(':react-native-http-bridge')
compile project(':nfc-react-native')

2
android/app/src/main/java/im/status/ethereum/MainApplication.java
View File

@ -7,6 +7,7 @@ import com.bitgo.randombytes.RandomBytesPackage;
import com.cboy.rn.splashscreen.SplashScreenReactPackage;
import com.centaurwarchief.smslistener.SmsListenerPackage;
import com.facebook.react.ReactApplication;
import com.horcrux.svg.SvgPackage;
import com.lugg.ReactNativeConfig.ReactNativeConfigPackage;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
@ -43,6 +44,7 @@ public class MainApplication extends MultiDexApplication implements ReactApplica
protected List<ReactPackage> getPackages() {
List<ReactPackage> packages = new ArrayList<ReactPackage>(Arrays.asList(
new MainReactPackage(),
new SvgPackage(),
new HttpServerReactPackage(),
new NfcReactNativePackage(),
new SplashScreenReactPackage(),

2
android/settings.gradle
View File

@ -1,4 +1,6 @@
rootProject.name = 'StatusIm'
include ':react-native-svg'
project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-svg/android')
include ':app'
include ':react-native-http-bridge'

10
ios/StatusIm.xcodeproj/project.pbxproj
View File

@ -5,7 +5,6 @@
};
objectVersion = 46;
objects = {
/* Begin PBXBuildFile section */
00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };
00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };
@ -74,6 +73,7 @@
EF2B5857B4A34E0C9707FB3F /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = B3B19223008342D096AA356E /* Octicons.ttf */; };
F9238D6C1E5F055900C047B9 /* SF-UI-Text-Semibold.otf in Resources */ = {isa = PBXBuildFile; fileRef = F9238D6B1E5F055900C047B9 /* SF-UI-Text-Semibold.otf */; };
FD4F213C3873473CB703B1D2 /* libRNFS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 674B3D9595A047AB8D518F4E /* libRNFS.a */; };
B957A49EB0DE44D9A31CAF2D /* libRNSVG.a in Frameworks */ = {isa = PBXBuildFile; fileRef = AF2BF381BC7B4EB0887F0091 /* libRNSVG.a */; };
/* End PBXBuildFile section */
/* Begin PBXContainerItemProxy section */
@ -520,6 +520,8 @@
F3548417D8DA4362B6796A54 /* RNInstabug.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = RNInstabug.xcodeproj; path = "../node_modules/instabug-reactnative/ios/RNInstabug.xcodeproj"; sourceTree = "<group>"; };
F9238D6B1E5F055900C047B9 /* SF-UI-Text-Semibold.otf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "SF-UI-Text-Semibold.otf"; sourceTree = "<group>"; };
FC1CBCFE6C906043D6CCEEE1 /* libPods-StatusImTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-StatusImTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
1E74DC52A1E449A2BA858B14 /* RNSVG.xcodeproj */ = {isa = PBXFileReference; name = "RNSVG.xcodeproj"; path = "../node_modules/react-native-svg/ios/RNSVG.xcodeproj"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; };
AF2BF381BC7B4EB0887F0091 /* libRNSVG.a */ = {isa = PBXFileReference; name = "libRNSVG.a"; path = "libRNSVG.a"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; };
/* End PBXFileReference section */
/* Begin PBXFrameworksBuildPhase section */
@ -575,6 +577,7 @@
9EE470511ED0079E0048FD10 /* Mapbox.framework in Frameworks */,
9EE470541ED007E10048FD10 /* libRCTMapboxGL.a in Frameworks */,
9EF0836B1F3B53AB00876A8F /* libReactNativeConfig.a in Frameworks */,
B957A49EB0DE44D9A31CAF2D /* libRNSVG.a in Frameworks */,
);
runOnlyForDeploymentPostprocessing = 0;
};
@ -872,6 +875,7 @@
439B6B4B407A4E2AACAFE5BE /* RCTStatus.xcodeproj */,
5E5A7625B76441D984EA8C0D /* RCTImageResizer.xcodeproj */,
F3548417D8DA4362B6796A54 /* RNInstabug.xcodeproj */,
1E74DC52A1E449A2BA858B14 /* RNSVG.xcodeproj */,
);
name = Libraries;
sourceTree = "<group>";
@ -1797,6 +1801,7 @@
"\"$(SRCROOT)/$(TARGET_NAME)\"",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
);
PRODUCT_NAME = "$(TARGET_NAME)";
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/StatusIm.app/StatusIm";
@ -1835,6 +1840,7 @@
"\"$(SRCROOT)/$(TARGET_NAME)\"",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
"\"$(SRCROOT)/$(TARGET_NAME)\"",
);
PRODUCT_NAME = "$(TARGET_NAME)";
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/StatusIm.app/StatusIm";
@ -1876,6 +1882,7 @@
"$(SRCROOT)/../node_modules/instabug-reactnative/ios/RNInstabug",
"$(SRCROOT)/../node_modules/react-native-splash-screen/ios",
"$(SRCROOT)/../node_modules/react-native-config/ios/**",
"$(SRCROOT)/../node_modules/react-native-svg/ios/**",
);
INFOPLIST_FILE = StatusIm/Info.plist;
IPHONEOS_DEPLOYMENT_TARGET = 8.0;
@ -1930,6 +1937,7 @@
"$(SRCROOT)/../node_modules/instabug-reactnative/ios/RNInstabug",
"$(SRCROOT)/../node_modules/react-native-splash-screen/ios",
"$(SRCROOT)/../node_modules/react-native-config/ios/**",
"$(SRCROOT)/../node_modules/react-native-svg/ios/**",
);
INFOPLIST_FILE = StatusIm/Info.plist;
IPHONEOS_DEPLOYMENT_TARGET = 8.0;

1
package.json
View File

@ -73,6 +73,7 @@
"react-native-randombytes": "^2.1.0",
"react-native-sortable-listview": "^0.1.1",
"react-native-splash-screen": "1.0.9",
"react-native-svg": "^4.6.1",
"react-native-swiper": "1.5.3",
"react-native-tcp": "^3.2.1",
"react-native-udp": "^2.0.0",

3
project.clj
View File

@ -11,7 +11,8 @@
[com.andrewmcveigh/cljs-time "0.5.0"]
[tailrecursion/cljs-priority-map "1.2.0"]
[com.taoensso/timbre "4.10.0"]
[com.google.guava/guava "21.0"]]
[com.google.guava/guava "21.0"]
[hickory "0.7.1"]]
:plugins [[lein-cljsbuild "1.1.7"]
[lein-figwheel "0.5.13"]
[lein-re-frisk "0.4.8"]]

1
react-native/src/status_im/react_native/js_dependencies.cljs
View File

@ -31,5 +31,6 @@
(def swiper (js/require "react-native-swiper"))
(def vector-icons (js/require "react-native-vector-icons/Ionicons"))
(def webview-bridge (js/require "react-native-webview-bridge"))
(def svg (js/require "react-native-svg"))

3
resources/icons/QR.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" d="M5,5.09887695 L5,8.90112305 C5,8.95507812 5.04426872,9 5.09887695,9 L8.90112305,9 C8.95507812,9 9,8.95573128 9,8.90112305 L9,5.09887695 C9,5.04492188 8.95573128,5 8.90112305,5 L5.09887695,5 C5.04492188,5 5,5.04426872 5,5.09887695 Z M3,5.09887695 C3,3.93788044 3.94215987,3 5.09887695,3 L8.90112305,3 C10.0621196,3 11,3.94215987 11,5.09887695 L11,8.90112305 C11,10.0621196 10.0578401,11 8.90112305,11 L5.09887695,11 C3.93788044,11 3,10.0578401 3,8.90112305 L3,5.09887695 Z M5,15.098877 L5,18.901123 C5,18.9550781 5.04426872,19 5.09887695,19 L8.90112305,19 C8.95507812,19 9,18.9557313 9,18.901123 L9,15.098877 C9,15.0449219 8.95573128,15 8.90112305,15 L5.09887695,15 C5.04492188,15 5,15.0442687 5,15.098877 Z M3,15.098877 C3,13.9378804 3.94215987,13 5.09887695,13 L8.90112305,13 C10.0621196,13 11,13.9421599 11,15.098877 L11,18.901123 C11,20.0621196 10.0578401,21 8.90112305,21 L5.09887695,21 C3.93788044,21 3,20.0578401 3,18.901123 L3,15.098877 Z M15,5.09887695 L15,8.90112305 C15,8.95507812 15.0442687,9 15.098877,9 L18.901123,9 C18.9550781,9 19,8.95573128 19,8.90112305 L19,5.09887695 C19,5.04492188 18.9557313,5 18.901123,5 L15.098877,5 C15.0449219,5 15,5.04426872 15,5.09887695 Z M13,5.09887695 C13,3.93788044 13.9421599,3 15.098877,3 L18.901123,3 C20.0621196,3 21,3.94215987 21,5.09887695 L21,8.90112305 C21,10.0621196 20.0578401,11 18.901123,11 L15.098877,11 C13.9378804,11 13,10.0578401 13,8.90112305 L13,5.09887695 Z M13,13.495389 C13,13.2217932 13.2157526,13 13.495389,13 L15.504611,13 C15.7782068,13 16,13.2157526 16,13.495389 L16,15.504611 C16,15.7782068 15.7842474,16 15.504611,16 L13.495389,16 C13.2217932,16 13,15.7842474 13,15.504611 L13,13.495389 Z M18,13.495389 C18,13.2217932 18.2157526,13 18.495389,13 L20.504611,13 C20.7782068,13 21,13.2157526 21,13.495389 L21,15.504611 C21,15.7782068 20.7842474,16 20.504611,16 L18.495389,16 C18.2217932,16 18,15.7842474 18,15.504611 L18,13.495389 Z M18,18.495389 C18,18.2217932 18.2157526,18 18.495389,18 L20.504611,18 C20.7782068,18 21,18.2157526 21,18.495389 L21,20.504611 C21,20.7782068 20.7842474,21 20.504611,21 L18.495389,21 C18.2217932,21 18,20.7842474 18,20.504611 L18,18.495389 Z M13,18.495389 C13,18.2217932 13.2157526,18 13.495389,18 L15.504611,18 C15.7782068,18 16,18.2157526 16,18.495389 L16,20.504611 C16,20.7782068 15.7842474,21 15.504611,21 L13.495389,21 C13.2217932,21 13,20.7842474 13,20.504611 L13,18.495389 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

3
resources/icons/add.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<path fill="" fill-rule="evenodd" d="M13.5416667,11.4583333 L13.5416667,6.2571307 C13.5416667,5.67702996 13.0752966,5.20833333 12.5,5.20833333 C11.9206925,5.20833333 11.4583333,5.67789591 11.4583333,6.2571307 L11.4583333,11.4583333 L6.2571307,11.4583333 C5.67702996,11.4583333 5.20833333,11.9247034 5.20833333,12.5 C5.20833333,13.0793075 5.67789591,13.5416667 6.2571307,13.5416667 L11.4583333,13.5416667 L11.4583333,18.7428693 C11.4583333,19.32297 11.9247034,19.7916667 12.5,19.7916667 C13.0793075,19.7916667 13.5416667,19.3221041 13.5416667,18.7428693 L13.5416667,13.5416667 L18.7428693,13.5416667 C19.32297,13.5416667 19.7916667,13.0752966 19.7916667,12.5 C19.7916667,11.9206925 19.3221041,11.4583333 18.7428693,11.4583333 L13.5416667,11.4583333 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 846 B

3
resources/icons/add_wallet.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" d="M5,16 L5,14 C5,13.4477153 5.44771525,13 6,13 C6.55228475,13 7,13.4477153 7,14 L7,16 L9,16 C9.55228475,16 10,16.4477153 10,17 C10,17.5522847 9.55228475,18 9,18 L7,18 L7,20 C7,20.5522847 6.55228475,21 6,21 C5.44771525,21 5,20.5522847 5,20 L5,18 L3,18 C2.44771525,18 2,17.5522847 2,17 C2,16.4477153 2.44771525,16 3,16 L5,16 Z M11.8292943,17 L18,17 C19.1045695,17 20,16.1045695 20,15 L20,7 C20,5.8954305 19.1045695,5 18,5 L8,5 C6.8954305,5 6,5.8954305 6,7 L6,11.1707057 C5.68722107,11.0601542 5.35063542,11 5,11 C4.64936458,11 4.31277893,11.0601542 4,11.1707057 L4,6.00247329 C4,4.34227052 5.34735582,3 7.00684547,3 L18.9931545,3 C20.6515811,3 22,4.34898202 22,6.00247329 L22,15.9975267 C22,17.6577295 20.6526442,19 18.9931545,19 L11.8292943,19 C11.9398458,18.6872211 12,18.3506354 12,18 C12,17.6493646 11.9398458,17.3127789 11.8292943,17 Z M16,12.0093689 C16,11.4519098 16.4438648,11 17,11 C17.5522847,11 18,11.4433532 18,12.0093689 L18,13.9906311 C18,14.5480902 17.5561352,15 17,15 C16.4477153,15 16,14.5566468 16,13.9906311 L16,12.0093689 Z M6,7 L20,7 L20,9 L6,9 L6,7 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

3
resources/icons/address.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M10.9497475,12.4485551 L6.71194726,16.6863553 C6.31874965,17.0795529 5.68614017,17.0844427 5.29289322,16.6911958 C4.90236893,16.3006715 4.90394826,15.6659272 5.2977337,15.2721417 L8.82842712,11.7414483 L5.2977337,8.21075488 C4.90453608,7.81755726 4.89964626,7.18494779 5.29289322,6.79170084 C5.68341751,6.40117655 6.31816182,6.40275587 6.71194726,6.79654132 L10.9497475,11.0343415 C11.3429944,11.4275885 11.3402718,12.0580308 10.9497475,12.4485551 Z M12,16 C12,15.4477153 12.4378814,15 13.0029293,15 L17.9970707,15 C18.5509732,15 19,15.4438648 19,16 C19,16.5522847 18.5621186,17 17.9970707,17 L13.0029293,17 C12.4490268,17 12,16.5561352 12,16 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 778 B

3
resources/icons/arrow_left.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M9.41584892,10.9442775 L11.9534828,8.40664362 C12.3381446,8.0219819 12.3419071,7.38505436 11.9513828,6.99453007 C11.5581359,6.60128312 10.9286338,6.60306557 10.5392693,6.99243006 L6.29242857,11.2392708 C6.10044245,11.4312569 6.00334006,11.6860836 6.00278587,11.9417518 C6.00030772,12.2007913 6.09809257,12.4549483 6.29242857,12.6492843 L10.5392693,16.896125 C10.923931,17.2807867 11.5608585,17.2845493 11.9513828,16.894025 C12.3446298,16.5007781 12.3428473,15.8712759 11.9534828,15.4819115 L9.41584892,12.9442775 L17.2488785,12.9442775 C17.7886117,12.9442775 18.244276,12.4965623 18.244276,11.9442775 C18.244276,11.3881424 17.7986214,10.9442775 17.2488785,10.9442775 L9.41584892,10.9442775 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 825 B

3
resources/icons/arrow_right.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M14.6219757,13 L12.2916499,15.319079 C11.9096557,15.6992296 11.9040341,16.3274522 12.2899218,16.7114775 C12.6784998,17.0981801 13.3022308,17.0947328 13.689073,16.7097577 L17.7083501,12.7098788 C17.877687,12.5413592 17.973062,12.3240904 17.9931567,12.1009557 C18.0275763,11.8114712 17.9320821,11.5099635 17.7083501,11.2873113 L13.689073,7.28743242 C13.3070788,6.90728182 12.6758095,6.90168733 12.2899218,7.28571264 C11.9013437,7.67241531 11.9048078,8.29313599 12.2916499,8.67811112 L14.6247993,11 L6.9955775,11 C6.44483697,11 6,11.4477153 6,12 C6,12.5561352 6.44573523,13 6.9955775,13 L14.6219757,13 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 734 B

3
resources/icons/attach.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" d="M19,8 L19,14 C19,17.86 15.86,21 12,21 C8.14,21 5,17.86 5,14 L5,8 C5,5.24 7.24,3 10,3 C12.76,3 15,5.24 15,8 L15,14 C15,15.66 13.66,17 12,17 C10.34,17 9,15.66 9,14 L9,8 C9,7.44771525 9.44771525,7 10,7 C10.5522847,7 11,7.44771525 11,8 L11,14 C11,14.56 11.44,15 12,15 C12.56,15 13,14.56 13,14 L13,8 C13,6.34 11.66,5 10,5 C8.34,5 7,6.34 7,8 L7,14 C7,16.76 9.24,19 12,19 C14.76,19 17,16.76 17,14 L17,8 C17,7.44771525 17.4477153,7 18,7 C18.5522847,7 19,7.44771525 19,8 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 577 B

3
resources/icons/back.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M7.00692552,11.8819539 C7.02726162,11.6550429 7.12378265,11.4340972 7.29515416,11.2627257 L14.3627242,4.19515569 C14.7542144,3.80366552 15.3854397,3.80015985 15.7786867,4.19340681 C16.1692109,4.5839311 16.1635218,5.22278525 15.7769378,5.60936925 L9.40026029,11.9860467 L15.7769378,18.3627242 C16.1684279,18.7542144 16.1719336,19.3854397 15.7786867,19.7786867 C15.3881624,20.1692109 14.7493082,20.1635218 14.3627242,19.7769378 L7.29515416,12.7093677 C7.06873399,12.4829475 6.97209235,12.1763374 7.00692552,11.8819539 L7.00692552,11.8819539 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 674 B

6
resources/icons/bottom/chats_active.svg Normal file
View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="#4360DF" fill-rule="evenodd">
<path d="M6.99754465,17 C5.34334703,17 4,15.6502334 4,14.0046024 L4,5.99539757 C4,4.33970333 5.34429545,3 6.99850233,3 L18.0014977,3 C19.6557893,3 21,4.34933905 21,5.99539757 L21,18 C21,19.7818097 18.8457162,20.6741433 17.5857864,19.4142136 L14.1715729,17 L6.99754465,17 Z" opacity=".12"/>
<path fill-rule="nonzero" d="M6,5.99539757 L6,14.0046024 C6,14.5443356 6.44661595,15 6.99754465,15 L15,15 L19,18 L19,5.99539757 C19,5.4556644 18.5529553,5 18.0014977,5 L6.99850233,5 C6.44748943,5 6,5.44565467 6,5.99539757 Z M6.99754465,17 C5.34334703,17 4,15.6502334 4,14.0046024 L4,5.99539757 C4,4.33970333 5.34429545,3 6.99850233,3 L18.0014977,3 C19.6557893,3 21,4.34933905 21,5.99539757 L21,18 C21,19.7818097 18.8457162,20.6741433 17.5857864,19.4142136 L14.1715729,17 L6.99754465,17 Z M10,11.5 C10.8284271,11.5 11.5,10.8284271 11.5,10 C11.5,9.17157288 10.8284271,8.5 10,8.5 C9.17157288,8.5 8.5,9.17157288 8.5,10 C8.5,10.8284271 9.17157288,11.5 10,11.5 Z M15,11.5 C15.8284271,11.5 16.5,10.8284271 16.5,10 C16.5,9.17157288 15.8284271,8.5 15,8.5 C14.1715729,8.5 13.5,9.17157288 13.5,10 C13.5,10.8284271 14.1715729,11.5 15,11.5 Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
resources/icons/bottom/chats_gray.svg Normal file
View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path fill="#939BA1" fill-rule="nonzero" d="M6,5.99539757 L6,14.0046024 C6,14.5443356 6.44661595,15 6.99754465,15 L15,15 L19,18 L19,5.99539757 C19,5.4556644 18.5529553,5 18.0014977,5 L6.99850233,5 C6.44748943,5 6,5.44565467 6,5.99539757 Z M6.99754465,17 C5.34334703,17 4,15.6502334 4,14.0046024 L4,5.99539757 C4,4.33970333 5.34429545,3 6.99850233,3 L18.0014977,3 C19.6557893,3 21,4.34933905 21,5.99539757 L21,18 C21,19.7818097 18.8457162,20.6741433 17.5857864,19.4142136 L14.1715729,17 L6.99754465,17 Z M10,11.5 C10.8284271,11.5 11.5,10.8284271 11.5,10 C11.5,9.17157288 10.8284271,8.5 10,8.5 C9.17157288,8.5 8.5,9.17157288 8.5,10 C8.5,10.8284271 9.17157288,11.5 10,11.5 Z M15,11.5 C15.8284271,11.5 16.5,10.8284271 16.5,10 C16.5,9.17157288 15.8284271,8.5 15,8.5 C14.1715729,8.5 13.5,9.17157288 13.5,10 C13.5,10.8284271 14.1715729,11.5 15,11.5 Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 987 B

6
resources/icons/bottom/contacts_active.svg Normal file
View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="#4360DF" fill-rule="evenodd">
<path d="M6 15L13 15 13 15C14.6568542 15 16 16.3431458 16 18L16 20.7000008 3 20.7000008 3 18 3 18C3 16.3431458 4.34314575 15 6 15zM9.54545455 10.5454545C10.8006472 10.5454545 11.8181818 9.52791989 11.8181818 8.27272727 11.8181818 7.01753466 10.8006472 6 9.54545455 6 8.29026193 6 7.27272727 7.01753466 7.27272727 8.27272727 7.27272727 9.52791989 8.29026193 10.5454545 9.54545455 10.5454545z" opacity=".12"/>
<path fill-rule="nonzero" d="M17.0909091,19.7272727 L17.0909091,18.0909091 C17.0909091,15.731147 15.1779439,13.8181818 12.8181818,13.8181818 L6.27272727,13.8181818 C3.91296516,13.8181818 2,15.731147 2,18.0909091 L2,19.7272727 C2,20.2795575 2.44771525,20.7272727 3,20.7272727 C3.55228475,20.7272727 4,20.2795575 4,19.7272727 L4,18.0909091 C4,16.8357165 5.01753466,15.8181818 6.27272727,15.8181818 L12.8181818,15.8181818 C14.0733744,15.8181818 15.0909091,16.8357165 15.0909091,18.0909091 L15.0909091,19.7272727 C15.0909091,20.2795575 15.5386243,20.7272727 16.0909091,20.7272727 C16.6431938,20.7272727 17.0909091,20.2795575 17.0909091,19.7272727 Z M9.54545455,12.5454545 C7.18569243,12.5454545 5.27272727,10.6324894 5.27272727,8.27272727 C5.27272727,5.91296516 7.18569243,4 9.54545455,4 C11.9052167,4 13.8181818,5.91296516 13.8181818,8.27272727 C13.8181818,10.6324894 11.9052167,12.5454545 9.54545455,12.5454545 Z M9.54545455,10.5454545 C10.8006472,10.5454545 11.8181818,9.52791989 11.8181818,8.27272727 C11.8181818,7.01753466 10.8006472,6 9.54545455,6 C8.29026193,6 7.27272727,7.01753466 7.27272727,8.27272727 C7.27272727,9.52791989 8.29026193,10.5454545 9.54545455,10.5454545 Z M22,19.7272727 L22,18.0909091 C21.9985473,16.1429935 20.6807939,14.4430916 18.7954543,13.9562995 C18.2607068,13.8182285 17.7152797,14.1397983 17.5772086,14.6745457 C17.4391376,15.2092932 17.7607074,15.7547203 18.2954548,15.8927914 C19.298295,16.1517233 19.9992277,17.0559264 20.0000003,18.091655 L20,19.7272727 C20,20.2795575 20.4477153,20.7272727 21,20.7272727 C21.5522847,20.7272727 22,20.2795575 22,19.7272727 Z M15.0246881,6.07511364 C16.0303215,6.33259647 16.7336899,7.23874497 16.7336899,8.27681818 C16.7336899,9.31489139 16.0303215,10.2210399 15.0246881,10.4785227 C14.4896622,10.615511 14.166989,11.1602861 14.3039773,11.6953119 C14.4409655,12.2303378 14.9857406,12.553011 15.5207665,12.4160227 C17.4113573,11.931955 18.7336899,10.2283958 18.7336899,8.27681818 C18.7336899,6.32524054 17.4113573,4.62168136 15.5207665,4.13761364 C14.9857406,4.00062538 14.4409655,4.3232986 14.3039773,4.85832445 C14.166989,5.3933503 14.4896622,5.93812538 15.0246881,6.07511364 Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

3
resources/icons/bottom/contacts_gray.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="#939BA1" d="M17.0909091,19.7272727 L17.0909091,18.0909091 C17.0909091,15.731147 15.1779439,13.8181818 12.8181818,13.8181818 L6.27272727,13.8181818 C3.91296516,13.8181818 2,15.731147 2,18.0909091 L2,19.7272727 C2,20.2795575 2.44771525,20.7272727 3,20.7272727 C3.55228475,20.7272727 4,20.2795575 4,19.7272727 L4,18.0909091 C4,16.8357165 5.01753466,15.8181818 6.27272727,15.8181818 L12.8181818,15.8181818 C14.0733744,15.8181818 15.0909091,16.8357165 15.0909091,18.0909091 L15.0909091,19.7272727 C15.0909091,20.2795575 15.5386243,20.7272727 16.0909091,20.7272727 C16.6431938,20.7272727 17.0909091,20.2795575 17.0909091,19.7272727 Z M9.54545455,12.5454545 C7.18569243,12.5454545 5.27272727,10.6324894 5.27272727,8.27272727 C5.27272727,5.91296516 7.18569243,4 9.54545455,4 C11.9052167,4 13.8181818,5.91296516 13.8181818,8.27272727 C13.8181818,10.6324894 11.9052167,12.5454545 9.54545455,12.5454545 Z M9.54545455,10.5454545 C10.8006472,10.5454545 11.8181818,9.52791989 11.8181818,8.27272727 C11.8181818,7.01753466 10.8006472,6 9.54545455,6 C8.29026193,6 7.27272727,7.01753466 7.27272727,8.27272727 C7.27272727,9.52791989 8.29026193,10.5454545 9.54545455,10.5454545 Z M22,19.7272727 L22,18.0909091 C21.9985473,16.1429935 20.6807939,14.4430916 18.7954543,13.9562995 C18.2607068,13.8182285 17.7152797,14.1397983 17.5772086,14.6745457 C17.4391376,15.2092932 17.7607074,15.7547203 18.2954548,15.8927914 C19.298295,16.1517233 19.9992277,17.0559264 20.0000003,18.091655 L20,19.7272727 C20,20.2795575 20.4477153,20.7272727 21,20.7272727 C21.5522847,20.7272727 22,20.2795575 22,19.7272727 Z M15.0246881,6.07511364 C16.0303215,6.33259647 16.7336899,7.23874497 16.7336899,8.27681818 C16.7336899,9.31489139 16.0303215,10.2210399 15.0246881,10.4785227 C14.4896622,10.615511 14.166989,11.1602861 14.3039773,11.6953119 C14.4409655,12.2303378 14.9857406,12.553011 15.5207665,12.4160227 C17.4113573,11.931955 18.7336899,10.2283958 18.7336899,8.27681818 C18.7336899,6.32524054 17.4113573,4.62168136 15.5207665,4.13761364 C14.9857406,4.00062538 14.4409655,4.3232986 14.3039773,4.85832445 C14.166989,5.3933503 14.4896622,5.93812538 15.0246881,6.07511364 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

6
resources/icons/bottom/discover_active.svg Normal file
View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="#4360DF" fill-rule="evenodd">
<path d="M12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 Z" opacity=".12"/>
<path fill-rule="nonzero" d="M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 Z M10.8825694,10.8825694 L9.76513883,14.2348612 L13.1174306,13.1174306 L14.2348612,9.76513883 L10.8825694,10.8825694 Z M16.7646833,8.50022777 L14.8566833,14.2242278 C14.7571483,14.5228328 14.5228328,14.7571483 14.2242278,14.8566833 L8.50022777,16.7646833 C7.71846974,17.0252693 6.97473069,16.2815303 7.2353167,15.4997722 L9.1433167,9.77577223 C9.2428517,9.47716724 9.47716724,9.2428517 9.77577223,9.1433167 L15.4997722,7.2353167 C16.2815303,6.97473069 17.0252693,7.71846974 16.7646833,8.50022777 Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

3
resources/icons/bottom/discover_gray.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="#939BA1" d="M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 Z M10.8825694,10.8825694 L9.76513883,14.2348612 L13.1174306,13.1174306 L14.2348612,9.76513883 L10.8825694,10.8825694 Z M16.7646833,8.50022777 L14.8566833,14.2242278 C14.7571483,14.5228328 14.5228328,14.7571483 14.2242278,14.8566833 L8.50022777,16.7646833 C7.71846974,17.0252693 6.97473069,16.2815303 7.2353167,15.4997722 L9.1433167,9.77577223 C9.2428517,9.47716724 9.47716724,9.2428517 9.77577223,9.1433167 L15.4997722,7.2353167 C16.2815303,6.97473069 17.0252693,7.71846974 16.7646833,8.50022777 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 886 B

6
resources/icons/bottom/wallet_active.svg Normal file
View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="#4360DF" fill-rule="evenodd">
<rect width="14" height="12" x="5" y="6" fill-opacity=".12" rx="1"/>
<path fill-rule="nonzero" d="M5,7.00247329 L5,16.9975267 C5,17.544239 5.45078007,18 6.00684547,18 L17.9931545,18 C18.5500512,18 19,17.5511774 19,16.9975267 L19,7.00247329 C19,6.45576096 18.5492199,6 17.9931545,6 L6.00684547,6 C5.44994876,6 5,6.44882258 5,7.00247329 Z M3,7.00247329 C3,5.34227052 4.34735582,4 6.00684547,4 L17.9931545,4 C19.6515811,4 21,5.34898202 21,7.00247329 L21,16.9975267 C21,18.6577295 19.6526442,20 17.9931545,20 L6.00684547,20 C4.34841892,20 3,18.651018 3,16.9975267 L3,7.00247329 Z M5,8 L19,8 L19,10 L5,10 L5,8 Z M15,13.0093689 C15,12.4519098 15.4438648,12 16,12 C16.5522847,12 17,12.4433532 17,13.0093689 L17,14.9906311 C17,15.5480902 16.5561352,16 16,16 C15.4477153,16 15,15.5566468 15,14.9906311 L15,13.0093689 Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 960 B

3
resources/icons/bottom/wallet_gray.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="#939BA1" d="M5,7.00247329 L5,16.9975267 C5,17.544239 5.45078007,18 6.00684547,18 L17.9931545,18 C18.5500512,18 19,17.5511774 19,16.9975267 L19,7.00247329 C19,6.45576096 18.5492199,6 17.9931545,6 L6.00684547,6 C5.44994876,6 5,6.44882258 5,7.00247329 Z M3,7.00247329 C3,5.34227052 4.34735582,4 6.00684547,4 L17.9931545,4 C19.6515811,4 21,5.34898202 21,7.00247329 L21,16.9975267 C21,18.6577295 19.6526442,20 17.9931545,20 L6.00684547,20 C4.34841892,20 3,18.651018 3,16.9975267 L3,7.00247329 Z M5,8 L19,8 L19,10 L5,10 L5,8 Z M15,13.0093689 C15,12.4519098 15.4438648,12 16,12 C16.5522847,12 17,12.4433532 17,13.0093689 L17,14.9906311 C17,15.5480902 16.5561352,16 16,16 C15.4477153,16 15,15.5566468 15,14.9906311 L15,13.0093689 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 832 B

6
resources/icons/browse.svg Normal file
View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="" >
<path d="M5,5 C3.8954305,5 3,5.8954305 3,7 L3,17 C3,18.1045695 3.8954305,19 5,19 L19,19 C20.1045695,19 21,18.1045695 21,17 L21,7 C21,5.8954305 20.1045695,5 19,5 L5,5 Z M5,3 L19,3 C21.209139,3 23,4.790861 23,7 L23,17 C23,19.209139 21.209139,21 19,21 L5,21 C2.790861,21 1,19.209139 1,17 L1,7 C1,4.790861 2.790861,3 5,3 Z"/>
<path d="M14.6000895,12.9856969 L16.5941105,10.9916759 L16.5857864,10.9833518 L18,9.56913825 L18.0083241,9.57746234 L18.0166482,9.56913825 L19.4308618,10.9833518 L19.4225377,10.9916759 L22.4308618,14 L21.0166482,15.4142136 L18.0083241,12.4058895 L16.0537524,14.3604612 L20.4308618,18.5 L19.0166482,19.9142136 L11.2425833,12.1716302 L3.5,19.9142136 L2.08578644,18.5 L11.0166482,9.56913825 L11.5253666,10.0778566 L14.6000895,12.9856969 Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 882 B

3
resources/icons/chats.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" d="M5,6.99539757 L5,15.0046024 C5,15.5443356 5.44661595,16 5.99754465,16 L14,16 L18,19 L18,6.99539757 C18,6.4556644 17.5529553,6 17.0014977,6 L5.99850233,6 C5.44748943,6 5,6.44565467 5,6.99539757 Z M5.99754465,18 C4.34334703,18 3,16.6502334 3,15.0046024 L3,6.99539757 C3,5.33970333 4.34429545,4 5.99850233,4 L17.0014977,4 C18.6557893,4 20,5.34933905 20,6.99539757 L20,19 C20,20.7818097 17.8457162,21.6741433 16.5857864,20.4142136 L13.1715729,18 L5.99754465,18 Z M9,12.5 C9.82842712,12.5 10.5,11.8284271 10.5,11 C10.5,10.1715729 9.82842712,9.5 9,9.5 C8.17157288,9.5 7.5,10.1715729 7.5,11 C7.5,11.8284271 8.17157288,12.5 9,12.5 Z M14,12.5 C14.8284271,12.5 15.5,11.8284271 15.5,11 C15.5,10.1715729 14.8284271,9.5 14,9.5 C13.1715729,9.5 12.5,10.1715729 12.5,11 C12.5,11.8284271 13.1715729,12.5 14,12.5 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 910 B

3
resources/icons/close.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M12,10.5857864 L7.75797567,6.34376211 C7.36465403,5.95044047 6.73367004,5.95262146 6.34314575,6.34314575 C5.9498988,6.73639271 5.95289741,7.36711097 6.34376211,7.75797567 L10.5857864,12 L6.34376211,16.2420243 C5.95044047,16.635346 5.95262146,17.26633 6.34314575,17.6568542 C6.73639271,18.0501012 7.36711097,18.0471026 7.75797567,17.6562379 L12,13.4142136 L16.2420243,17.6562379 C16.635346,18.0495595 17.26633,18.0473785 17.6568542,17.6568542 C18.0501012,17.2636073 18.0471026,16.632889 17.6562379,16.2420243 L13.4142136,12 L17.6562379,7.75797567 C18.0495595,7.36465403 18.0473785,6.73367004 17.6568542,6.34314575 C17.2636073,5.9498988 16.632889,5.95289741 16.2420243,6.34376211 L12,10.5857864 L12,10.5857864 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 843 B

3
resources/icons/commands_list.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M9,7 C9,6.44771525 9.4556644,6 9.99539757,6 L18.0046024,6 C18.5543453,6 19,6.44386482 19,7 C19,7.55228475 18.5443356,8 18.0046024,8 L9.99539757,8 C9.44565467,8 9,7.55613518 9,7 Z M9,12 C9,11.4477153 9.45303631,11 9.99703014,11 L16.0029699,11 C16.5536144,11 17,11.4438648 17,12 C17,12.5522847 16.5469637,13 16.0029699,13 L9.99703014,13 C9.4463856,13 9,12.5561352 9,12 Z M9,17 C9,16.4477153 9.4556644,16 9.99539757,16 L18.0046024,16 C18.5543453,16 19,16.4438648 19,17 C19,17.5522847 18.5443356,18 18.0046024,18 L9.99539757,18 C9.44565467,18 9,17.5561352 9,17 Z M6,8.29999971 C5.28202985,8.29999971 4.70000005,7.71796991 4.70000005,6.99999976 C4.70000005,6.28202961 5.28202985,5.69999981 6,5.69999981 C6.71797015,5.69999981 7.29999995,6.28202961 7.29999995,6.99999976 C7.29999995,7.71796991 6.71797015,8.29999971 6,8.29999971 Z M6,13.2999997 C5.28202985,13.2999997 4.70000005,12.7179699 4.70000005,11.9999998 C4.70000005,11.2820296 5.28202985,10.6999998 6,10.6999998 C6.71797015,10.6999998 7.29999995,11.2820296 7.29999995,11.9999998 C7.29999995,12.7179699 6.71797015,13.2999997 6,13.2999997 Z M6,18.2999997 C5.28202985,18.2999997 4.70000005,17.7179699 4.70000005,16.9999998 C4.70000005,16.2820296 5.28202985,15.6999998 6,15.6999998 C6.71797015,15.6999998 7.29999995,16.2820296 7.29999995,16.9999998 C7.29999995,17.7179699 6.71797015,18.2999997 6,18.2999997 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

3
resources/icons/dots_horizontal.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M6,14 C4.8954305,14 4,13.1045695 4,12 C4,10.8954305 4.8954305,10 6,10 C7.1045695,10 8,10.8954305 8,12 C8,13.1045695 7.1045695,14 6,14 Z M12,14 C10.8954305,14 10,13.1045695 10,12 C10,10.8954305 10.8954305,10 12,10 C13.1045695,10 14,10.8954305 14,12 C14,13.1045695 13.1045695,14 12,14 Z M18,14 C16.8954305,14 16,13.1045695 16,12 C16,10.8954305 16.8954305,10 18,10 C19.1045695,10 20,10.8954305 20,12 C20,13.1045695 19.1045695,14 18,14 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 567 B

3
resources/icons/dots_vertical.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M14,18 C14,19.1045695 13.1045695,20 12,20 C10.8954305,20 10,19.1045695 10,18 C10,16.8954305 10.8954305,16 12,16 C13.1045695,16 14,16.8954305 14,18 Z M14,12 C14,13.1045695 13.1045695,14 12,14 C10.8954305,14 10,13.1045695 10,12 C10,10.8954305 10.8954305,10 12,10 C13.1045695,10 14,10.8954305 14,12 Z M14,6 C14,7.1045695 13.1045695,8 12,8 C10.8954305,8 10,7.1045695 10,6 C10,4.8954305 10.8954305,4 12,4 C13.1045695,4 14,4.8954305 14,6 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 567 B

3
resources/icons/dropdown.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M12,14.8284271 L8.46236609,11.2907932 C8.07770436,10.9061315 7.44077682,10.9023689 7.05025253,11.2928932 C6.65700558,11.6861402 6.65878803,12.3156423 7.04815252,12.7050068 L11.2949932,16.9518475 C11.4869793,17.1438336 11.741806,17.240936 11.9974742,17.2414902 C12.2565137,17.2439683 12.5106708,17.1461835 12.7050068,16.9518475 L16.9518475,12.7050068 C17.3365092,12.320345 17.3402718,11.6834175 16.9497475,11.2928932 C16.5565005,10.8996463 15.9269984,10.9014287 15.5376339,11.2907932 L12,14.8284271 Z" opacity=".4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 646 B

3
resources/icons/dropdown_up.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" d="M12.1872807,7.00692544 C12.4141917,7.02726144 12.6351377,7.12378244 12.8065087,7.29515444 L19.8740787,14.3627244 C20.2655697,14.7542144 20.2690747,15.3854394 19.8758277,15.7786864 C19.4853037,16.1692114 18.8464497,16.1635214 18.4598657,15.7769374 L12.0831877,9.40026044 L5.70651067,15.7769374 C5.31502067,16.1684274 4.68379467,16.1719334 4.29054767,15.7786864 C3.90002367,15.3881624 3.90571267,14.7493084 4.29229667,14.3627244 L11.3598667,7.29515444 C11.5862877,7.06873444 11.8928977,6.97209244 12.1872807,7.00692544 L12.1872807,7.00692544 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 655 B

3
resources/icons/forward.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M16.7769378,12.7065103 L9.70936773,19.7740803 C9.31787755,20.1655705 8.68665224,20.1690762 8.29340528,19.7758292 C7.90288099,19.3853049 7.90857016,18.7464508 8.29515416,18.3598668 L14.6718316,11.9831893 L8.29515416,5.60651181 C7.90366399,5.21502164 7.90015832,4.58379632 8.29340528,4.19054937 C8.68392957,3.80002508 9.32278372,3.80571425 9.70936773,4.19229825 L16.7769378,11.2598683 C17.0033579,11.4862885 17.0999996,11.7928987 17.0651664,12.0872822 C17.0448303,12.3141931 16.9483093,12.5351388 16.7769378,12.7065103 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 652 B

3
resources/icons/fullscreen.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M19.0029699,4 C19.277802,4 19.5266622,4.1105715 19.7080784,4.29549194 C19.8884718,4.47666861 20,4.72552037 20,4.99703014 L20,10.0029699 C20,10.5536144 19.5561352,11 19,11 C18.4477153,11 18,10.5469637 18,10.0029699 L18,6 L13.9970301,6 C13.4463856,6 13,5.55613518 13,5 C13,4.44771525 13.4530363,4 13.9970301,4 L19.0029699,4 Z M4,4.99703014 C4,4.72219796 4.1105715,4.4733378 4.29549194,4.29192156 C4.47666861,4.11152824 4.72552037,4 4.99703014,4 L10.0029699,4 C10.5536144,4 11,4.44386482 11,5 C11,5.55228475 10.5469637,6 10.0029699,6 L6,6 L6,10.0029699 C6,10.5536144 5.55613518,11 5,11 C4.44771525,11 4,10.5469637 4,10.0029699 L4,4.99703014 Z M4.99703014,20 C4.72219796,20 4.4733378,19.8894285 4.29192156,19.7045081 C4.11152824,19.5233314 4,19.2744796 4,19.0029699 L4,13.9970301 C4,13.4463856 4.44386482,13 5,13 C5.55228475,13 6,13.4530363 6,13.9970301 L6,18 L10.0029699,18 C10.5536144,18 11,18.4438648 11,19 C11,19.5522847 10.5469637,20 10.0029699,20 L4.99703014,20 Z M20,19.0029699 C20,19.277802 19.8894285,19.5266622 19.7045081,19.7080784 C19.5233314,19.8884718 19.2744796,20 19.0029699,20 L13.9970301,20 C13.4463856,20 13,19.5561352 13,19 C13,18.4477153 13.4530363,18 13.9970301,18 L18,18 L18,13.9970301 C18,13.4463856 18.4438648,13 19,13 C19.5522847,13 20,13.4530363 20,13.9970301 L20,19.0029699 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

3
resources/icons/grab.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M5,10 C5,9.44771525 5.44994876,9 6.00684547,9 L17.9931545,9 C18.5492199,9 19,9.44386482 19,10 C19,10.5522847 18.5500512,11 17.9931545,11 L6.00684547,11 C5.45078007,11 5,10.5561352 5,10 Z M5,14 C5,13.4477153 5.44994876,13 6.00684547,13 L17.9931545,13 C18.5492199,13 19,13.4438648 19,14 C19,14.5522847 18.5500512,15 17.9931545,15 L6.00684547,15 C5.45078007,15 5,14.5561352 5,14 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 511 B

3
resources/icons/group_big.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" d="M7.5,9.5 C8.32842712,9.5 9,8.82842712 9,8 C9,7.17157288 8.32842712,6.5 7.5,6.5 C6.67157288,6.5 6,7.17157288 6,8 C6,8.82842712 6.67157288,9.5 7.5,9.5 Z M7.5,11.5 C5.56700338,11.5 4,9.93299662 4,8 C4,6.06700338 5.56700338,4.5 7.5,4.5 C9.43299662,4.5 11,6.06700338 11,8 C11,9.93299662 9.43299662,11.5 7.5,11.5 Z M7.30534261,15.50123 C7.60553658,14.7750004 7.99092707,14.11609 8.46270768,13.5324596 C8.15749779,13.5110937 7.83685516,13.5 7.49999931,13.5 C0.5,13.5 0.799121209,18.5314815 0.799121209,18.5314815 C0.577268533,19.6134452 1.39805342,20.5 2.50585846,20.5 L6.49999966,20.5 L6.50000034,20.4988391 C6.50044281,19.7352007 6.51905355,19.0944961 6.57578609,18.5 L2.63008884,18.5 C2.65747759,18.3579041 2.69020457,18.2190515 2.72916438,18.0777206 C3.18168192,16.4361646 4.36934114,15.5387986 7.30534261,15.50123 L7.30534261,15.50123 Z M16,10.5 C14.0670034,10.5 12.5,8.93299662 12.5,7 C12.5,5.06700338 14.0670034,3.5 16,3.5 C17.9329966,3.5 19.5,5.06700338 19.5,7 C19.5,8.93299662 17.9329966,10.5 16,10.5 Z M23.2443899,18.5224714 C23.3855587,19.6146303 22.6066014,20.5 21.5081146,20.5 L10.491884,20.5 C9.39179685,20.5 8.5665532,19.6132936 8.75560868,18.5224714 C8.75560868,18.5224714 8.5,12.5 15.9999993,12.5 C23.4999986,12.5 23.2443899,18.5224714 23.2443899,18.5224714 Z M21.1685339,17.5066793 C20.5722106,15.5582218 19.1598905,14.5 15.9999993,14.5 C12.8401579,14.5 11.4278315,15.5582157 10.8314887,17.5066493 C10.7304447,17.8367908 10.6582857,18.1561625 10.6076654,18.5000002 L21.3923408,18.5000015 C21.3417241,18.1561731 21.2695704,17.8368109 21.1685339,17.5066793 Z M16,8.5 C16.8284271,8.5 17.5,7.82842712 17.5,7 C17.5,6.17157288 16.8284271,5.5 16,5.5 C15.1715729,5.5 14.5,6.17157288 14.5,7 C14.5,7.82842712 15.1715729,8.5 16,8.5 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

3
resources/icons/group_chat.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M10.6049112,13.393155 C10.0804564,13.1405737 9.49242253,12.9992378 8.87132141,12.9992378 C7.01413652,12.9992378 5.44743232,14.2733544 5,15.9988567 L9.87119489,15.9988567 L9.87119523,15.9982763 C9.87174918,15.0439692 10.1400709,14.1519051 10.6049112,13.393155 L10.6049112,13.393155 Z M8.8695035,11.9993648 C7.76507431,11.9993648 6.86975756,11.1040481 6.86975756,9.9996189 C6.86975756,8.89518972 7.76507431,7.99987297 8.8695035,7.99987297 C9.97393268,7.99987297 10.8692494,8.89518972 10.8692494,9.9996189 C10.8692494,11.1040481 9.97393268,11.9993648 8.8695035,11.9993648 Z M15.2705099,10.9994919 C14.1660807,10.9994919 13.270764,10.1041751 13.270764,8.99974593 C13.270764,7.89531675 14.1660807,7 15.2705099,7 C16.3749391,7 17.2702558,7.89531675 17.2702558,8.99974593 C17.2702558,10.1041751 16.3749391,10.9994919 15.2705099,10.9994919 Z M11.2710181,15.9988567 C11.2723004,13.7897788 13.0669332,11.9993648 15.2705093,11.9993648 C17.4785784,11.9993648 19.2687214,13.7896789 19.2700005,15.9988567 L11.2710181,15.9988567 L11.2710181,15.9988567 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

3
resources/icons/hamburger.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M5,7 C5,6.44771525 5.44994876,6 6.00684547,6 L17.9931545,6 C18.5492199,6 19,6.44386482 19,7 C19,7.55228475 18.5500512,8 17.9931545,8 L6.00684547,8 C5.45078007,8 5,7.55613518 5,7 Z M5,12 C5,11.4477153 5.45303631,11 5.99703014,11 L12.0029699,11 C12.5536144,11 13,11.4438648 13,12 C13,12.5522847 12.5469637,13 12.0029699,13 L5.99703014,13 C5.4463856,13 5,12.5561352 5,12 Z M5,17 C5,16.4477153 5.45576096,16 6.00247329,16 L15.9975267,16 C16.5511774,16 17,16.4438648 17,17 C17,17.5522847 16.544239,18 15.9975267,18 L6.00247329,18 C5.44882258,18 5,17.5561352 5,17 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 693 B

7
resources/icons/hidden.svg Normal file
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="" >
<path d="M12,18 C17.4517777,18 22,15.2205308 22,11.5 C22,10.4403969 21.6215769,9.42636806 20.9216609,8.52686692 L19.343215,9.75508043 C19.7804312,10.3169714 20,10.9053317 20,11.5 C20,13.8546014 16.4893478,16 12,16 L12,18 Z M17.009171,5.85666024 C15.5017211,5.29777926 13.7836977,5 12,5 C6.54822233,5 2,7.7794692 2,11.5 C2,13.7893954 3.7423297,15.7793689 6.48422889,16.942253 L7.26513175,15.1010059 C5.18999937,14.2209085 4,12.8617701 4,11.5 C4,9.14539855 7.51065217,7 12,7 C13.5502411,7 15.0328502,7.25697569 16.3139229,7.73192825 L17.009171,5.85666024 Z"/>
<path d="M18.7928932,3.79289322 L3.79289322,18.7928932 C3.40236893,19.1834175 3.40236893,19.8165825 3.79289322,20.2071068 C4.18341751,20.5976311 4.81658249,20.5976311 5.20710678,20.2071068 L20.2071068,5.20710678 C20.5976311,4.81658249 20.5976311,4.18341751 20.2071068,3.79289322 C19.8165825,3.40236893 19.1834175,3.40236893 18.7928932,3.79289322 Z"/>
<path d="M14.8192649,9.1624401 C14.0753688,8.42331778 13.0698997,8 12,8 C9.790861,8 8,9.790861 8,12 C8,13.0611694 8.41641755,14.0591484 9.14490147,14.801503 L10.5723882,13.4006884 C10.2072369,13.0285844 10,12.5319241 10,12 C10,10.8954305 10.8954305,10 12,10 C12.5362815,10 13.0367053,10.210686 13.409611,10.5811986 L14.8192649,9.1624401 Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

3
resources/icons/mic.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M12.9144616,17.4353336 C12.9159235,17.4566281 12.9166667,17.4781326 12.9166667,17.4998235 L12.9166667,20.2501765 C12.9166667,20.75634 12.5097906,21.1666667 12,21.1666667 C11.493739,21.1666667 11.0833333,20.7599264 11.0833333,20.2501765 L11.0833333,17.4998235 C11.0833333,17.4781433 11.0840798,17.4566389 11.0855488,17.4353351 C7.97486583,16.9914948 5.58333333,14.3167003 5.58333333,11.0833333 C5.58333333,10.5770723 5.99373898,10.1666667 6.5,10.1666667 C7.00626102,10.1666667 7.41666667,10.5770723 7.41666667,11.0833333 C7.41666667,13.6146384 9.4686949,15.6666667 12,15.6666667 C14.5313051,15.6666667 16.5833333,13.6146384 16.5833333,11.0833333 C16.5833333,11.5895944 16.993739,12 17.5,12 C18.006261,12 18.4166667,11.5895944 18.4166667,11.0833333 C18.4166667,14.3166967 16.0251395,16.9914889 12.9144616,17.4353336 Z M9.25,6.50531514 C9.25,4.98359661 10.4843074,3.75 12,3.75 C13.5187831,3.75 14.75,4.98641459 14.75,6.50531514 L14.75,11.0780182 C14.75,12.5997367 13.5156926,13.8333333 12,13.8333333 C10.4812169,13.8333333 9.25,12.5969187 9.25,11.0780182 L9.25,6.50531514 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

3
resources/icons/ok.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" d="M7.21079159,19.037938 L7.21869755,19.046103 C7.60312519,19.4431252 8.23203768,19.4503432 8.6252775,19.0603759 L8.63334751,19.052373 L20.3665176,7.40899489 C20.7555083,7.02298112 20.7583018,6.39488663 20.3667014,6 L20.3667014,6 C19.9778123,5.60784738 19.3426111,5.60744061 18.9582254,5.98888465 L7.22505532,17.6322628 L8.64761124,17.6466978 L4.71335974,13.5835535 C4.3307912,13.1884513 3.70178126,13.176919 3.30224829,13.5637778 L3.30224829,13.5637778 C2.9054815,13.9479582 2.9018677,14.5878463 3.2765401,14.9747937 L7.21079159,19.037938 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 652 B

3
resources/icons/public.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" d="M8,15.8824142 L6,15.4339892 L6,17.0041738 C6,19.2034788 7.790861,21 10,21 C12.1301737,21 13.8782431,19.3298264 13.9939079,17.2263231 L12,16.7792641 L12,17.0041738 C12,18.1040728 11.1024408,19 10,19 C8.89814503,19 8,18.1016244 8,17.0041738 L8,15.8824142 L8,15.8824142 Z M20,7.99077797 C20,7.44358641 20.4438648,7 21,7 L21,7 C21.5522847,7 22,7.45097518 22,7.99077797 L22,12.009222 C22,12.5564136 21.5561352,13 21,13 L21,13 C20.4477153,13 20,12.5490248 20,12.009222 L20,7.99077797 Z M2,9.07327736 C2,7.58182645 3.07958914,6.22047888 4.53955145,5.89313711 L15.5853257,3.4165367 C17.3778646,3.01462711 19,4.31711467 19,6.15579082 L19,14.8438847 C19,16.6773517 17.3835222,17.986317 15.5853257,17.5831388 L4.53955145,15.1065384 C3.08370554,14.7801196 2,13.4192992 2,11.9263982 L2,9.07327736 Z M4,9.07327736 L4,11.9263982 C4,12.4862829 4.43746834,13.0339953 4.97711289,13.1549903 L16.0228871,15.6315907 C16.5674667,15.7536923 17,15.3999178 17,14.8438847 L17,6.15579082 C17,5.59521646 16.5625317,5.24708976 16.0228871,5.3680848 L4.97711289,7.84468521 C4.43253326,7.96678676 4,8.51573969 4,9.07327736 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

3
resources/icons/public_chat.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M9.30000305,13.6116448 L9.30000305,14.2549303 C9.30000305,15.0872758 9.96970237,15.7565957 10.8000031,15.7565957 C11.6015871,15.7565957 12.2591458,15.130838 12.2974091,14.3350564 L12.2974091,14.3343089 L13.7530212,14.6852519 C13.6606246,16.03924 12.4534859,17.2565957 10.8000031,17.2565957 C9.1431488,17.2565957 7.80000305,15.9175756 7.80000305,14.2549303 L7.80000305,13.25 L9.30000305,13.6116448 Z M7,9.5640553 C7,9.28775321 7.21398067,9.01255085 7.48839319,8.94687151 L14.5116068,7.2658985 C14.7813389,7.2013394 15,7.37198038 15,7.6527182 L15,13.3469573 C15,13.6251511 14.7860193,13.7994564 14.5116068,13.733777 L7.48839319,12.052804 C7.21866108,11.9882449 7,11.7105372 7,11.4356202 L7,9.5640553 Z M16,6.89585781 C16,6.4010892 16.3994783,6 16.9,6 C17.3970562,6 17.8,6.41009796 17.8,6.89585781 L17.8,14.1041422 C17.8,14.5989108 17.4005216,15 16.9,15 C16.4029437,15 16,14.589902 16,14.1041422 L16,6.89585781 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1015 B

3
resources/icons/search.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" d="M9.92798871,13.8799812 L9.92798871,13.8799812 C12.1106139,13.8799812 13.8799812,12.1106139 13.8799812,9.92798871 C13.8799812,7.74536354 12.1106139,5.97599624 9.92798871,5.97599624 C7.74536354,5.97599624 5.97599624,7.74536354 5.97599624,9.92798871 C5.97599624,12.1106139 7.74536354,13.8799812 9.92798871,13.8799812 L9.92798871,13.8799812 Z M19.7118864,18.3146461 C20.0959479,18.6987076 20.0971983,19.3201438 19.7086711,19.7086711 L19.7086711,19.7086711 C19.3228338,20.0945083 18.6917146,20.0889549 18.3146461,19.7118864 L12.719254,14.1164944 C12.3351926,13.7324329 12.3339421,13.1109966 12.7224694,12.7224694 L12.7224694,12.7224694 C13.1083067,12.3366321 13.7394259,12.3421856 14.1164944,12.719254 L19.7118864,18.3146461 Z M9.92798871,15.8559774 L9.92798871,15.8559774 C6.65405095,15.8559774 4,13.2019265 4,9.92798871 C4,6.65405095 6.65405095,4 9.92798871,4 C13.2019265,4 15.8559774,6.65405095 15.8559774,9.92798871 C15.8559774,13.2019265 13.2019265,15.8559774 9.92798871,15.8559774 L9.92798871,15.8559774 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

3
resources/icons/smile.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" fill-rule="evenodd" d="M11.9908333,2.83333333 C6.93083333,2.83333333 2.83333333,6.94 2.83333333,12 C2.83333333,17.06 6.93083333,21.1666667 11.9908333,21.1666667 C17.06,21.1666667 21.1666667,17.06 21.1666667,12 C21.1666667,6.94 17.06,2.83333333 11.9908333,2.83333333 L11.9908333,2.83333333 Z M12,19.3333333 C7.94833333,19.3333333 4.66666667,16.0516667 4.66666667,12 C4.66666667,7.94833333 7.94833333,4.66666667 12,4.66666667 C16.0516667,4.66666667 19.3333333,7.94833333 19.3333333,12 C19.3333333,16.0516667 16.0516667,19.3333333 12,19.3333333 L12,19.3333333 Z M15.2083333,11.0833333 C15.9691667,11.0833333 16.5833333,10.4691667 16.5833333,9.70833333 C16.5833333,8.9475 15.9691667,8.33333333 15.2083333,8.33333333 C14.4475,8.33333333 13.8333333,8.9475 13.8333333,9.70833333 C13.8333333,10.4691667 14.4475,11.0833333 15.2083333,11.0833333 L15.2083333,11.0833333 Z M8.79166667,11.0833333 C9.5525,11.0833333 10.1666667,10.4691667 10.1666667,9.70833333 C10.1666667,8.9475 9.5525,8.33333333 8.79166667,8.33333333 C8.03083333,8.33333333 7.41666667,8.9475 7.41666667,9.70833333 C7.41666667,10.4691667 8.03083333,11.0833333 8.79166667,11.0833333 L8.79166667,11.0833333 Z M15.5330465,14.6132288 C16.1687926,13.8879527 15.9015413,13.3000002 14.9440105,13.3000002 L9.05598946,13.3000002 C8.09492777,13.3000002 7.8208627,13.9096537 8.46695345,14.6132288 C8.46695345,14.6132288 10,16.8000002 12,16.8000002 C14,16.8000002 15.5330465,14.6132288 15.5330465,14.6132288 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

3
resources/icons/speaker.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" d="M5,11.0093689 L5,12.9906311 C5,13.5566468 5.45157139,14 6.00861292,14 L7.98839125,14 C8.55398305,14 9.28524866,14.3456863 9.64081625,14.7721119 L13.3561879,19.2278881 C13.7166827,19.6602228 14,19.5518945 14,18.9991283 L14,5.00087166 C14,4.44463086 13.7117555,4.34568626 13.3561879,4.77211186 L9.64081625,9.22788814 C9.28032152,9.66022277 8.54543279,10 7.98839125,10 L6.00861292,10 C5.44302112,10 5,10.4519098 5,11.0093689 Z M3,11.0093689 C3,9.3473216 4.33842904,8 6.00861292,8 L7.98839125,8 C7.9562244,8 8.1268943,7.92051066 8.10475095,7.94706676 L11.8201226,3.49129049 C13.3662965,1.63699285 16,2.56298411 16,5.00087166 L16,18.9991283 C16,21.4232596 13.3776993,22.3766823 11.8201226,20.5087095 L8.10475095,16.0529332 C8.12699271,16.0796074 7.95723098,16 7.98839125,16 L6.00861292,16 C4.34631886,16 3,14.6605615 3,12.9906311 L3,11.0093689 Z M18,7.99539757 C18,7.44565467 18.4438648,7 19,7 C19.5522847,7 20,7.4556644 20,7.99539757 L20,16.0046024 C20,16.5543453 19.5561352,17 19,17 C18.4477153,17 18,16.5443356 18,16.0046024 L18,7.99539757 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

3
resources/icons/speaker_off.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="" d="M8.1627301,14.0101317 L6.1728618,16 L6.00861292,16 C4.34631886,16 3,14.6605615 3,12.9906311 L3,11.0093689 C3,9.3473216 4.33842904,8 6.00861292,8 L7.98839125,8 C7.9562244,8 8.1268943,7.92051066 8.10475095,7.94706676 L11.8201226,3.49129049 C13.3662965,1.63699285 16,2.56298411 16,5.00087166 L16,6.1728618 L14,8.1728618 L14,5.00087166 C14,4.44463086 13.7117555,4.34568626 13.3561879,4.77211186 L9.64081625,9.22788814 C9.28032152,9.66022277 8.54543279,10 7.98839125,10 L6.00861292,10 C5.44302112,10 5,10.4519098 5,11.0093689 L5,12.9906311 C5,13.5566468 5.45157139,14 6.00861292,14 L7.98839125,14 C8.0450243,14 8.10331841,14.0034659 8.1627301,14.0101317 Z M11.1944091,16.6353069 L13.3561879,19.2278881 C13.7166827,19.6602228 14,19.5518945 14,18.9991283 L14,13.8297161 L16,11.8297161 L16,18.9991283 C16,21.4232596 13.3776993,22.3766823 11.8201226,20.5087095 L9.77440169,18.0553144 L11.1944091,16.6353069 Z M18.5298406,5.07842379 C18.9179505,4.69031392 19.5464355,4.68954854 19.9396825,5.0827955 C20.3302068,5.47331979 20.3246745,6.11201699 19.9440542,6.49263735 L5.92731723,20.5093743 C5.53920737,20.8974842 4.91072234,20.8982495 4.51747539,20.5050026 C4.12695109,20.1144783 4.13248332,19.4757811 4.51310367,19.0951607 L18.5298406,5.07842379 Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

9
resources/icons/transaction_history.svg Normal file
View File

@ -0,0 +1,9 @@
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="24px" height="24px" viewBox="-108 65.9 24 24" style="enable-background:new -108 65.9 24 24;" xml:space="preserve">
<g fill="">
<path d="M-89.4,75.9l-2.3,2.3c-0.4,0.4-0.4,1,0,1.4c0.4,0.4,1,0.4,1.4,0l4-4c0.2-0.2,0.3-0.4,0.3-0.6c0-0.3-0.1-0.6-0.3-0.8l-4-4
c-0.4-0.4-1-0.4-1.4,0c-0.4,0.4-0.4,1,0,1.4l2.3,2.3H-97c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1H-89.4z"/>
<path d="M-102.6,81.9h7.6c0.5,0,1-0.4,1-1c0-0.6-0.4-1-1-1h-7.6l2.3-2.3c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0l-4,4
c-0.2,0.2-0.3,0.5-0.3,0.8c0,0.2,0.1,0.4,0.3,0.6l4,4c0.4,0.4,1,0.4,1.4,0c0.4-0.4,0.4-1,0-1.4L-102.6,81.9z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 728 B

18
src/status_im/chat/new_chat/view.cljs
View File

@ -17,17 +17,17 @@
(defn options-list []
[view actions-list
[action-button (label :t/new-group-chat)
:private_group_big
#(dispatch [:open-contact-toggle-list :chat-group])]
[action-button {:label (label :t/new-group-chat)
:icon [:icons/group_big {:color :blue}]
:on-press #(dispatch [:open-contact-toggle-list :chat-group])}]
[action-separator]
[action-button (label :t/new-public-group-chat)
:public_group_big
#(dispatch [:navigate-to :new-public-chat])]
[action-button {:label (label :t/new-public-group-chat)
:icon [:icons/public {:color :blue}]
:on-press #(dispatch [:navigate-to :new-public-chat])}]
[action-separator]
[action-button (label :t/add-new-contact)
:add_blue
#(dispatch [:navigate-to :new-contact])]])
[action-button {:label (label :t/add-new-contact)
:icon [:icons/add {:color :blue}]
:on-press #(dispatch [:navigate-to :new-contact])}]])
(defn contact-list-row []
(fn [row _ _]

4
src/status_im/chat/screen.cljs
View File

@ -4,11 +4,11 @@
[status-im.components.react :refer [view
animated-view
text
icon
modal
touchable-highlight
list-view
list-item]]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.status-bar :refer [status-bar]]
[status-im.components.chat-icon.screen :refer [chat-icon-view-action
chat-icon-view-menu-item]]
@ -92,7 +92,7 @@
[touchable-highlight
{:on-press #(dispatch [:set-chat-ui-props {:show-actions? false}])}
[view st/action
[icon :up st/up-icon]]]
[vi/icon :icons/dropdown_up]]]
[touchable-highlight
{:on-press #(dispatch [:set-chat-ui-props {:show-actions? true}])}
[view st/action

11
src/status_im/chat/views/input/input.cljs
View File

@ -19,11 +19,12 @@
[status-im.components.react :refer [view
animated-view
text
icon
scroll-view
text-input
icon
touchable-highlight
dismiss-keyboard!]]
[status-im.components.icons.vector-icons :as vi]
[status-im.i18n :as i18n]
[status-im.utils.platform :as platform]))
@ -46,8 +47,8 @@
(dispatch [:update-suggestions]))}
[view style/commands-list-icon
(if show-suggestions?
[icon :close_gray style/close-commands-list-icon]
[icon :input_list style/commands-list-icon])]]]
[vi/icon :icons/close]
[vi/icon :icons/commands_list])]]]
[scroll-view {:horizontal true
:showsHorizontalScrollIndicator false
:keyboardShouldPersistTaps :always}
@ -200,7 +201,7 @@
{:on-press #(do (dispatch [:toggle-chat-ui-props :show-emoji?])
(dismiss-keyboard!))}
[view
[icon :smile style/input-emoji-icon]]]
[vi/icon :icons/smile {:container-style style/input-emoji-icon}]]]
(when-not single-line-input?
[touchable-highlight
{:on-press #(do (dispatch [:set-chat-input-text nil])
@ -209,7 +210,7 @@
:validation-messages nil}])
(dispatch [:clear-seq-arguments]))}
[view style/input-clear-container
[icon :close_gray style/input-clear-icon]]]))]))})))
[vi/icon :icons/close]]]))]))})))
(defview input-container [{:keys [anim-margin]}]
(letsubs [command-completion [:command-completion]

34
src/status_im/components/action_button/action_button.cljs
View File

@ -1,27 +1,25 @@
(ns status-im.components.action-button.action-button
(:require [status-im.components.action-button.styles :as st]
[status-im.components.common.common :refer [list-separator]]
[status-im.components.react :refer [view
text
icon
touchable-highlight]]))
[status-im.components.icons.vector-icons :as vi]
[status-im.components.react :as rn]))
(defn action-button [label icon-key on-press & [{:keys [label-style cyrcle-color]}]]
[touchable-highlight {:on-press on-press}
[view st/action-button
[view (st/action-button-icon-container cyrcle-color)
[icon icon-key]]
[view st/action-button-label-container
[text {:style (merge st/action-button-label label-style)}
(defn action-button [{:keys [label icon on-press label-style cyrcle-color]}]
[rn/touchable-highlight {:on-press on-press}
[rn/view st/action-button
[rn/view (st/action-button-icon-container cyrcle-color)
((comp vec flatten vector) vi/icon icon)]
[rn/view st/action-button-label-container
[rn/text {:style (merge st/action-button-label label-style)}
label]]]])
(defn action-button-disabled [label icon-key]
[view st/action-button
[view st/action-button-icon-container-disabled
[view {:opacity 0.4}
[icon icon-key]]]
[view st/action-button-label-container
[text {:style st/action-button-label-disabled}
(defn action-button-disabled [{:keys [label icon]}]
[rn/view st/action-button
[rn/view st/action-button-icon-container-disabled
[rn/view {:opacity 0.4}
((comp vec flatten vector) vi/icon icon)]]
[rn/view st/action-button-label-container
[rn/text {:style st/action-button-label-disabled}
label]]])
(defn action-separator []

3
src/status_im/components/chat_icon/screen.cljs
View File

@ -3,8 +3,7 @@
(:require [re-frame.core :refer [subscribe dispatch]]
[status-im.components.react :refer [view
text
image
icon]]
image]]
[status-im.components.chat-icon.styles :as st]
[status-im.components.styles :refer [default-chat-color]]
[status-im.react-native.resources :as resources]

5
src/status_im/components/common/common.cljs
View File

@ -1,5 +1,6 @@
(ns status-im.components.common.common
(:require [status-im.components.react :refer [view text icon linear-gradient]]
(:require [status-im.components.react :refer [view text linear-gradient]]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.context-menu :refer [context-menu]]
[status-im.utils.platform :as p]
[status-im.components.common.styles :as st]))
@ -52,7 +53,7 @@
(when extended?
[view st/form-title-extend-container
[context-menu
[icon :options_gray]
[vi/icon :icons/options]
options
nil
st/form-title-extend-button]])]

7
src/status_im/components/contact/contact.cljs
View File

@ -1,6 +1,7 @@
(ns status-im.components.contact.contact
(:require-macros [status-im.utils.views :refer [defview]])
(:require [status-im.components.react :refer [view icon touchable-highlight text]]
(:require [status-im.components.react :refer [view touchable-highlight text]]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.chat-icon.screen :refer [contact-icon-contacts-tab]]
[status-im.components.context-menu :refer [context-menu]]
[status-im.components.contact.styles :as st]
@ -35,7 +36,7 @@
(when (and extended? (not (empty? extend-options)))
[view st/more-btn-container
[context-menu
[icon :options_gray]
[vi/icon :icons/options]
extend-options
nil
st/more-btn]])]]])
@ -49,4 +50,4 @@
(when checked {:style st/selected-contact}))]
[view (st/icon-check-container checked)
(when checked
[icon :check_on st/check-icon])]]]])
[vi/icon :icons/ok {:style st/check-icon}])]]]])

6
src/status_im/components/drawer/view.cljs
View File

@ -12,7 +12,6 @@
[status-im.components.react :refer [view
text
text-input
icon
list-item
list-view
drawer-layout
@ -20,6 +19,7 @@
touchable-highlight
touchable-opacity
dismiss-keyboard!]]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.status-view.view :as status-view]
[status-im.i18n :as i18n]
[status-im.ui.screens.profile.db :as profile.db]
@ -96,7 +96,7 @@
recipient-name (or (:name recipient) to)]
[touchable-highlight {:on-press #(rf/dispatch [:navigate-to-modal :transaction-details transaction])}
[view {:style st/transaction}
[icon :arrow_right_gray st/transaction-icon]
[vi/icon :icons/arrow_right {:container-style st/transaction-icon}]
[view {:style st/transaction-info}
[view {:style st/transaction-value-container}
[text {:style st/transaction-value :font :medium} value]
@ -147,7 +147,7 @@
{:on-press (fn []
(close-drawer)
(rf/dispatch [:navigate-to :my-profile]))}
[view [icon :options_gray]]]])
[view [vi/icon :icons/options]]]])
(defn switch-account []
[view st/switch-account-container

90
src/status_im/components/icons/vector_icons.cljs Normal file
View File

@ -0,0 +1,90 @@
(ns status-im.components.icons.vector-icons
(:require-macros [status-im.utils.slurp :refer [slurp-svg]])
(:require [reagent.core :as r]
[status-im.utils.platform :refer [ios?]]
[status-im.components.styles :as common]
[status-im.components.react :as rn]
[status-im.react-native.js-dependencies :as rn-dependencies]))
(defn get-property [name]
(aget rn-dependencies/svg name))
(defn adapt-class [class]
(when class
(r/adapt-react-class class)))
(defn get-class [name]
(adapt-class (get-property name)))
(def svg (get-class "Svg"))
(def g (get-class "G"))
(def rect (get-class "Rect"))
(def path (get-class "Path"))
(def use-def (get-class "Use"))
(def defs (get-class "Defs"))
(def icons {:icons/chats (slurp-svg "./resources/icons/bottom/chats_gray.svg")
:icons/chats_active (slurp-svg "./resources/icons/bottom/chats_active.svg")
:icons/contacts (slurp-svg "./resources/icons/bottom/contacts_gray.svg")
:icons/contacts_active (slurp-svg "./resources/icons/bottom/contacts_active.svg")
:icons/discover (slurp-svg "./resources/icons/bottom/discover_gray.svg")
:icons/discover_active (slurp-svg "./resources/icons/bottom/discover_active.svg")
:icons/wallet (slurp-svg "./resources/icons/bottom/wallet_gray.svg")
:icons/wallet_active (slurp-svg "./resources/icons/bottom/wallet_active.svg")
:icons/speaker (slurp-svg "./resources/icons/speaker.svg")
:icons/speaker_off (slurp-svg "./resources/icons/speaker_off.svg")
:icons/transaction_history (slurp-svg "./resources/icons/transaction_history.svg")
:icons/add (slurp-svg "./resources/icons/add.svg")
:icons/add_wallet (slurp-svg "./resources/icons/add_wallet.svg")
:icons/address (slurp-svg "./resources/icons/address.svg")
:icons/arrow_left (slurp-svg "./resources/icons/arrow_left.svg")
:icons/arrow_right (slurp-svg "./resources/icons/arrow_right.svg")
:icons/attach (slurp-svg "./resources/icons/attach.svg")
:icons/back (slurp-svg "./resources/icons/back.svg")
:icons/browse (slurp-svg "./resources/icons/browse.svg")
:icons/close (slurp-svg "./resources/icons/close.svg")
:icons/dots_horizontal (slurp-svg "./resources/icons/dots_horizontal.svg")
:icons/dots_vertical (slurp-svg "./resources/icons/dots_vertical.svg")
:icons/forward (slurp-svg "./resources/icons/forward.svg")
:icons/fullscreen (slurp-svg "./resources/icons/fullscreen.svg")
:icons/group_big (slurp-svg "./resources/icons/group_big.svg")
:icons/group_chat (slurp-svg "./resources/icons/group_chat.svg")
:icons/hamburger (slurp-svg "./resources/icons/hamburger.svg")
:icons/hidden (slurp-svg "./resources/icons/hidden.svg")
:icons/mic (slurp-svg "./resources/icons/mic.svg")
:icons/ok (slurp-svg "./resources/icons/ok.svg")
:icons/public (slurp-svg "./resources/icons/public.svg")
:icons/public_chat (slurp-svg "./resources/icons/public_chat.svg")
:icons/qr (slurp-svg "./resources/icons/QR.svg")
:icons/search (slurp-svg "./resources/icons/search.svg")
:icons/smile (slurp-svg "./resources/icons/smile.svg")
:icons/commands_list (slurp-svg "./resources/icons/commands_list.svg")
:icons/dropdown_up (slurp-svg "./resources/icons/dropdown_up.svg")
:icons/dropdown (slurp-svg "./resources/icons/dropdown.svg")
:icons/grab (slurp-svg "./resources/icons/grab.svg")})
(defn check-name [n]
(if (= n :icons/options)
(if ios? :icons/dots_horizontal :icons/dots_vertical)
n))
(defn icon [name & [opts]]
(let [{:keys [color container-style style]} opts]
[rn/view container-style
(into []
(concat
[svg (merge {:width 24 :height 24 :viewBox "0 0 24 24"} style)]
((get icons (check-name name))
(case color
:dark common/icon-dark-color
:gray common/icon-gray-color
:blue common/color-light-blue
:active common/color-blue4
:white common/color-white
:red common/icon-red-color
common/icon-dark-color))))]))
(defn touchable-icon [n opts handler]
[rn/touchable-highlight {:on-press handler}
[rn/view
[icon n opts]]])

9
src/status_im/components/image_button/view.cljs
View File

@ -4,22 +4,21 @@
text
image
touchable-highlight]]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.styles :refer [icon-scan]]
[status-im.i18n :refer [label]]
[status-im.components.image-button.styles :as st]))
(defn image-button [{:keys [value style icon handler]}]
(defn image-button [{:keys [value style handler]}]
[view st/image-button
[touchable-highlight {:on-press handler}
[view st/image-button-content
[image {:source {:uri (or icon :scan_blue)}
:style icon-scan}]
[vi/icon :icons/fullscreen {:color :blue :style icon-scan}]
(when text
[text {:style style} value])]]])
(defn scan-button [{:keys [show-label? handler]}]
[image-button {:icon :scan_blue
:value (if show-label?
[image-button {:value (if show-label?
(label :t/scan-qr))
:style st/scan-button-text
:handler handler}])

5
src/status_im/components/list/views.cljs
View File

@ -19,6 +19,7 @@
(:require [reagent.core :as r]
[status-im.components.list.styles :as lst]
[status-im.components.react :as rn]
[status-im.components.icons.vector-icons :as vi]
[status-im.utils.platform :as p]))
(def flat-list-class (rn/get-class "FlatList"))
@ -37,8 +38,8 @@
[rn/touchable-highlight {:on-press handler}
item])
(defn item-icon [k]
[rn/icon k lst/item-image])
(defn item-icon [k & [opts]]
[vi/icon k (merge opts {:style lst/item-image})])
(defn item-image [source]
[rn/image {:source source

5
src/status_im/components/react.cljs
View File

@ -114,11 +114,6 @@
(merge {:underlay-color :transparent} props)
content])
(defn touchable-icon [n style handler]
[touchable-highlight {:on-press handler}
[view
[icon n style]]])
(def picker-item
(when-let [picker (get-react-property "Picker")]
(adapt-class (.-Item picker))))

5
src/status_im/components/styles.cljs
View File

@ -17,6 +17,8 @@
(def color-gray4 "#939ba1")
(def color-gray5 "#d9dae1")
(def color-gray6 "#212121")
(def color-gray7 "#9fa3b4")
(def color-dark "#49545d")
(def color-steel "#838b91")
(def color-white "white")
(def color-white-transparent "#ffffff66")
@ -46,6 +48,9 @@
(def text2-color color-gray)
(def text3-color color-blue)
(def text4-color color-gray4)
(def icon-dark-color color-dark)
(def icon-gray-color color-gray7)
(def icon-red-color color-red2)
(def online-color color-light-blue)
(def new-messages-count-color color-blue-transparent)
(def chat-background color-light-gray)

1
src/status_im/components/toolbar/view.cljs
View File

@ -1,7 +1,6 @@
(ns status-im.components.toolbar.view
(:require [re-frame.core :refer [subscribe dispatch]]
[status-im.components.react :refer [view
icon
text
text-input
image

39
src/status_im/components/toolbar_new/actions.cljs
View File

@ -3,38 +3,28 @@
[status-im.accessibility-ids :as id]
[status-im.components.toolbar-new.styles :as st]))
(def nothing
{:image {:source nil
:style st/action-default}})
(defn hamburger [handler]
{:image {:source {:uri :icon_hamburger_dark}
:style st/action-default}
{:icon :icons/hamburger
:handler handler})
(defn add [handler]
{:image {:source {:uri :icon_add}
:style st/action-default}
{:icon :icons/add
:handler handler})
(defn opts [options]
{:image {:source {:uri :icon_options_dark}
:style st/action-default}
{:icon :icons/options
:options options})
(defn search [handler]
{:image {:source {:uri :icon_search_dark}
:style st/action-default}
{:icon :icons/search
:handler handler})
(def search-icon
{:image {:source {:uri :icon_search_dark}
:style (merge st/action-default
{:opacity 0.4})}})
{:icon [:icons/search
{:container-style {:opacity 0.4}}]})
(defn back [handler]
{:image {:source {:uri :icon_back_dark}
:style st/action-default}
{:icon :icons/back
:handler handler
:accessibility-label id/toolbar-back-button})
@ -42,23 +32,22 @@
(back #(dispatch [:navigate-back])))
(defn back-white [handler]
{:image {:source {:uri :icon_back_white}
:style st/action-default}
{:icon [:icons/back
{:color :white}]
:handler handler})
(defn close [handler]
{:image {:source {:uri :icon_close_dark}
:style st/action-default}
{:icon :icons/close
:handler handler})
(defn close-white [handler]
{:image {:source {:uri :icon_close_white}
:style st/action-default}
{:icon [:icons/close
{:color :white}]
:handler handler})
(defn list-white [handler]
{:image {:source {:uri :icon_list_white}
:style st/action-default}
{:icon [:icons/transaction_history
{:color :white :style {:viewBox "-108 65.9 24 24"}}]
:handler handler})
(defn add-wallet [handler]

3
src/status_im/components/toolbar_new/styles.cljs
View File

@ -9,9 +9,6 @@
(def toolbar-icon-height 24)
(def toolbar-icon-spacing 24)
(def toolbar-gradient
{:height 4})
(defn toolbar-wrapper [background-color]
{:backgroundColor (or background-color toolbar-background1)
:elevation 2})

20
src/status_im/components/toolbar_new/view.cljs
View File

@ -6,17 +6,23 @@
[status-im.components.context-menu :refer [context-menu]]
[status-im.components.toolbar-new.actions :as act]
[status-im.components.toolbar-new.styles :as tst]
[status-im.components.icons.vector-icons :as vi]
[reagent.core :as r]))
(defn vec-icon [icon]
((comp vec flatten vector) vi/icon icon))
(defn nav-button
[{:keys [handler accessibility-label image]}]
[{:keys [handler accessibility-label image icon]}]
[rn/touchable-highlight
(merge {:style tst/toolbar-button
:on-press handler}
(when accessibility-label
{:accessibility-label accessibility-label}))
[rn/view
[rn/image image]]])
(if icon
[vec-icon icon]
[rn/image image])]])
(defn text-action [handler title]
[rn/text {:style tst/toolbar-right-action :onPress handler}
@ -46,14 +52,14 @@
title]])
[rn/view (tst/toolbar-actions-container (count actions) custom-action)
(if actions
(for [{:keys [image options handler]} actions]
(for [{:keys [image icon options handler]} actions]
(with-meta
(cond (= image :blank)
[rn/view tst/toolbar-action]
options
[context-menu
[rn/view tst/toolbar-action [rn/image image]]
[rn/view tst/toolbar-action [vec-icon icon]]
options
nil
tst/toolbar-button]
@ -62,8 +68,10 @@
[rn/touchable-highlight {:style tst/toolbar-button
:on-press handler}
[rn/view tst/toolbar-action
[rn/image image]]])
{:key (str "action-" image)}))
(if icon
[vec-icon icon]
[rn/image image])]])
{:key (str "action-" (or icon image))}))
custom-action)]]
[sync-state-gradient-view]
(when-not hide-border?

1
src/status_im/ui/screens/accounts/login/views.cljs
View File

@ -19,7 +19,6 @@
:hide-border? true
:title-style {:color :white}
:nav-action (act/back-white #(dispatch [:navigate-back]))
:actions [{:image :blank}]
:title (i18n/label :t/sign-in-to-status)}])
(def password-text-input (atom nil))

3
src/status_im/ui/screens/accounts/recover/views.cljs
View File

@ -47,8 +47,7 @@
(spec/valid? ::v/password password))]
[keyboard-avoiding-view {:style st/screen-container}
[status-bar]
[toolbar {:actions [{:image :blank}]
:title (i18n/label :t/recover-access)}]
[toolbar {:title (i18n/label :t/recover-access)}]
[passphrase-input (or passphrase "")]
[password-input (or password "")]
[view {:flex 1}]

20
src/status_im/ui/screens/accounts/views.cljs
View File

@ -46,12 +46,16 @@
:renderSeparator #(list-item ^{:key %2} [view {:height 10}])
:renderRow #(list-item [account-view %])}]]
[view st/bottom-actions-container
[action-button (i18n/label :t/create-new-account)
:add_white
#(dispatch [:create-new-account-handler])
st/accounts-action-button]
[action-button (merge
{:label (i18n/label :t/create-new-account)
:icon [:icons/add
{:color :white}]
:on-press #(dispatch [:create-new-account-handler])}
st/accounts-action-button)]
[common/separator st/accounts-separator st/accounts-separator-wrapper]
[action-button (i18n/label :t/recover-access)
:dots_horizontal_white
#(dispatch [:navigate-to :recover])
st/accounts-action-button]]])
[action-button (merge
{:label (i18n/label :t/recover-access)
:icon [:icons/dots_horizontal
{:color :white}]
:on-press #(dispatch [:navigate-to :recover])}
st/accounts-action-button)]]])

1
src/status_im/ui/screens/chats_list/views.cljs
View File

@ -8,7 +8,6 @@
view
animated-view
text
icon
image
touchable-highlight]]
[status-im.components.native-action-button :refer [native-action-button]]

9
src/status_im/ui/screens/chats_list/views/inner_item.cljs
View File

@ -2,7 +2,8 @@
(:require-macros [status-im.utils.views :refer [defview letsubs]])
(:require [re-frame.core :refer [subscribe dispatch]]
[clojure.string :as str]
[status-im.components.react :refer [view image icon text]]
[status-im.components.react :refer [view image text]]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.chat-icon.screen :refer [chat-icon-view-chat-list]]
[status-im.components.context-menu :refer [context-menu]]
[status-im.ui.screens.chats-list.styles :as st]
@ -92,7 +93,7 @@
:destructive? true}]]
[view st/opts-btn-container
[context-menu
[icon :options_gray]
[vi/icon :icons/options]
options
nil
st/opts-btn]]))
@ -106,10 +107,10 @@
[view st/name-view
(when public-group?
[view st/public-group-icon-container
[icon :public_group st/public-group-icon]])
[vi/icon :icons/public_chat {:style st/public-group-icon}]])
(when private-group?
[view st/private-group-icon-container
[icon :private_group st/private-group-icon]])
[vi/icon :icons/group_chat {:style st/private-group-icon}]])
[view {:flex-shrink 1}
[text {:style st/name-text
:number-of-lines 1}

21
src/status_im/ui/screens/contacts/contact_list_modal/views.cljs
View File

@ -27,20 +27,21 @@
(defn actions-view [action click-handler]
[view actions-list
[action-button (label :t/enter-address)
:address_blue
#(do
[action-button
{:label (label :t/enter-address)
:icon [:icons/address {:color :blue}]
:on-press #(do
(dispatch [:send-to-webview-bridge
{:event (name :webview-send-transaction)}])
(dispatch [:navigate-back]))]
(dispatch [:navigate-back]))}]
[action-separator]
(if (= :request action)
[action-button (label :t/show-qr)
:q_r_blue
#(click-handler :qr-scan action)]
[action-button (label :t/scan-qr)
:fullscreen_blue
#(click-handler :qr-scan action)])])
[action-button {:label (label :t/show-qr)
:icons [:icons/qr {:color :blue}]
:on-press #(click-handler :qr-scan action)}]
[action-button {:label (label :t/scan-qr)
:icon [:icons/fullscreen {:color :blue}]
:on-press #(click-handler :qr-scan action)}])])
(defn render-row [click-handler action params]
(fn [row _ _]

5
src/status_im/ui/screens/contacts/views.cljs
View File

@ -2,7 +2,8 @@
(:require-macros [status-im.utils.views :refer [defview letsubs]])
(:require [re-frame.core :refer [dispatch]]
[status-im.components.common.common :as common]
[status-im.components.react :refer [view text icon touchable-highlight scroll-view]]
[status-im.components.react :refer [view text touchable-highlight scroll-view]]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.native-action-button :refer [native-action-button
native-action-button-item]]
[status-im.components.toolbar-new.view :refer [toolbar]]
@ -134,7 +135,7 @@
[contact-group-view {:group group
:edit? edit?}])]
[view st/empty-contact-groups
[icon :group_big st/empty-contacts-icon]
[vi/icon :icons/group_big {:style st/empty-contacts-icon}]
[text {:style st/empty-contacts-text} (label :t/no-contacts)]])]
(when (and android? (not edit?))
[contacts-action-button])]))

6
src/status_im/ui/screens/discover/views.cljs
View File

@ -6,8 +6,8 @@
[status-im.components.react :refer [view
scroll-view
text
text-input
icon]]
text-input]]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.toolbar-new.view :refer [toolbar-with-search]]
[status-im.components.toolbar-new.actions :as act]
[status-im.components.drawer.view :refer [open-drawer]]
@ -90,6 +90,6 @@
[discover-recent {:current-account current-account}]]
[view contacts-st/empty-contact-groups
;; todo change icon
[icon :group_big contacts-st/empty-contacts-icon]
[vi/icon :icons/group_big {:style contacts-st/empty-contacts-icon}]
[text {:style contacts-st/empty-contacts-text}
(label :t/no-statuses-discovered)]])]))

4
src/status_im/ui/screens/discover/views/search_results.cljs
View File

@ -5,10 +5,10 @@
[status-im.components.status-bar :refer [status-bar]]
[status-im.components.react :refer [view
text
icon
list-view
list-item
scroll-view]]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.toolbar.view :refer [toolbar]]
[status-im.components.toolbar.actions :as act]
[status-im.ui.screens.discover.views.discover-list-item :refer [discover-list-item]]
@ -49,7 +49,7 @@
(if (empty? discoveries)
[view st/empty-view
;; todo change icon
[icon :group_big contacts-st/empty-contacts-icon]
[vi/icon :icons/group_big {:style contacts-st/empty-contacts-icon}]
[text {:style contacts-st/empty-contacts-text}
(label :t/no-statuses-found)]]
[list-view {:dataSource datasource

5
src/status_im/ui/screens/group/reorder/views.cljs
View File

@ -2,7 +2,8 @@
(:require-macros [status-im.utils.views :refer [defview letsubs]])
(:require [reagent.core :as reagent]
[re-frame.core :refer [dispatch dispatch-sync]]
[status-im.components.react :refer [view text icon list-item]]
[status-im.components.react :refer [view text list-item]]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.sticky-button :refer [sticky-button]]
[status-im.components.status-bar :refer [status-bar]]
[status-im.components.toolbar-new.view :refer [toolbar]]
@ -26,7 +27,7 @@
(str cnt " " (label-pluralize cnt :t/contact-s))]
[view {:flex 1}]
[view styles/order-item-icon
[icon :grab_gray]]]]))
[vi/icon :icons/grab]]]]))
(defn render-separator [last]
(fn [_ row-id _]

21
src/status_im/ui/screens/group/views.cljs
View File

@ -4,8 +4,9 @@
[status-im.ui.screens.contacts.styles :as cstyles]
[status-im.components.common.common :as common]
[status-im.components.action-button.action-button :refer [action-button action-separator]]
[status-im.components.react :refer [view text icon touchable-highlight
[status-im.components.react :refer [view text touchable-highlight
keyboard-avoiding-view list-view list-item]]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.text-input-with-label.view :refer [text-input-with-label]]
[status-im.components.status-bar :refer [status-bar]]
[status-im.components.toolbar-new.view :refer [toolbar]]
@ -40,16 +41,16 @@
:default-value new-group-name}]]))
(defn add-btn [on-press]
[action-button (label :t/add-members)
:add_blue
on-press])
[action-button {:label (label :t/add-members)
:icon [:icons/add {:color :blue}]
:on-press on-press}])
(defn delete-btn [on-press]
[view styles/settings-group-container
[touchable-highlight {:on-press on-press}
[view styles/settings-group-item
[view styles/delete-icon-container
[icon :close_red styles/add-icon]]
[vi/icon :icons/close {:color :red}]]
[view styles/settings-group-text-container
[text {:style styles/delete-group-text}
(label :t/delete-group)]
@ -62,19 +63,19 @@
[touchable-highlight {:on-press #()}
[view styles/settings-group-item
[view styles/settings-icon-container
[icon :speaker_blue styles/add-icon]]
[vi/icon :icons/speaker {:color :blue}]]
[view styles/settings-group-text-container
[text {:style styles/settings-group-text}
(label :t/mute-notifications)]]]]]
[action-separator]
[action-button (label :t/clear-history)
:close_blue
#(dispatch [:clear-history])]
[action-button {:label (label :t/clear-history)
:icon [:icons/close {:color :blue}]
:on-press #(dispatch [:clear-history])}]
[action-separator]
[touchable-highlight {:on-press #(dispatch [:leave-group-chat])}
[view styles/settings-group-item
[view styles/delete-icon-container
[icon :arrow_right_red styles/add-icon]]
[vi/icon :icons/arrow_right {:color :red}]]
[view styles/settings-group-text-container
[text {:style styles/delete-group-text}
(label :t/leave-chat)]]]]])

3
src/status_im/ui/screens/profile/qr_code/views.cljs
View File

@ -3,6 +3,7 @@
[re-frame.core :refer [dispatch]]
[status-im.components.qr-code :refer [qr-code]]
[status-im.components.react :as react]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.status-bar :refer [status-bar]]
[status-im.i18n :refer [label]]
[status-im.ui.screens.profile.qr-code.styles :as styles])
@ -26,7 +27,7 @@
[react/view styles/online-container
[react/touchable-highlight {:onPress #(dispatch [:navigate-back])}
[react/view styles/online-image-container
[react/icon :close_white]]]]]]
[vi/icon :icons/close {:color :white}]]]]]]
[react/view {:style styles/qr-code
:on-layout #(let [layout (.. % -nativeEvent -layout)]
(dispatch [:set-in [:qr-modal :dimensions] {:width (.-width layout)

30
src/status_im/ui/screens/profile/views.cljs
View File

@ -12,6 +12,7 @@
[status-im.components.context-menu :refer [context-menu]]
[status-im.components.list-selection :refer [share-options]]
[status-im.components.react :as react]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.status-bar :refer [status-bar]]
[status-im.components.styles :refer [color-blue]]
[status-im.components.toolbar-new.actions :as actions]
@ -57,21 +58,20 @@
(defn profile-actions [{:keys [pending? whisper-identity dapp?]} chat-id]
[react/view actions-list
(if pending?
[action-button (label :t/add-to-contacts)
:add_blue
#(dispatch [:add-pending-contact chat-id])]
[action-button-disabled (label :t/in-contacts)
:ok_dark])
[action-button {:label (label :t/add-to-contacts)
:icon [:icons/add {:color :blue}]
:on-press #(dispatch [:add-pending-contact chat-id])}]
[action-button-disabled {:label (label :t/in-contacts) :icon :icons/ok}])
[action-separator]
[action-button (label :t/start-conversation)
:chats_blue
#(dispatch [:profile/send-message whisper-identity])]
[action-button {:label (label :t/start-conversation)
:icon [:icons/chats {:color :blue}]
:on-press #(dispatch [:profile/send-message whisper-identity])}]
(when-not dapp?
[react/view
[action-separator]
[action-button (label :t/send-transaction)
:arrow_right_blue
#(dispatch [:profile/send-transaction chat-id])]])])
[action-button {:label (label :t/send-transaction)
:icon [:icons/arrow_right {:color :blue}]
:on-press #(dispatch [:profile/send-transaction chat-id])}]])])
(defn profile-info-item [{:keys [label value options text-mode empty-value?]}]
[react/view styles/profile-setting-item
@ -87,7 +87,7 @@
value]]
(when options
[context-menu
[react/icon :options_gray]
[vi/icon :icons/options]
options
nil
styles/profile-info-item-button])])
@ -186,9 +186,9 @@
[profile-status status true]]
[form-spacer]
[react/view actions-list
[action-button (label :t/show-qr)
:q_r_blue
(show-qr current-account :public-key)]]
[action-button {:label (label :t/show-qr)
:icon [:icons/qr {:color :blue}]
:on-press (show-qr current-account :public-key)}]]
[form-spacer]
[react/view styles/profile-info-container
[my-profile-info current-account]

36
src/status_im/ui/screens/wallet/history/views.cljs
View File

@ -43,7 +43,7 @@
:pending :dropdown_white
:dropdown_white))
(defn action-buttons [m ]
(defn action-buttons [m]
[rn/view {:style st/action-buttons}
[btn/primary-button {:text (i18n/label :t/transactions-sign) :on-press #(on-sign-transaction m)}]
[btn/secondary-button {:text (i18n/label :t/transactions-delete) :on-press #(on-delete-transaction m)}]])
@ -52,12 +52,12 @@
(defn render-transaction [{:keys [to state] {:keys [value symbol]} :content :as m}]
[list/item
[list/item-icon :ok_blue]
[list/item-icon :icons/ok {:color :blue}]
[list/item-content
(str value " " symbol) (str (i18n/label :t/transactions-to) " " to)
(if (unsigned? state)
[action-buttons m])]
[list/item-icon :forward_gray]])
[list/item-icon :icons/forward]])
(def dummy-transaction-data
[{:to "0x829bd824b016326a401d083b33d092293333a830" :content {:value "0,4909" :symbol "ETH"} :state :unsigned}
@ -126,30 +126,30 @@
(defn- token->icon [s]
(case s
"GNO" :dollar_green
:ok_blue))
"GNO" [:icons/ok {:color :green}] ;TODO :dollar
[:icons/ok {:color :blue}]))
(defn item-tokens [{:keys [symbol label]}]
[list/item
[list/item-icon (token->icon symbol)]
[list/item-content label symbol]
((comp vec flatten vector) list/item-icon (token->icon symbol))
[list/item-content label symbol]])
;; TODO checkbox
])
(defn- type->icon [k]
(case k
"incoming" :dollar_green
"outgoing" :ok_blue
"pending" :dollar_green
"postponed" :ok_blue
:ok_blue))
"incoming" [:icon/ok {:color :blue}] ;TODO :dollar_green
"outgoing" [:icon/ok {:color :blue}]
"pending" [:icon/ok {:color :blue}] ;TODO :dollar_green
"postponed" [:icon/ok {:color :blue}]
[:icon/ok {:color :blue}]))
(defn item-type [{:keys [id label]}]
[list/item
[list/item-icon (type->icon id)]
[list/item-content label]
((comp vec flatten vector) list/item-icon (type->icon id))
[list/item-content label]])
;; TODO checkbox
])
(def filter-data
[{:title (i18n/label :t/transactions-filter-tokens)
@ -189,10 +189,10 @@
:tab-list tab-list}]
[rn/swiper (merge tst/swiper
{:index (get-tab-index @view-id)
:loop false
:loop false})
;:ref #(reset! swiper %)
;:on-momentum-scroll-end (on-scroll-end swiped? scroll-ended @view-id)
})
(doall
(map-indexed (fn [index {screen :screen}]
^{:key index} [screen]) tab-list))]])

12
src/status_im/ui/screens/wallet/main/views.cljs
View File

@ -7,6 +7,7 @@
[status-im.components.drawer.view :as drawer]
[status-im.components.list.views :as list]
[status-im.components.react :as rn]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.toolbar-new.view :as toolbar]
[status-im.components.toolbar-new.actions :as act]
[status-im.i18n :as i18n]
@ -26,12 +27,15 @@
[rn/text {:style st/toolbar-title-text
:font :toolbar-title}
(i18n/label :t/main-wallet)]
[rn/icon :dropdown_white st/toolbar-title-icon]]])
[vi/icon
:icons/dropdown
{:container-style st/toolbar-title-icon
:color :white}]]])
(defn toolbar-buttons []
[rn/view {:style st/toolbar-buttons-container}
[rn/touchable-icon :dots_vertical_white st/toolbar-icon show-not-implemented!]
[rn/touchable-icon :qr_white st/toolbar-icon show-not-implemented!]])
[vi/touchable-icon :icons/dots_vertical {:color :white} show-not-implemented!]
[vi/touchable-icon :icons/qr {:color :white} show-not-implemented!]])
(defn- show-wallet-transactions []
(if config/wallet-wip-enabled?
@ -75,7 +79,7 @@
[rn/text {:style st/asset-item-currency
:uppercase? true}
id]]
[list/item-icon :forward_gray]]]])
[list/item-icon :icons/forward]]]])
(defn asset-section [eth]
(let [assets [{:id "eth" :currency :eth :amount eth}]]

5
src/status_im/ui/screens/wallet/send/views.cljs
View File

@ -2,6 +2,7 @@
(:require-macros [status-im.utils.views :refer [defview]])
(:require [re-frame.core :as rf]
[status-im.components.react :as rn]
[status-im.components.icons.vector-icons :as vi]
[status-im.components.toolbar-new.view :as toolbar]
[status-im.ui.screens.wallet.send.styles :as cst]))
@ -13,8 +14,8 @@
(defn toolbar-buttons []
[rn/view {:style cst/toolbar-buttons-container}
[rn/icon :dots_vertical_white cst/toolbar-icon]
[rn/icon :qr_white cst/toolbar-icon]])
[vi/icon :icons/dots_vertical {:color :white}]
[vi/icon :icons/qr {:color :white}]])
(defn toolbar-view []
[toolbar/toolbar {:style cst/toolbar

43
src/status_im/utils/slurp.clj
View File

@ -1,6 +1,7 @@
(ns status-im.utils.slurp
(:refer-clojure :exclude [slurp])
(:require [clojure.string :as s]))
(:require [clojure.string :as string]
[hickory.core :as hickory]))
(defmacro slurp [file]
(clojure.core/slurp file))
@ -10,6 +11,44 @@
(map (fn [file-name]
(try
(clojure.core/slurp
(s/join "/" ["resources/js/bots" (name bot-name) file-name]))
(string/join "/" ["resources/js/bots" (name bot-name) file-name]))
(catch Exception _ ""))))
(apply str)))
(def svg-tags #{:g :rect :path :use :defs})
(defmacro slurp-svg [file]
"Reads svg file, and return function (fn [color] ..), which returns hiccup structure for react-native-svg lib
Example
SVG:
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\">\n
<path fill=\"\" fill-rule=\"evenodd\" d=\"M13.5416667,11.4583333 L13.5416667,6.2571307 C13.5416667,5.67702996 13.0752966,5.20833333 12.5,5.20833333 C11.9206925,5.20833333 11.4583333,5.67789591 11.4583333,6.2571307 L11.4583333,11.4583333 L6.2571307,11.4583333 C5.67702996,11.4583333 5.20833333,11.9247034 5.20833333,12.5 C5.20833333,13.0793075 5.67789591,13.5416667 6.2571307,13.5416667 L11.4583333,13.5416667 L11.4583333,18.7428693 C11.4583333,19.32297 11.9247034,19.7916667 12.5,19.7916667 C13.0793075,19.7916667 13.5416667,19.3221041 13.5416667,18.7428693 L13.5416667,13.5416667 L18.7428693,13.5416667 C19.32297,13.5416667 19.7916667,13.0752966 19.7916667,12.5 C19.7916667,11.9206925 19.3221041,11.4583333 18.7428693,11.4583333 L13.5416667,11.4583333 Z\"/>\n
</svg>
Result:
(fn [color]
[path {:fill color :fill-rule \"evenodd\" :d \"M13.5416667...\"}]
Attention!!!: Please make sure svg file has fill field, and has structure like above
"
(let [svg (-> (clojure.core/slurp file)
(string/replace #"[\n]\s*" ""))
svg-hiccup (first (map hickory/as-hiccup (hickory/parse-fragment svg)))
color (gensym "args")]
`(fn [~color]
~(into []
(clojure.walk/prewalk
(fn [node]
(if (svg-tags node)
(if (= :use node)
(symbol "use-def")
(symbol (name node)))
(if (vector? node)
(let [[k v] node]
(if (and (= :fill k) v)
[k color]
node))
node)))
(rest (rest svg-hiccup)))))))

1
test/cljs/status_im/react_native/js_dependencies.cljs
View File

@ -37,5 +37,6 @@
(def swiper #js {})
(def vector-icons #js {:default #js {}})
(def webview-bridge #js {:default #js {}})
(def svg #js {:default #js {}})