Skip to content
Snippets Groups Projects
Commit 64d3857f authored by Allen Gilliland's avatar Allen Gilliland
Browse files

Merge pull request #1107 from metabase/error_states

Update query builder error messaging
parents 7c71c143 8e9166ff
Branches
Tags
No related merge requests found
......@@ -221,9 +221,13 @@
background-color: rgba(255, 255, 255, 0.82);
}
/* query errors */
.QueryError {
flex-direction: column;
justify-content: center;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.QueryError-iconWrapper {
......@@ -233,6 +237,28 @@
border-radius: 99px;
}
.QueryError-image {
background-repeat: no-repeat;
margin-bottom: 1rem;
}
.QueryError-image--noRows {
width: 120px;
height: 120px;
background-image: url('/app/img/no_results.svg');
}
.QueryError-image--queryError {
width: 120px;
height: 120px;
background-image: url('/app/img/no_understand.svg');
}
.QueryError-messageText {
line-height: 1.4;
}
/* GUI BUILDER */
.GuiBuilder {
......
......@@ -165,16 +165,32 @@ export default React.createClass({
);
} else {
if (this.props.result.error) {
viz = (
<div className="QueryError flex full align-center text-error">
<div className="QueryError-iconWrapper">
<svg className="QueryError-icon" viewBox="0 0 32 32" width="64" height="64" fill="currentcolor">
<path d="M4 8 L8 4 L16 12 L24 4 L28 8 L20 16 L28 24 L24 28 L16 20 L8 28 L4 24 L12 16 z "></path>
</svg>
if (this.props.card.dataset_query && this.props.card.dataset_query.type === 'native') {
viz = (
<div className="QueryError flex full align-center text-error">
<div className="QueryError-iconWrapper">
<svg className="QueryError-icon" viewBox="0 0 32 32" width="64" height="64" fill="currentcolor">
<path d="M4 8 L8 4 L16 12 L24 4 L28 8 L20 16 L28 24 L24 28 L16 20 L8 28 L4 24 L12 16 z "></path>
</svg>
</div>
<span className="QueryError-message">{this.props.result.error}</span>
</div>
<span className="QueryError-message">{this.props.result.error}</span>
</div>
);
);
} else {
viz = (
<div className="QueryError flex full align-center">
<div className="QueryError-image QueryError-image--queryError"></div>
<div className="QueryError-message text-centered">
<h1 className="text-bold">We couldn't understand your question.</h1>
<p className="QueryError-messageText">Your question might contain an invalid parameter or some other error.</p>
<button className="Button" onClick={() => window.history.back() }>
Back to last run
</button>
</div>
</div>
);
}
} else if (this.props.result.data) {
if (this.props.isObjectDetail) {
......@@ -192,13 +208,15 @@ export default React.createClass({
} else if (this.props.result.data.rows.length === 0) {
// successful query but there were 0 rows returned with the result
viz = (
<div className="QueryError flex full align-center text-brand">
<div className="QueryError-iconWrapper">
<svg className="QueryError-icon" viewBox="0 0 32 32" width="64" height="64" fill="currentcolor">
<path d="M4 8 L8 4 L16 12 L24 4 L28 8 L20 16 L28 24 L24 28 L16 20 L8 28 L4 24 L12 16 z "></path>
</svg>
<div className="QueryError flex full align-center">
<div className="QueryError-image QueryError-image--noRows"></div>
<div className="QueryError-message text-centered">
<h1 className="text-bold">No results!</h1>
<p className="QueryError-messageText">This may be the answer you’re looking for. If not, chances are your filters are too specific. Try removing or changing your filters to see more data.</p>
<button className="Button" onClick={() => window.history.back() }>
Back to last run
</button>
</div>
<span className="QueryError-message">Doh! We ran your query but it returned 0 rows of data.</span>
</div>
);
......
<svg width="120px" height="148px" viewBox="0 0 120 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-21-Copy-3" sketch:type="MSArtboardGroup">
<g id="Group" sketch:type="MSLayerGroup" transform="translate(1.000000, 10.000000)">
<g id="Oval-776-+-Oval-776-Copy-3" sketch:type="MSShapeGroup">
<path d="M52.6096525,55.9994765 C48.1333921,59.1737307 42.8873524,61 37.2784303,61 C33.7116856,61 30.2916818,60.2615008 27.1230503,58.9074907 L27.1230503,58.9074907 C13.3987552,57.7380562 2.25849349,45.6146653 3.33622019e-14,29.9399525 L1.57512892e-14,29.9399525 C0.113656896,29.9423675 0.227609022,29.943581 0.341844219,29.943581 C9.07044331,29.943581 16.146371,22.8584253 16.146371,14.1184428 C16.146371,13.4386914 16.1035691,12.76895 16.0205168,12.1117733 C21.1542088,9.89076902 24.7285756,5.93844301 27.1005122,0.822665534 C27.41412,9.15257595 30.008807,16.6688306 33.6830247,20.4808699 C33.629865,21.3388573 33.6028233,22.2052971 33.6028233,23.0791108 C33.6028233,37.9785153 41.4648536,50.7340673 52.6096525,55.9994765 L52.6096525,55.9994765 Z" id="Oval-776" stroke="#E9E9E9" stroke-width="3" fill="#F8F8F8"></path>
<path d="M45.1096525,52.8001224 C41.7394892,55.190009 37.7897614,56.5650018 33.5668204,56.5650018 C30.8814288,56.5650018 28.306518,56.0089879 25.9208647,54.9895577 L25.9208647,54.9895577 C15.5878833,54.1090939 7.2004131,44.9814285 5.5,33.1799834 L5.5,33.1799834 C5.58557194,33.1818017 5.67136616,33.1827153 5.75737351,33.1827153 C12.3291101,33.1827153 17.6565552,27.8483224 17.6565552,21.2680153 C17.6565552,20.7562325 17.6243298,20.2519862 17.5618,19.7571998 C21.4269415,18.0850122 24.1180718,15.1093176 25.9038958,11.2576638 C26.1400102,17.5292288 28.0935425,23.1881948 30.8598502,26.058268 C30.8198264,26.7042442 30.7994667,27.3565842 30.7994667,28.0144759 C30.7994667,39.2321937 36.7187662,48.8358112 45.1096525,52.8001224 L45.1096525,52.8001224 Z" id="Oval-776-Copy-3" fill="#FFFFFF"></path>
<path d="M31.1100006,43.7757643 C29.52658,44.8986166 27.6708597,45.5446364 25.6867742,45.5446364 C24.4250833,45.5446364 23.2153001,45.2834016 22.0944367,44.8044376 L22.0944367,44.8044376 C17.2396405,44.3907649 13.2989136,40.1022684 12.5,34.5575366 L12.5,34.5575366 C12.5402047,34.5583908 12.5805138,34.5588201 12.6209231,34.5588201 C15.7085548,34.5588201 18.2115749,32.0525357 18.2115749,28.9608772 C18.2115749,28.7204237 18.1964343,28.4835111 18.1670556,28.2510432 C19.9830344,27.4653909 21.2474215,26.0673055 22.0864641,24.2576638 C22.197399,27.2042645 23.1152367,29.8630447 24.4149449,31.2115055 C24.3961403,31.5150077 24.3865746,31.8214998 24.3865746,32.1306004 C24.3865746,37.4010767 27.1676687,41.9131922 31.1100006,43.7757643 L31.1100006,43.7757643 Z" id="Oval-776-Copy-4" fill="#E9E9E9"></path>
</g>
<path d="M19.2841248,31.9149982 C19.3232907,31.8999387 19.3629725,31.8860236 19.4031394,31.8733018 L55.7339534,20.3664524 C56.5565494,20.1059163 57.3302416,20.0791346 58.0053306,20.2495982 L58.0053296,20.2495944 L58,19.8329993 L101.799388,46.6835381 C102.73861,47.2593138 103.5,48.6151547 103.5,49.7226147 L103.5,124.896528 C103.5,125.999188 102.746291,126.4037 101.82335,125.80445 L63.5,100.921769 L63.5,135.898083 C63.5,136.999884 62.7617422,137.396409 61.8410504,136.777016 L18.1589496,107.389982 C17.242737,106.773602 16.4884237,105.38062 16.4740217,104.269262 L15.5259783,31.111596 C15.5116309,30.0044495 16.2157843,29.6380887 17.1107713,30.3022277 L19.2841248,31.9149982 Z" id="Rectangle-450-Copy-3" stroke="#E3E3E3" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M61,52.1041951 C61,49.3442817 63.1370811,47.768412 65.771535,48.5838439 L100.228465,59.2491582 C102.863711,60.0648353 105,62.9678623 105,65.7233373 L105,134.895805 C105,137.655718 102.862919,139.231588 100.228465,138.416156 L65.771535,127.750842 C63.136289,126.935165 61,124.032138 61,121.276663 L61,52.1041951 Z" id="Rectangle-450-Copy" stroke="#E3E3E3" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" transform="translate(83.000000, 93.500000) scale(-1, 1) translate(-83.000000, -93.500000) "></path>
<path d="M69,124.251043 C69,123.145898 69.8529484,121.965684 70.8920362,121.619321 L95.6079638,113.380679 C96.6529065,113.032364 97.5,113.650099 97.5,114.751043 L97.5,113.748957 C97.5,114.854102 96.6470516,116.034316 95.6079638,116.380679 L70.8920362,124.619321 C69.8470935,124.967636 69,124.349901 69,123.248957 L69,124.251043 Z" id="Rectangle-455-Copy-3" fill="#F0F0F0" sketch:type="MSShapeGroup"></path>
<path d="M70,117.534493 C70,116.429347 70.8529484,115.249133 71.8920362,114.902771 L96.6079638,106.664128 C97.6529065,106.315814 98.5,106.933548 98.5,108.034493 L98.5,107.032406 C98.5,108.137552 97.6470516,109.317765 96.6079638,109.664128 L71.8920362,117.902771 C70.8470935,118.251085 70,117.63335 70,116.532406 L70,117.534493 Z" id="Rectangle-455-Copy-5" fill="#F0F0F0" sketch:type="MSShapeGroup"></path>
<path d="M70,110.534493 C70,109.429347 70.8529484,108.249133 71.8920362,107.902771 L96.6079638,99.664128 C97.6529065,99.3158138 98.5,99.9335482 98.5,101.034493 L98.5,100.032406 C98.5,101.137552 97.6470516,102.317765 96.6079638,102.664128 L71.8920362,110.902771 C70.8470935,111.251085 70,110.63335 70,109.532406 L70,110.534493 Z" id="Rectangle-455-Copy-6" fill="#F0F0F0" sketch:type="MSShapeGroup"></path>
<path d="M68.75,74.2144638 C68.75,73.1110469 69.5925489,71.935701 70.6495281,71.5833747 L98.3504719,62.3497267 C99.3995523,62.0000332 100.25,62.6148113 100.25,63.7144638 L100.25,65.7186376 C100.25,66.8220545 99.4074511,67.9974003 98.3504719,68.3497267 L70.6495281,77.5833747 C69.6004477,77.9330681 68.75,77.3182901 68.75,76.2186376 L68.75,74.2144638 Z" id="Rectangle-455-Copy-4" fill="#E5E5E5" sketch:type="MSShapeGroup"></path>
<path d="M70.0358587,75.5248252 C68.221129,74.268474 68.4551668,72.6909289 70.5511774,72.0037123 L96.3037505,63.5602458 C96.8263496,63.3889018 97.6125842,63.5076256 98.0664063,63.8300781 L116.25,76.75 L86.25,86.75 L70.0358587,75.5248252 Z" id="Rectangle-454" stroke="#E3E3E3" stroke-width="2" fill="#F9F9F9" sketch:type="MSShapeGroup"></path>
<path d="M87,87.0048815 C87,85.897616 87.8529484,84.7156839 88.8920362,84.3693213 L113.607964,76.1306787 C114.652907,75.7823645 115.5,76.3938998 115.5,77.5048815 L115.5,78.4951185 C115.5,79.602384 114.647052,80.7843161 113.607964,81.1306787 L88.8920362,89.3693213 C87.8470935,89.7176355 87,89.1061002 87,87.9951185 L87,87.0048815 Z" id="Rectangle-455" stroke="#E3E3E3" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
</g>
<path d="M22,60.6361939 C22,59.4146586 22.9823189,58.3902607 24.214074,58.3474417 L62.9357979,57.0013755 C64.1585971,56.9588678 65.1498718,57.9067208 65.1498718,59.1361939 L65.1498718,57.7126233 C65.1498718,58.9341586 64.167553,59.9585565 62.9357979,60.0013755 L24.214074,61.3474417 C22.9912747,61.3899493 22,60.4420964 22,59.2126233 L22,60.6361939 Z" id="Rectangle-462" fill="#F5F5F5" sketch:type="MSShapeGroup" transform="translate(43.574936, 59.212204) rotate(-146.000000) translate(-43.574936, -59.212204) "></path>
</g>
</g>
</svg>
<svg width="120px" height="120px" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-21-Copy-2" sketch:type="MSArtboardGroup">
<g id="Rectangle-429-Copy-2-+-Shape-+-Shape" sketch:type="MSLayerGroup" transform="translate(28.000000, 1.000000)">
<rect id="Rectangle-429-Copy-2" stroke="#E3E3E3" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="68" height="104" rx="10"></rect>
<path d="M34,48 C43.3888407,48 51,40.3888407 51,31 C51,21.6111593 43.3888407,14 34,14 C24.6111593,14 17,21.6111593 17,31 C17,40.3888407 24.6111593,48 34,48 Z M34,46 C25.7157288,46 19,39.2842712 19,31 C19,22.7157288 25.7157288,16 34,16 C42.2842712,16 49,22.7157288 49,31 C49,39.2842712 42.2842712,46 34,46 Z M29,23.9953976 C29,23.4456547 29.4438648,23 30,23 C30.5522847,23 31,23.4556644 31,23.9953976 L31,32.0046024 C31,32.5543453 30.5561352,33 30,33 C29.4477153,33 29,32.5443356 29,32.0046024 L29,23.9953976 Z M37,23.9953976 C37,23.4456547 37.4438648,23 38,23 C38.5522847,23 39,23.4556644 39,23.9953976 L39,32.0046024 C39,32.5543453 38.5561352,33 38,33 C37.4477153,33 37,32.5443356 37,32.0046024 L37,23.9953976 Z M37,39 C37,37.3431458 35.6568542,36 34,36 C32.3431458,36 31,37.3431458 31,39 L37,39 Z" id="Shape" fill="#D9D9D9" sketch:type="MSShapeGroup"></path>
<path d="M34,88 C43.3888407,88 51,80.3888407 51,71 C51,61.6111593 43.3888407,54 34,54 C24.6111593,54 17,61.6111593 17,71 C17,80.3888407 24.6111593,88 34,88 Z M34,86 C25.7157288,86 19,79.2842712 19,71 C19,62.7157288 25.7157288,56 34,56 C42.2842712,56 49,62.7157288 49,71 C49,79.2842712 42.2842712,86 34,86 Z M29,63.9953976 C29,63.4456547 29.4438648,63 30,63 C30.5522847,63 31,63.4556644 31,63.9953976 L31,72.0046024 C31,72.5543453 30.5561352,73 30,73 C29.4477153,73 29,72.5443356 29,72.0046024 L29,63.9953976 Z M37,63.9953976 C37,63.4456547 37.4438648,63 38,63 C38.5522847,63 39,63.4556644 39,63.9953976 L39,72.0046024 C39,72.5543453 38.5561352,73 38,73 C37.4477153,73 37,72.5443356 37,72.0046024 L37,63.9953976 Z M37,79 C37,77.3431458 35.6568542,76 34,76 C32.3431458,76 31,77.3431458 31,79 L37,79 Z" id="Shape" fill="#D9D9D9" sketch:type="MSShapeGroup"></path>
</g>
<circle id="Oval-741-Copy-2" stroke="#E3E3E3" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" cx="101.5" cy="102.5" r="17.5"></circle>
<path d="M108.5,118.5 C116,115.5 119,107.5 119,103.5 C119,99.5 118.164983,87 108.5,87 C98.8350169,87 91,95.8350169 91,105.5 C91,115.164983 101,121.5 108.5,118.5 Z" id="Oval-741-Copy-3" stroke="#E3E3E3" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-428-Copy-3" fill="#D8D8D8" sketch:type="MSShapeGroup" transform="translate(109.000000, 108.000000) rotate(23.000000) translate(-109.000000, -108.000000) " x="104" y="106" width="10" height="4" rx="40"></rect>
<rect id="Rectangle-428-Copy-4" stroke="#FFFFFF" stroke-width="2" fill="#D8D8D8" sketch:type="MSShapeGroup" transform="translate(102.000000, 103.500000) rotate(23.000000) translate(-102.000000, -103.500000) " x="97" y="101" width="10" height="5" rx="40"></rect>
<rect id="Rectangle-428-Copy-5" fill="#D8D8D8" sketch:type="MSShapeGroup" transform="translate(109.500000, 99.500000) rotate(23.000000) translate(-109.500000, -99.500000) " x="104" y="97" width="11" height="5" rx="40"></rect>
<path d="M28.0951486,78 C28.0951486,78 6.09514904,86 3.59514904,93.75 C1.09514904,101.5 5.595149,109.5 34.095149,109.5 C62.595149,109.5 61.595149,96 87.095149,96" id="Path-276-Copy" stroke="#EFEFEF" stroke-width="4" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
<svg width="120px" height="120px" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-21" sketch:type="MSArtboardGroup">
<g id="Group" sketch:type="MSLayerGroup" transform="translate(9.000000, 41.639344)">
<path d="M9.47899366,21.2425717 L94.0190122,21.2425717 L101.559441,63.6393443 L0,63.6393443 L9.47899366,21.2425717 Z" id="Rectangle-153" fill="#EAEAEA" sketch:type="MSShapeGroup"></path>
<path d="M101.939229,62.4365513 C101.022306,63.6077389 99.5953054,64.3606557 97.9972874,64.3606557 L5.00271262,64.3606557 C3.36612453,64.3606557 1.91308549,63.5778593 1.00037223,62.3640287 L0.966469078,62.5108863 L0.966469078,62.3184035 C0.358853032,61.4909321 0,60.4686397 0,59.3600693 L0,36.9022258 C0,35.7583389 0.385495064,34.7041586 1.03295104,33.861611 L1.03295104,33.861611 L8.7354175,5.98712114 C9.01814826,4.96394552 9.29281147,4.35474148 9.52846073,4.155207 C10.0921217,2.0181649 12.0371581,0.442622951 14.363026,0.442622951 L89.3572537,0.442622951 C90.7209933,0.442622951 91.9571992,0.990635947 92.859167,1.87593798 L92.882553,1.26485656 L93.1312496,2.1648658 C93.8945361,3.04214227 94.3566434,4.18619243 94.3566434,5.43295901 L94.3566434,6.59944868 L101.846587,33.7048377 C102.566868,34.5705423 103,35.6843156 103,36.9022258 L103,59.3600693 C103,60.5102199 102.610272,61.5696788 101.956389,62.414506 L101.956389,62.5108863 L101.939229,62.4365513 Z M94.8900162,31.9016393 L8.03284217,31.9016393 L10.1332666,22.8032787 L92.7895918,22.8032787 L94.8900162,31.9016393 Z" id="Path" stroke="#DCDCDC" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-152" stroke="#DCDCDC" stroke-width="2" sketch:type="MSShapeGroup" x="33.1328671" y="39.1147541" width="36.013986" height="5.7704918" rx="40"></rect>
</g>
<path d="M73.1048951,39.6393443 C73.9004941,39.6393443 74.5454545,38.99346 74.5454545,38.1967213 C74.5454545,37.3999827 73.9004941,36.7540984 73.1048951,36.7540984 C72.3092961,36.7540984 71.6643357,37.3999827 71.6643357,38.1967213 C71.6643357,38.99346 72.3092961,39.6393443 73.1048951,39.6393443 Z M65.9020979,43.9672131 C66.6976969,43.9672131 67.3426573,43.3213288 67.3426573,42.5245902 C67.3426573,41.7278515 66.6976969,41.0819672 65.9020979,41.0819672 C65.1064989,41.0819672 64.4615385,41.7278515 64.4615385,42.5245902 C64.4615385,43.3213288 65.1064989,43.9672131 65.9020979,43.9672131 Z M59.4195804,49.7377049 C60.2151794,49.7377049 60.8601399,49.0918206 60.8601399,48.295082 C60.8601399,47.4983433 60.2151794,46.852459 59.4195804,46.852459 C58.6239814,46.852459 57.979021,47.4983433 57.979021,48.295082 C57.979021,49.0918206 58.6239814,49.7377049 59.4195804,49.7377049 Z M42.8531469,55.5081967 C43.6487459,55.5081967 44.2937063,54.8623124 44.2937063,54.0655738 C44.2937063,53.2688351 43.6487459,52.6229508 42.8531469,52.6229508 C42.0575478,52.6229508 41.4125874,53.2688351 41.4125874,54.0655738 C41.4125874,54.8623124 42.0575478,55.5081967 42.8531469,55.5081967 Z M37.0909091,52.6229508 C37.8865081,52.6229508 38.5314685,51.9770665 38.5314685,51.1803279 C38.5314685,50.3835892 37.8865081,49.7377049 37.0909091,49.7377049 C36.2953101,49.7377049 35.6503497,50.3835892 35.6503497,51.1803279 C35.6503497,51.9770665 36.2953101,52.6229508 37.0909091,52.6229508 Z M37.0909091,46.1311475 C37.8865081,46.1311475 38.5314685,45.4852632 38.5314685,44.6885246 C38.5314685,43.8917859 37.8865081,43.2459016 37.0909091,43.2459016 C36.2953101,43.2459016 35.6503497,43.8917859 35.6503497,44.6885246 C35.6503497,45.4852632 36.2953101,46.1311475 37.0909091,46.1311475 Z M44.2937063,42.5245902 C45.0893053,42.5245902 45.7342657,41.8787059 45.7342657,41.0819672 C45.7342657,40.2852286 45.0893053,39.6393443 44.2937063,39.6393443 C43.4981073,39.6393443 42.8531469,40.2852286 42.8531469,41.0819672 C42.8531469,41.8787059 43.4981073,42.5245902 44.2937063,42.5245902 Z M51.4965035,46.852459 C52.2921025,46.852459 52.9370629,46.2065747 52.9370629,45.4098361 C52.9370629,44.6130974 52.2921025,43.9672131 51.4965035,43.9672131 C50.7009045,43.9672131 50.0559441,44.6130974 50.0559441,45.4098361 C50.0559441,46.2065747 50.7009045,46.852459 51.4965035,46.852459 Z M50.7762238,55.5081967 C51.5718228,55.5081967 52.2167832,54.8623124 52.2167832,54.0655738 C52.2167832,53.2688351 51.5718228,52.6229508 50.7762238,52.6229508 C49.9806248,52.6229508 49.3356643,53.2688351 49.3356643,54.0655738 C49.3356643,54.8623124 49.9806248,55.5081967 50.7762238,55.5081967 Z M44.2937063,62 C45.0893053,62 45.7342657,61.3541157 45.7342657,60.557377 C45.7342657,59.7606384 45.0893053,59.1147541 44.2937063,59.1147541 C43.4981073,59.1147541 42.8531469,59.7606384 42.8531469,60.557377 C42.8531469,61.3541157 43.4981073,62 44.2937063,62 Z M37.0909091,67.0491803 C37.8865081,67.0491803 38.5314685,66.403296 38.5314685,65.6065574 C38.5314685,64.8098187 37.8865081,64.1639344 37.0909091,64.1639344 C36.2953101,64.1639344 35.6503497,64.8098187 35.6503497,65.6065574 C35.6503497,66.403296 36.2953101,67.0491803 37.0909091,67.0491803 Z M29.1678322,69.9344262 C29.9634312,69.9344262 30.6083916,69.2885419 30.6083916,68.4918033 C30.6083916,67.6950646 29.9634312,67.0491803 29.1678322,67.0491803 C28.3722332,67.0491803 27.7272727,67.6950646 27.7272727,68.4918033 C27.7272727,69.2885419 28.3722332,69.9344262 29.1678322,69.9344262 Z M81.7482517,34.5901639 C82.5438508,34.5901639 83.1888112,33.9442796 83.1888112,33.147541 C83.1888112,32.3508023 82.5438508,31.704918 81.7482517,31.704918 C80.9526527,31.704918 80.3076923,32.3508023 80.3076923,33.147541 C80.3076923,33.9442796 80.9526527,34.5901639 81.7482517,34.5901639 Z M90.3916084,31.704918 C91.1872074,31.704918 91.8321678,31.0590337 91.8321678,30.2622951 C91.8321678,29.4655564 91.1872074,28.8196721 90.3916084,28.8196721 C89.5960094,28.8196721 88.951049,29.4655564 88.951049,30.2622951 C88.951049,31.0590337 89.5960094,31.704918 90.3916084,31.704918 Z" id="path" fill="#C0C0C0" sketch:type="MSShapeGroup"></path>
<ellipse id="Oval-271-Copy" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" transform="translate(99.755245, 22.327869) rotate(-10.000000) translate(-99.755245, -22.327869) " cx="99.7552448" cy="22.3278689" rx="5.04195804" ry="2.8852459"></ellipse>
<ellipse id="Oval-270" stroke="#979797" fill="#9E9E9E" sketch:type="MSShapeGroup" transform="translate(102.276224, 24.491803) rotate(-24.000000) translate(-102.276224, -24.491803) " cx="102.276224" cy="24.4918033" rx="5.4020979" ry="2.16393443"></ellipse>
<ellipse id="Oval-271" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" transform="translate(106.237762, 26.655738) rotate(70.000000) translate(-106.237762, -26.655738) " cx="106.237762" cy="26.6557377" rx="5.76223776" ry="3.60655738"></ellipse>
</g>
</g>
</svg>
<svg width="120px" height="120px" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-21-Copy" sketch:type="MSArtboardGroup">
<path d="M64.6984348,97.8421893 C90.0715253,95.92641 110,76.8053993 110,53.5 C110,28.9233286 87.8380951,9 60.5,9 C33.1619049,9 11,28.9233286 11,53.5 C11,74.5174908 27.2077486,92.131835 49,96.792842 L49,104.000631 C49,106.209552 50.5037201,107.027005 52.3586529,105.826754 L64.6984348,97.8421893 Z" id="Oval-435-Copy" stroke="#DCDCDC" stroke-width="3" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M63.592,44.96 C63.9546685,44.6399984 64.3519978,44.3360014 64.784,44.048 C65.2160022,43.7599986 65.6826642,43.5093344 66.184,43.296 C66.6853358,43.0826656 67.2293304,42.9146673 67.816,42.792 C68.4026696,42.6693327 69.0373299,42.608 69.72,42.608 C70.6480046,42.608 71.4933295,42.7359987 72.256,42.992 C73.0186705,43.2480013 73.6719973,43.613331 74.216,44.088 C74.7600027,44.562669 75.1813318,45.1359966 75.48,45.808 C75.7786682,46.4800034 75.928,47.2319958 75.928,48.064 C75.928,48.8746707 75.8106678,49.575997 75.576,50.168 C75.3413322,50.760003 75.0453351,51.2746645 74.688,51.712 C74.3306649,52.1493355 73.9440021,52.5279984 73.528,52.848 C73.1119979,53.1680016 72.7173352,53.4693319 72.344,53.752 C71.9706648,54.0346681 71.6480014,54.3119986 71.376,54.584 C71.1039986,54.8560014 70.9413336,55.162665 70.888,55.504 L70.52,57.84 L67.816,57.84 L67.544,55.232 C67.5333333,55.1786664 67.528,55.1333335 67.528,55.096 L67.528,54.96 C67.528,54.4906643 67.6453322,54.0826684 67.88,53.736 C68.1146678,53.3893316 68.4079982,53.0640015 68.76,52.76 C69.1120018,52.4559985 69.4906646,52.1600014 69.896,51.872 C70.3013354,51.5839986 70.6799982,51.2720017 71.032,50.936 C71.3840018,50.5999983 71.6773322,50.2186688 71.912,49.792 C72.1466678,49.3653312 72.264,48.8640029 72.264,48.288 C72.264,47.9039981 72.1920007,47.5600015 72.048,47.256 C71.9039993,46.9519985 71.7040013,46.6906678 71.448,46.472 C71.1919987,46.2533322 70.8853351,46.0853339 70.528,45.968 C70.1706649,45.8506661 69.7840021,45.792 69.368,45.792 C68.759997,45.792 68.2453354,45.858666 67.824,45.992 C67.4026646,46.125334 67.0453348,46.2746658 66.752,46.44 C66.4586652,46.6053342 66.2106677,46.754666 66.008,46.888 C65.8053323,47.021334 65.6240008,47.088 65.464,47.088 C65.0799981,47.088 64.8026675,46.9280016 64.632,46.608 L63.592,44.96 Z M66.616,63.824 C66.616,63.4933317 66.6773327,63.1786682 66.8,62.88 C66.9226673,62.5813318 67.0933322,62.3253344 67.312,62.112 C67.5306678,61.8986656 67.7893318,61.7280006 68.088,61.6 C68.3866682,61.4719994 68.706665,61.408 69.048,61.408 C69.3786683,61.408 69.6933318,61.4719994 69.992,61.6 C70.2906682,61.7280006 70.5466656,61.8986656 70.76,62.112 C70.9733344,62.3253344 71.1439994,62.5813318 71.272,62.88 C71.4000006,63.1786682 71.464,63.4933317 71.464,63.824 C71.464,64.165335 71.4000006,64.4826652 71.272,64.776 C71.1439994,65.0693348 70.9733344,65.3226656 70.76,65.536 C70.5466656,65.7493344 70.2906682,65.9173327 69.992,66.04 C69.6933318,66.1626673 69.3786683,66.224 69.048,66.224 C68.706665,66.224 68.3866682,66.1626673 68.088,66.04 C67.7893318,65.9173327 67.5306678,65.7493344 67.312,65.536 C67.0933322,65.3226656 66.9226673,65.0693348 66.8,64.776 C66.6773327,64.4826652 66.616,64.165335 66.616,63.824 Z M48.168,63.824 C48.168,63.4933317 48.2293327,63.1786682 48.352,62.88 C48.4746673,62.5813318 48.6453322,62.3253344 48.864,62.112 C49.0826678,61.8986656 49.3413318,61.7280006 49.64,61.6 C49.9386682,61.4719994 50.258665,61.408 50.6,61.408 C50.9306683,61.408 51.2453318,61.4719994 51.544,61.6 C51.8426682,61.7280006 52.0986656,61.8986656 52.312,62.112 C52.5253344,62.3253344 52.6959994,62.5813318 52.824,62.88 C52.9520006,63.1786682 53.016,63.4933317 53.016,63.824 C53.016,64.165335 52.9520006,64.4826652 52.824,64.776 C52.6959994,65.0693348 52.5253344,65.3226656 52.312,65.536 C52.0986656,65.7493344 51.8426682,65.9173327 51.544,66.04 C51.2453318,66.1626673 50.9306683,66.224 50.6,66.224 C50.258665,66.224 49.9386682,66.1626673 49.64,66.04 C49.3413318,65.9173327 49.0826678,65.7493344 48.864,65.536 C48.6453322,65.3226656 48.4746673,65.0693348 48.352,64.776 C48.2293327,64.4826652 48.168,64.165335 48.168,63.824 Z M57.268,63.824 C57.268,63.4933317 57.3293327,63.1786682 57.452,62.88 C57.5746673,62.5813318 57.7453322,62.3253344 57.964,62.112 C58.1826677,61.8986656 58.4413318,61.7280006 58.74,61.6 C59.0386681,61.4719994 59.3586649,61.408 59.7,61.408 C60.0306683,61.408 60.3453318,61.4719994 60.644,61.6 C60.9426681,61.7280006 61.1986656,61.8986656 61.412,62.112 C61.6253344,62.3253344 61.7959993,62.5813318 61.924,62.88 C62.0520006,63.1786682 62.116,63.4933317 62.116,63.824 C62.116,64.165335 62.0520006,64.4826652 61.924,64.776 C61.7959993,65.0693348 61.6253344,65.3226656 61.412,65.536 C61.1986656,65.7493344 60.9426681,65.9173327 60.644,66.04 C60.3453318,66.1626673 60.0306683,66.224 59.7,66.224 C59.3586649,66.224 59.0386681,66.1626673 58.74,66.04 C58.4413318,65.9173327 58.1826677,65.7493344 57.964,65.536 C57.7453322,65.3226656 57.5746673,65.0693348 57.452,64.776 C57.3293327,64.4826652 57.268,64.165335 57.268,63.824 Z" id="Type-something-Copy" fill="#CDD0D4" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment