Adding icons to Database Projects' tree view (#11488)

* Add images

* Splitting to light and dark mode icons

* Hooks up icons to treeItems

* updating package.json with new icon and vbump

* move icon loader before tree view created
This commit is contained in:
Benjin Dubishar
2020-07-23 11:52:54 -07:00
committed by GitHub
parent 769a9d4699
commit 2b132f6b58
20 changed files with 256 additions and 14 deletions

View File

@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<title>ConnectDatabase</title>
<g id="bd0904b6-a61f-436a-830a-2c089789edc1" data-name="Icons">
<path d="M5.2,14.77l.184-.184.68-.68c-.086-.01-.17-.014-.256-.027q-.438-.066-.855-.168a5.146,5.146,0,0,1-.793-.258c-.078-.031-.183-.079-.313-.144a3.461,3.461,0,0,1-.383-.223,1.584,1.584,0,0,1-.32-.277.47.47,0,0,1-.133-.309V4.984a4.572,4.572,0,0,0,1.008.485,8.368,8.368,0,0,0,1.164.312,11.013,11.013,0,0,0,1.207.168Q6.993,6,7.508,6t1.117-.051a11.237,11.237,0,0,0,1.208-.168A8.335,8.335,0,0,0,11,5.469a4.572,4.572,0,0,0,1.008-.485V6.413a3.016,3.016,0,0,1,.8-.119c.07,0,.136.022.2.027V3.5a1.316,1.316,0,0,0-.152-.625,1.97,1.97,0,0,0-.395-.516A3.558,3.558,0,0,0,11.422,1.7a7.422,7.422,0,0,0-1.3-.418,10.978,10.978,0,0,0-1.368-.215Q8.07,1,7.508,1q-.546,0-1.234.062a10.854,10.854,0,0,0-1.379.219A7.913,7.913,0,0,0,3.583,1.7a3.263,3.263,0,0,0-1.028.66,2.185,2.185,0,0,0-.394.512,1.284,1.284,0,0,0-.153.629v9a1.311,1.311,0,0,0,.153.625,1.934,1.934,0,0,0,.394.516,3.538,3.538,0,0,0,1.039.664,7.323,7.323,0,0,0,1.3.418C5,14.745,5.1,14.751,5.2,14.77ZM3.141,3.191a1.616,1.616,0,0,1,.32-.277,3.808,3.808,0,0,1,.383-.223c.13-.064.235-.113.313-.144a6.343,6.343,0,0,1,.793-.254q.417-.105.855-.172t.871-.094C6.965,2.01,7.243,2,7.508,2s.543.01.832.027.579.05.871.094.577.1.856.172a6.4,6.4,0,0,1,.793.254c.078.031.182.08.312.144a3.808,3.808,0,0,1,.383.223,1.616,1.616,0,0,1,.32.277.47.47,0,0,1,.133.309.3.3,0,0,1-.023.117.618.618,0,0,1-.063.11,1.542,1.542,0,0,1-.476.437,3.8,3.8,0,0,1-.692.328,6.367,6.367,0,0,1-.824.238q-.438.1-.871.157t-.836.086C7.955,4.991,7.716,5,7.508,5s-.446-.009-.715-.027-.546-.047-.835-.086-.58-.091-.872-.157a6.414,6.414,0,0,1-.824-.238,3.892,3.892,0,0,1-.695-.328,1.455,1.455,0,0,1-.473-.437.556.556,0,0,1-.062-.11A.285.285,0,0,1,3.008,3.5.47.47,0,0,1,3.141,3.191Z"/>
<g>
<path d="M16,6.82l-.707-.707L13.83,7.575a2,2,0,0,0-2.432.3L9.984,9.289l2.828,2.828L14.226,10.7a2,2,0,0,0,.308-2.417ZM13.519,10l-.707.707L11.4,9.289l.707-.708A1,1,0,1,1,13.519,10Z"/>
<path d="M7.862,11.41a2,2,0,0,0-.307,2.417L6.089,15.293,6.8,16l1.462-1.463a2,2,0,0,0,2.433-.3l1.414-1.414L9.276,10Zm2.122,2.121a1,1,0,1,1-1.415-1.414l.707-.707,1.415,1.414Z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<title>Data_source_group</title>
<g id="bfab5a2d-3852-4560-ab09-23c2bd7bcabc" data-name="Labels">
<g>
<path d="M16,5.707,15.293,5,13.83,6.463a2,2,0,0,0-2.432.3L9.984,8.176,12.812,11,14.226,9.59a2,2,0,0,0,.308-2.417ZM13.519,8.883l-.707.707L11.4,8.176l.707-.707a1,1,0,1,1,1.414,1.414Z"/>
<path d="M7.862,10.3a2,2,0,0,0-.307,2.417L6.089,14.18l.707.707,1.462-1.462a2,2,0,0,0,2.433-.3l1.414-1.414L9.276,8.883Zm2.122,2.122A1,1,0,1,1,8.569,11l.707-.707,1.415,1.415Z"/>
</g>
<path d="M15.293,3.586,16,4.292V3a.853.853,0,0,0-.078-.391,1.106,1.106,0,0,0-.219-.32,1,1,0,0,0-.313-.211A.967.967,0,0,0,15,2H7.25a1.764,1.764,0,0,1-.43-.078,1.215,1.215,0,0,1-.344-.18c-.1-.078-.208-.159-.312-.242a2.852,2.852,0,0,0-.36-.243,1.965,1.965,0,0,0-.453-.187A2.234,2.234,0,0,0,4.75,1H1a.841.841,0,0,0-.391.078,1.068,1.068,0,0,0-.32.219.982.982,0,0,0-.211.312A.972.972,0,0,0,0,2V13H5.854l.528-.529A3.006,3.006,0,0,1,6.321,12H1V4H4.75a3.329,3.329,0,0,0,.609-.078,1.624,1.624,0,0,0,.453-.18A3.227,3.227,0,0,0,6.164,3.5c.1-.084.211-.164.32-.243a1.579,1.579,0,0,1,.344-.187A1.152,1.152,0,0,1,7.25,3H15ZM1,2H4.75a1.745,1.745,0,0,1,.328.039,1,1,0,0,1,.258.1A1.8,1.8,0,0,1,5.57,2.3c.073.057.154.125.242.2-.094.083-.177.153-.25.211a2.273,2.273,0,0,1-.226.156.832.832,0,0,1-.258.1A1.512,1.512,0,0,1,4.75,3H1Z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -0,0 +1,5 @@
<svg id="a7a68c25-9b07-4668-8d0d-dd5e0ecbba33" data-name="Icons" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<title>Project</title>
<path d="M15.992,8.191c-.046-1.257-1.742-2.2-3.992-2.2-2.28,0-4,.968-4,2.25,0,.017.008.033.008.05H8v5.45c0,1.282,1.72,2.25,4,2.25s4-.968,4-2.25V8.191ZM12,6.991c1.859,0,3,.729,3,1.25s-1.141,1.25-3,1.25-3-.729-3-1.25S10.141,6.991,12,6.991Zm0,8c-1.859,0-3-.729-3-1.25V9.747a5.688,5.688,0,0,0,3,.744,5.688,5.688,0,0,0,3-.744v3.994C15,14.262,13.859,14.991,12,14.991Z"/>
<path d="M7,11.991H1v-8H15V5.6a4.342,4.342,0,0,1,1,.645V-.009H0v13H7Zm-6-11H15v2H1Z"/>
</svg>

After

Width:  |  Height:  |  Size: 632 B

View File

@@ -0,0 +1,7 @@
<svg id="e771b594-7335-45d5-a42f-4ffe553df1ba" data-name="Icons" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<title>Reference</title>
<path d="M8,13.95H4v-4H8Zm-3-1H7v-2H5Z"/>
<path d="M16,15H10V9h6Zm-5-1h4V10H11Z"/>
<rect x="8.5" y="11.45" width="1" height="1"/>
<path d="M10,8h1V3.5a1.327,1.327,0,0,0-.152-.625,1.991,1.991,0,0,0-.4-.516A3.558,3.558,0,0,0,9.414,1.7a7.406,7.406,0,0,0-1.3-.418,10.962,10.962,0,0,0-1.367-.215Q6.062,1,5.5,1q-.546,0-1.234.062a10.883,10.883,0,0,0-1.379.219A7.924,7.924,0,0,0,1.574,1.7a3.257,3.257,0,0,0-1.027.66,2.217,2.217,0,0,0-.395.512A1.3,1.3,0,0,0,0,3.5v9a1.322,1.322,0,0,0,.152.625,1.958,1.958,0,0,0,.4.516,3.538,3.538,0,0,0,1.039.664,7.323,7.323,0,0,0,1.3.418c.037.008.075.009.113.017V13.722c-.019,0-.04-.006-.059-.011a5.182,5.182,0,0,1-.793-.258q-.117-.046-.312-.144a3.461,3.461,0,0,1-.383-.223,1.612,1.612,0,0,1-.32-.277A.47.47,0,0,1,1,12.5V4.984a4.572,4.572,0,0,0,1.008.485,8.368,8.368,0,0,0,1.164.312,11.047,11.047,0,0,0,1.207.168Q4.984,6,5.5,6t1.117-.051a11.149,11.149,0,0,0,1.207-.168,8.312,8.312,0,0,0,1.168-.312A4.572,4.572,0,0,0,10,4.984ZM9.977,3.617a.618.618,0,0,1-.063.11,1.542,1.542,0,0,1-.476.437,3.827,3.827,0,0,1-.692.328,6.414,6.414,0,0,1-.824.238q-.438.1-.871.157t-.836.086Q5.812,5,5.5,5t-.715-.027q-.4-.027-.836-.086T3.078,4.73a6.414,6.414,0,0,1-.824-.238,3.925,3.925,0,0,1-.695-.328,1.445,1.445,0,0,1-.473-.437.618.618,0,0,1-.063-.11A.3.3,0,0,1,1,3.5a.47.47,0,0,1,.133-.309,1.645,1.645,0,0,1,.32-.277,3.808,3.808,0,0,1,.383-.223c.13-.064.234-.113.312-.144a6.4,6.4,0,0,1,.793-.254q.419-.105.856-.172t.871-.094C4.957,2.01,5.234,2,5.5,2s.543.01.832.027.579.05.871.094.577.1.856.172a6.4,6.4,0,0,1,.793.254c.078.031.182.08.312.144a3.808,3.808,0,0,1,.383.223,1.645,1.645,0,0,1,.32.277A.47.47,0,0,1,10,3.5.3.3,0,0,1,9.977,3.617Z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,6 @@
<svg id="bc0a980e-0fca-4f81-9146-a82ed41b5670" data-name="Icons" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<title>Reference</title>
<rect x="0.5" y="6.491" width="3" height="3" fill="none" stroke="#000" stroke-miterlimit="10"/>
<rect x="8.5" y="4.491" width="7" height="7" fill="none" stroke="#000" stroke-miterlimit="10"/>
<rect x="5" y="7.491" width="2" height="1"/>
</svg>

After

Width:  |  Height:  |  Size: 421 B