Fix issue-4046 Add service icon for sample database service and also have default icons for new services (#4315)

This commit is contained in:
Shailesh Parmar 2022-04-21 15:26:05 +05:30 committed by GitHub
parent 1bf12f729b
commit ced262e7c8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 0 deletions

View File

@ -0,0 +1,14 @@
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M492.93 199.477L443.758 193.539C442.383 193.375 441.234 192.426 440.754 191.062C438.391 184.34 435.613 177.66 432.504 171.203C431.906 169.957 432.039 168.539 432.855 167.5L463.504 128.434C470.262 119.816 469.52 107.48 461.777 99.7383L412.266 50.2266C404.52 42.4805 392.184 41.7383 383.566 48.5L344.504 79.1484C343.461 79.9648 342.043 80.0977 340.801 79.4961C334.344 76.3867 327.66 73.6094 320.941 71.2461C319.574 70.7695 318.625 69.6172 318.461 68.2461L312.523 19.0703C311.211 8.19922 301.961 0 291.012 0H220.988C210.039 0 200.789 8.19922 199.477 19.0703L193.539 68.2422C193.375 69.6172 192.426 70.7656 191.062 71.2461C184.34 73.6094 177.66 76.3867 171.203 79.4961C169.957 80.0937 168.539 79.9609 167.5 79.1445L128.434 48.4961C119.816 41.7344 107.48 42.4805 99.7383 50.2227L50.2266 99.7383C42.4805 107.48 41.7383 119.816 48.5 128.434L79.1484 167.496C79.9648 168.539 80.0977 169.957 79.4961 171.203C76.3867 177.66 73.6094 184.34 71.2461 191.059C70.7656 192.426 69.6172 193.375 68.2461 193.539L19.0703 199.477C8.19922 200.789 0 210.039 0 220.988V291.012C0 301.965 8.19922 311.211 19.0703 312.523L68.2422 318.461C69.6172 318.625 70.7656 319.574 71.2461 320.938C73.6094 327.66 76.3867 334.34 79.4961 340.801C80.0937 342.043 79.9609 343.465 79.1445 344.504L48.4961 383.566C41.7383 392.184 42.4805 404.52 50.2227 412.266L99.7344 461.777C107.48 469.52 119.816 470.262 128.434 463.504L167.496 432.852C168.535 432.035 169.957 431.902 171.199 432.504C177.656 435.613 184.34 438.391 191.059 440.754C192.426 441.234 193.375 442.383 193.539 443.754L199.477 492.93C200.789 503.801 210.039 512 220.988 512H291.012C301.961 512 311.211 503.801 312.523 492.93L318.461 443.758C318.625 442.383 319.574 441.234 320.938 440.754C327.66 438.391 334.34 435.613 340.797 432.504C342.043 431.902 343.461 432.039 344.5 432.855L383.566 463.504C392.184 470.262 404.52 469.52 412.262 461.777L461.773 412.266C469.52 404.52 470.262 392.184 463.5 383.566L432.852 344.504C432.035 343.465 431.902 342.047 432.504 340.801C435.613 334.344 438.391 327.66 440.754 320.941C441.234 319.578 442.383 318.629 443.754 318.461L492.93 312.523C503.801 311.211 512 301.961 512 291.012V220.988C512 210.039 503.801 200.789 492.93 199.477V199.477Z" fill="#7147E8"/>
<path d="M382.145 256C382.145 325.668 325.668 382.145 256 382.145C186.332 382.145 129.855 325.668 129.855 256C129.855 186.332 186.332 129.855 256 129.855C325.668 129.855 382.145 186.332 382.145 256Z" fill="white"/>
<path d="M291.484 134.926C322.238 157.93 342.145 194.641 342.145 236C342.145 305.668 285.668 362.145 216 362.145C203.68 362.145 191.773 360.367 180.516 357.074C201.562 372.82 227.691 382.145 256 382.145C325.668 382.145 382.145 325.668 382.145 256C382.145 198.656 343.875 150.254 291.484 134.926Z" fill="#ECEDF4"/>
<path d="M492.93 199.477L471.609 196.902C471.863 198.23 472 199.598 472 200.988V271.012C472 281.965 463.801 291.211 452.93 292.523L403.754 298.461C402.383 298.625 401.234 299.574 400.754 300.941C398.391 307.66 395.613 314.34 392.504 320.797C391.902 322.043 392.039 323.461 392.852 324.5L423.504 363.566C430.262 372.184 429.52 384.52 421.777 392.262L372.266 441.773C369.574 444.465 366.324 446.289 362.879 447.27L383.566 463.5C392.184 470.262 404.52 469.52 412.266 461.773L461.777 412.262C469.52 404.52 470.262 392.184 463.504 383.566L432.852 344.5C432.039 343.461 431.902 342.043 432.504 340.797C435.613 334.34 438.391 327.66 440.754 320.941C441.234 319.574 442.383 318.625 443.754 318.461L492.93 312.523C503.801 311.211 512 301.961 512 291.012V220.988C512 210.039 503.801 200.789 492.93 199.477Z" fill="#35198E"/>
<path d="M304.5 412.852C303.461 412.035 302.043 411.902 300.797 412.504C294.34 415.613 287.66 418.391 280.938 420.754C279.574 421.234 278.625 422.383 278.461 423.754L272.523 472.93C271.211 483.801 261.961 492 251.012 492H199.367L199.477 492.93C200.789 503.801 210.039 512 220.988 512H291.012C301.961 512 311.211 503.801 312.523 492.93L318.461 443.758C318.625 442.383 319.574 441.234 320.938 440.754C325.219 439.25 329.473 437.559 333.672 435.742L304.5 412.852Z" fill="#35198E"/>
<path d="M230.203 292.246V379.5C238.531 381.23 247.156 382.145 255.996 382.145H256.004C264.844 382.145 273.469 381.23 281.797 379.5V292.312L230.203 292.246Z" fill="#B0BEC5"/>
<path d="M282.48 176.676V220.879C282.48 222.328 281.887 223.719 280.836 224.719L259.16 245.438C257.07 247.438 253.77 247.399 251.727 245.356L231.078 224.707C230.078 223.711 229.52 222.356 229.52 220.946V176.672C229.52 172.286 224.719 169.602 220.969 171.875C200.637 184.207 187.32 206.946 188.41 232.703C189.922 268.293 219.414 296.907 255.035 297.403C292.84 297.93 323.652 267.442 323.652 229.758C323.652 205.215 310.582 183.731 291.027 171.871C287.277 169.602 282.48 172.289 282.48 176.676Z" fill="#B0BEC5"/>
<path d="M261.797 292.312V339.941C261.797 351.867 252.348 361.652 240.43 362.066C238.961 362.117 237.484 362.145 236.004 362.145H235.992C234.051 362.145 232.121 362.094 230.203 362.004V379.5C238.527 381.23 247.156 382.145 255.992 382.145H256.004C264.844 382.145 273.469 381.23 281.797 379.5V292.316H261.797V292.312Z" fill="#78909C"/>
<path d="M256 324.695C251.859 324.695 248.5 328.051 248.5 332.195V381.914C250.98 382.059 253.477 382.145 255.996 382.145H256.004C258.523 382.145 261.02 382.059 263.5 381.914V332.195C263.5 328.051 260.141 324.695 256 324.695Z" fill="#78909C"/>
<path d="M259.727 382.086C258.492 382.121 257.25 382.145 256.004 382.145H255.996C254.75 382.145 253.508 382.121 252.273 382.086C252.215 382.082 252.152 382.078 252.094 382.078C250.891 382.039 249.691 381.984 248.5 381.914V360.23C256.34 356.809 261.797 348.996 261.797 339.941V327.434C262.859 328.73 263.5 330.387 263.5 332.195V381.914C262.305 381.984 261.105 382.039 259.902 382.078C259.848 382.078 259.785 382.082 259.727 382.086Z" fill="#455A64"/>
<path d="M291.027 171.871C288.211 170.164 284.805 171.257 283.281 173.765C289.848 184.191 293.652 196.527 293.652 209.757C293.652 247.441 262.84 277.929 225.035 277.402C218.055 277.304 211.316 276.113 204.973 274.015C217.234 288.105 235.18 297.125 255.035 297.402C292.84 297.929 323.652 267.441 323.652 229.757C323.652 205.218 310.582 183.73 291.027 171.871Z" fill="#78909C"/>
<path d="M421.773 79.7385C429.52 87.4807 430.262 99.8166 423.5 108.434L392.852 147.5C392.039 148.539 391.902 149.957 392.504 151.203C395.613 157.66 398.391 164.34 400.754 171.063C401.234 172.426 402.383 173.375 403.754 173.539L435.32 177.352C434.41 175.285 433.48 173.231 432.504 171.203C431.902 169.957 432.035 168.539 432.852 167.5L463.5 128.434C470.262 119.817 469.52 107.481 461.773 99.7385L412.262 50.2268C405.742 43.7072 395.977 42.1721 387.91 45.8713L421.773 79.7385Z" fill="#35198E"/>
</svg>

After

Width:  |  Height:  |  Size: 6.6 KiB

View File

@ -47,6 +47,7 @@ import tableau from '../assets/img/service-icon-tableau.png';
import trino from '../assets/img/service-icon-trino.png';
import vertica from '../assets/img/service-icon-vertica.png';
import dashboardDefault from '../assets/svg/dashboard.svg';
import iconDefaultService from '../assets/svg/default-service-icon.svg';
import pipelineDefault from '../assets/svg/pipeline.svg';
import plus from '../assets/svg/plus.svg';
import topicDefault from '../assets/svg/topic.svg';
@ -85,6 +86,7 @@ export const IBMDB2 = ibmdb2;
export const DRUID = druid;
export const DYNAMODB = dynamodb;
export const SINGLESTORE = singlestore;
export const DEFAULT_SERVICE = iconDefaultService;
export const AIRFLOW = airflow;
export const PREFECT = prefect;

View File

@ -32,6 +32,7 @@ import {
DASHBOARD_DEFAULT,
DATABASE_DEFAULT,
DATABRICK,
DEFAULT_SERVICE,
DRUID,
DYNAMODB,
GLUE,
@ -173,6 +174,8 @@ export const serviceTypeLogo = (type: string) => {
logo = PIPELINE_DEFAULT;
} else if (serviceTypes.databaseServices.includes(type)) {
logo = DATABASE_DEFAULT;
} else {
logo = DEFAULT_SERVICE;
}
return logo;