satellite/admin: Add back-office UI sources

Add the front-end sources of the new back-office.

The front-end doesn't have any business logic, it only has the pages and
the components, so it's purely UI.

The front-end was developed in a separate repository until was
completed.

Change-Id: I382e50789d6b929a67b8a0b887563ef48cb1473d
This commit is contained in:
Ivan Fraixedes 2023-08-29 17:20:27 +02:00
parent e563de6c81
commit 8381483f79
No known key found for this signature in database
GPG Key ID: FB6101AFB5CB5AD5
130 changed files with 7606 additions and 0 deletions

View File

@ -0,0 +1,5 @@
node_modules
.DS_Store
.idea
package-lock.json
dist

View File

@ -0,0 +1,57 @@
# essentials
## Project setup
```
# yarn
yarn
# npm
npm install
# pnpm
pnpm install
```
### Compiles and hot-reloads for development
```
# yarn
yarn dev
# npm
npm run dev
# pnpm
pnpm dev
```
### Compiles and minifies for production
```
# yarn
yarn build
# npm
npm run build
# pnpm
pnpm build
```
### Lints and fixes files
```
# yarn
yarn lint
# npm
npm run lint
# pnpm
pnpm lint
```
### Customize configuration
See [Configuration Reference](https://vitejs.dev/config/).

View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Storj - Admin</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@ -0,0 +1,19 @@
{
"compilerOptions": {
"target": "es5",
"module": "esnext",
"baseUrl": "./",
"moduleResolution": "node",
"paths": {
"@/*": [
"src/*"
]
},
"lib": [
"esnext",
"dom",
"dom.iterable",
"scripthost"
]
}
}

View File

@ -0,0 +1,30 @@
{
"name": "admin-ui",
"version": "0.0.0",
"private": true,
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview",
"lint": "eslint . --fix --ignore-path .gitignore"
},
"dependencies": {
"@fontsource-variable/inter": "^5.0.8",
"@mdi/font": "7.0.96",
"core-js": "^3.8.3",
"pinia": "^2.0.23",
"roboto-fontface": "*",
"vue": "^3.2.13",
"vue-router": "^4.1.6",
"vuetify": "^3.3.5",
"webfontloader": "^1.0.0"
},
"devDependencies": {
"@vitejs/plugin-vue": "^3.0.3",
"eslint": "^8.22.0",
"eslint-plugin-vue": "^9.3.0",
"sass": "^1.63.6",
"vite": "^3.1.9",
"vite-plugin-vuetify": "^1.0.0-alpha.12"
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 39 KiB

View File

@ -0,0 +1,10 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<router-view />
</template>
<script setup>
//
</script>

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.83987 16.8886L1.47448 17.099C1.17636 17.1176 0.919588 16.891 0.900956 16.5929C0.899551 16.5704 0.899551 16.5479 0.900956 16.5254L1.11129 13.16C1.11951 13.0285 1.17546 12.9045 1.26864 12.8114L5.58927 8.49062L5.57296 8.43619C4.98999 6.44548 5.49345 4.26201 6.96116 2.72323L7.00936 2.67328L7.05933 2.62271C9.35625 0.325796 13.0803 0.325796 15.3772 2.62271C17.6741 4.91963 17.6741 8.64366 15.3772 10.9406C13.8503 12.4674 11.6456 13.0112 9.62856 12.4455L9.56357 12.4269L9.50918 12.4107L5.18856 16.7313C5.09538 16.8244 4.97139 16.8804 4.83987 16.8886ZM2.45229 15.5477L4.38997 15.4266L9.13372 10.6827L9.58862 10.864C11.2073 11.5091 13.072 11.1424 14.3255 9.88889C16.0416 8.17281 16.0416 5.39048 14.3255 3.6744C12.6094 1.95831 9.8271 1.95831 8.11101 3.6744C6.87177 4.91364 6.49924 6.7502 7.11424 8.3559L7.13584 8.41118L7.31711 8.86605L2.57342 13.61L2.45229 15.5477ZM10.7858 7.21411C11.3666 7.79494 12.3083 7.79494 12.8892 7.21411C13.47 6.63328 13.47 5.69157 12.8892 5.11074C12.3083 4.52991 11.3666 4.52991 10.7858 5.11074C10.205 5.69157 10.205 6.63328 10.7858 7.21411Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.06942 1.34998C11.7077 1.34998 13.8465 3.48875 13.8465 6.12706C13.8465 7.71017 13.0764 9.11342 11.8904 9.98265C14.2697 10.8565 16.1436 12.7789 16.9535 15.1905C16.9786 15.265 17.0026 15.34 17.0255 15.4154L17.0592 15.5289C17.2168 16.0738 16.9028 16.6434 16.3578 16.801C16.2651 16.8278 16.169 16.8414 16.0724 16.8414H1.91857C1.35598 16.8414 0.899902 16.3853 0.899902 15.8227C0.899902 15.7434 0.909173 15.6644 0.927488 15.5873L0.93956 15.5412C0.972672 15.4261 1.00818 15.3119 1.04602 15.1988C1.86483 12.7523 3.77818 10.8081 6.2038 9.94935C5.04316 9.0781 4.29233 7.69026 4.29233 6.12706C4.29233 3.48875 6.4311 1.34998 9.06942 1.34998ZM9.00117 10.9724C6.16785 10.9724 3.66499 12.7017 2.62214 15.264L2.59168 15.34H15.4107L15.4101 15.3388C14.3965 12.7624 11.9142 11.0092 9.09046 10.973L9.00117 10.9724ZM9.06942 2.85135C7.26029 2.85135 5.7937 4.31793 5.7937 6.12706C5.7937 7.93619 7.26029 9.40278 9.06942 9.40278C10.8785 9.40278 12.3451 7.93619 12.3451 6.12706C12.3451 4.31793 10.8785 2.85135 9.06942 2.85135Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.5335 14.5335C10.2461 14.821 9.78432 14.828 9.48835 14.5546L9.46647 14.5335L1.221 6.28806C0.926335 5.9934 0.926335 5.51566 1.221 5.221C1.50847 4.93352 1.9702 4.92651 2.26617 5.19996L2.28806 5.221L9.99991 12.933L17.7119 5.221C17.9994 4.93352 18.4611 4.92651 18.7571 5.19996L18.779 5.221C19.0665 5.50847 19.0735 5.9702 18.8 6.26617L18.779 6.28806L10.5335 14.5335Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 493 B

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9809 3.39991L11.0028 3.42094L14.9791 7.39723C15.2665 7.68463 15.2735 8.14625 15.0001 8.44216L14.9791 8.46404L11.0028 12.4403C10.7082 12.7349 10.2306 12.7349 9.93596 12.4403C9.64856 12.1529 9.64155 11.6913 9.91493 11.3954L9.93596 11.3735L12.6243 8.68493L1.55435 8.68498C1.13774 8.68498 0.800003 8.34725 0.800003 7.93063C0.800003 7.52418 1.12146 7.19281 1.52401 7.17688L1.55435 7.17628L12.6243 7.17623L9.93596 4.48775C9.64856 4.20034 9.64155 3.73872 9.91493 3.44282L9.93596 3.42094C10.2234 3.13353 10.685 3.12652 10.9809 3.39991Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 660 B

View File

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M23.0565 6.96903C23.1425 7.03306 23.2123 7.11631 23.2603 7.21212C23.3084 7.30794 23.3334 7.41367 23.3333 7.52086V19.8959C23.3334 19.92 23.3321 19.9442 23.3297 19.9683C23.3649 20.692 23.1542 21.4064 22.7317 21.995C22.3093 22.5837 21.7 23.0121 21.0031 23.2103C20.3061 23.4086 19.5626 23.3651 18.8935 23.087C18.2245 22.8089 17.6693 22.3124 17.3183 21.6785C16.9673 21.0446 16.8413 20.3106 16.9606 19.5959C17.08 18.8812 17.4378 18.228 17.9757 17.7425C18.5137 17.2571 19.2001 16.9681 19.9232 16.9225C20.6464 16.8769 21.3637 17.0774 21.9583 17.4914V12.1115L14.1667 14.449V21.7292C14.1667 21.7534 14.1655 21.7776 14.163 21.8016C14.1983 22.5253 13.9875 23.2397 13.5651 23.8284C13.1426 24.4171 12.5333 24.8454 11.8364 25.0437C11.1395 25.242 10.3959 25.1985 9.72688 24.9203C9.05781 24.6422 8.50259 24.1458 8.15162 23.5118C7.80065 22.8779 7.67459 22.1439 7.79397 21.4292C7.91335 20.7145 8.27113 20.0613 8.80907 19.5759C9.34701 19.0905 10.0334 18.8014 10.7566 18.7558C11.4797 18.7102 12.197 18.9108 12.7917 19.3248V10.2709C12.7917 10.1231 12.8393 9.97933 12.9275 9.86078C13.0157 9.74224 13.1397 9.65524 13.2812 9.6127L22.4478 6.8627C22.5505 6.8317 22.6591 6.82517 22.7648 6.84363C22.8705 6.8621 22.9704 6.90504 23.0565 6.96903ZM14.1667 13.0135L21.9583 10.676V8.44486L14.1667 10.7824V13.0135ZM10.9583 20.125C10.4721 20.125 10.0058 20.3182 9.66196 20.662C9.31814 21.0058 9.12499 21.4721 9.12499 21.9584C9.12499 22.4446 9.31814 22.9109 9.66196 23.2547C10.0058 23.5985 10.4721 23.7917 10.9583 23.7917C11.4446 23.7917 11.9109 23.5985 12.2547 23.2547C12.5985 22.9109 12.7917 22.4446 12.7917 21.9584C12.7917 21.4721 12.5985 21.0058 12.2547 20.662C11.9109 20.3182 11.4446 20.125 10.9583 20.125ZM18.2917 20.125C18.2917 20.6113 18.4848 21.0776 18.8286 21.4214C19.1724 21.7652 19.6388 21.9584 20.125 21.9584C20.6112 21.9584 21.0775 21.7652 21.4214 21.4214C21.7652 21.0776 21.9583 20.6113 21.9583 20.125C21.9583 19.6388 21.7652 19.1725 21.4214 18.8287C21.0775 18.4848 20.6112 18.2917 20.125 18.2917C19.6388 18.2917 19.1724 18.4848 18.8286 18.8287C18.4848 19.1725 18.2917 19.6388 18.2917 20.125Z" fill="#FF8A00"/>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,5 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#FFA800" fill-opacity="0.1"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#FFA800" stroke-opacity="0.2"/>
<path d="M23.0565 6.96903C23.1425 7.03306 23.2123 7.11631 23.2603 7.21212C23.3084 7.30794 23.3334 7.41367 23.3333 7.52086V19.8959C23.3334 19.92 23.3321 19.9442 23.3297 19.9683C23.3649 20.692 23.1542 21.4064 22.7317 21.995C22.3093 22.5837 21.7 23.0121 21.0031 23.2103C20.3061 23.4086 19.5626 23.3651 18.8936 23.087C18.2245 22.8089 17.6693 22.3124 17.3183 21.6785C16.9673 21.0446 16.8413 20.3106 16.9606 19.5959C17.08 18.8812 17.4378 18.228 17.9757 17.7425C18.5137 17.2571 19.2001 16.9681 19.9232 16.9225C20.6464 16.8769 21.3637 17.0774 21.9583 17.4914V12.1115L14.1667 14.449V21.7292C14.1667 21.7534 14.1655 21.7776 14.163 21.8016C14.1983 22.5253 13.9875 23.2397 13.5651 23.8284C13.1426 24.4171 12.5333 24.8454 11.8364 25.0437C11.1395 25.242 10.396 25.1985 9.72688 24.9203C9.05782 24.6422 8.5026 24.1458 8.15163 23.5118C7.80066 22.8779 7.6746 22.1439 7.79398 21.4292C7.91336 20.7145 8.27114 20.0613 8.80908 19.5759C9.34702 19.0905 10.0334 18.8014 10.7566 18.7558C11.4797 18.7102 12.197 18.9108 12.7917 19.3248V10.2709C12.7917 10.1231 12.8393 9.97933 12.9275 9.86078C13.0157 9.74224 13.1397 9.65524 13.2812 9.6127L22.4478 6.8627C22.5505 6.8317 22.6591 6.82517 22.7648 6.84363C22.8705 6.8621 22.9704 6.90504 23.0565 6.96903V6.96903ZM14.1667 13.0135L21.9583 10.676V8.44486L14.1667 10.7824V13.0135ZM10.9583 20.125C10.4721 20.125 10.0058 20.3182 9.66197 20.662C9.31815 21.0058 9.125 21.4721 9.125 21.9584C9.125 22.4446 9.31815 22.9109 9.66197 23.2547C10.0058 23.5985 10.4721 23.7917 10.9583 23.7917C11.4446 23.7917 11.9109 23.5985 12.2547 23.2547C12.5985 22.9109 12.7917 22.4446 12.7917 21.9584C12.7917 21.4721 12.5985 21.0058 12.2547 20.662C11.9109 20.3182 11.4446 20.125 10.9583 20.125ZM18.2917 20.125C18.2917 20.6113 18.4848 21.0776 18.8286 21.4214C19.1725 21.7652 19.6388 21.9584 20.125 21.9584C20.6112 21.9584 21.0775 21.7652 21.4214 21.4214C21.7652 21.0776 21.9583 20.6113 21.9583 20.125C21.9583 19.6388 21.7652 19.1725 21.4214 18.8287C21.0775 18.4848 20.6112 18.2917 20.125 18.2917C19.6388 18.2917 19.1725 18.4848 18.8286 18.8287C18.4848 19.1725 18.2917 19.6388 18.2917 20.125Z" fill="#FFA800"/>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,5 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#537CFF" fill-opacity="0.1"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#537CFF" stroke-opacity="0.2"/>
<path d="M11.6989 16.4802C11.4402 16.2215 11.4339 15.8059 11.68 15.5395L11.6989 15.5198L19.1198 8.09892C19.385 7.83373 19.815 7.83373 20.0802 8.09892C20.3389 8.35765 20.3452 8.77321 20.0991 9.03958L20.0802 9.05928L13.1393 15.9999L20.0802 22.9408C20.3389 23.1995 20.3452 23.6151 20.0991 23.8814L20.0802 23.9011C19.8215 24.1599 19.4059 24.1662 19.1395 23.9201L19.1198 23.9011L11.6989 16.4802Z" fill="#537CFF"/>
</svg>

After

Width:  |  Height:  |  Size: 678 B

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.9519 0.900024C14.9905 0.900024 15.8325 1.74202 15.8325 2.78067V16.5214C15.8325 16.8409 15.5734 17.1 15.2539 17.1C15.0952 17.1 14.9436 17.0349 14.8343 16.9199L9.44551 11.2481C9.11532 10.9006 8.56592 10.8865 8.21839 11.2167C8.20766 11.2269 8.19719 11.2374 8.18699 11.2481L2.79816 16.9199C2.57803 17.1516 2.21176 17.161 1.98007 16.9409C1.86509 16.8316 1.79999 16.68 1.79999 16.5214V2.78067C1.79999 1.74202 2.64198 0.900024 3.68064 0.900024H13.9519ZM13.9519 2.49134H3.68064C3.52811 2.49134 3.40314 2.60937 3.3921 2.75908L3.39131 2.78067V13.9854L7.03335 10.152C7.04779 10.1368 7.06243 10.1218 7.07726 10.107L7.1223 10.0631C8.09402 9.13985 9.62275 9.16649 10.5619 10.1137L10.5992 10.152L14.2412 13.9853V2.78067C14.2412 2.62814 14.1232 2.50318 13.9735 2.49214L13.9519 2.49134Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 904 B

View File

@ -0,0 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M10 12L16 13.2L22 12L20 22.5L18.5 23L16 23.4L13.5 23L12 22.5L10 12Z" fill="#D7E8FF"/>
<ellipse cx="16" cy="11" rx="6" ry="2" fill="white"/>
<path d="M23.3549 14.5467C24.762 15.9538 24.7748 18.227 23.3778 19.624C22.8117 20.1901 22.1018 20.5247 21.3639 20.6289L21.1106 22.0638C21.092 23.1897 18.7878 24.1 15.9481 24.1C13.1254 24.1 10.8318 23.2006 10.7863 22.0841L10.7858 22.0638L8.84465 11.066C8.8228 10.9882 8.80882 10.9095 8.80303 10.8299L8.79999 10.8122L8.80189 10.8123C8.80062 10.7903 8.79999 10.7682 8.79999 10.746C8.79999 9.17422 12.0003 7.90002 15.9481 7.90002C19.8959 7.90002 23.0962 9.17422 23.0962 10.746C23.0962 10.7682 23.0955 10.7903 23.0943 10.8123L23.0962 10.8122L23.093 10.8311C23.0872 10.9098 23.0734 10.9876 23.0519 11.0645L22.5749 13.7666L23.3549 14.5467ZM21.2961 12.6344C19.9867 13.2218 18.076 13.592 15.9481 13.592C13.8203 13.592 11.9096 13.2219 10.6001 12.6344L12.0072 20.6077L12.2373 21.8286L12.2586 21.8452C12.3789 21.9354 12.5651 22.0371 12.807 22.1351L12.8561 22.1546C13.6355 22.4594 14.7462 22.6439 15.9481 22.6439C17.1569 22.6439 18.2733 22.4573 19.0527 22.1497C19.3337 22.0388 19.5431 21.9223 19.6661 21.8231L19.6761 21.8148L19.9019 20.5348C19.3338 20.3787 18.7955 20.0812 18.3429 19.6429L18.3004 19.6011L15.3749 16.6756C15.0906 16.3913 15.0906 15.9303 15.3749 15.646C15.6523 15.3686 16.0978 15.3618 16.3834 15.6257L16.4045 15.646L19.33 18.5715C19.5717 18.8132 19.8555 18.9861 20.1569 19.0901L21.2961 12.6344ZM22.2661 15.517L21.6408 19.0597C21.8989 18.9575 22.1402 18.8024 22.3482 18.5944C23.1641 17.7784 23.1664 16.4494 22.3549 15.6065L22.3253 15.5763L22.2661 15.517ZM15.9481 9.35612C14.2013 9.35612 12.5813 9.62893 11.4322 10.0864C10.9385 10.283 10.5712 10.4995 10.3598 10.6985C10.3463 10.7112 10.334 10.7232 10.3228 10.7347L10.3122 10.7459L10.3314 10.7661L10.3598 10.7936C10.5712 10.9926 10.9385 11.2091 11.4322 11.4056C12.5813 11.8631 14.2013 12.1359 15.9481 12.1359C17.6949 12.1359 19.3149 11.8631 20.4639 11.4056C20.9576 11.2091 21.325 10.9926 21.5364 10.7936C21.5499 10.7809 21.5622 10.7688 21.5733 10.7574L21.5841 10.7459L21.5647 10.726L21.5364 10.6985C21.325 10.4995 20.9576 10.283 20.4639 10.0864C19.3149 9.62893 17.6949 9.35612 15.9481 9.35612Z" fill="#0149FF"/>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#0149FF" fill-opacity="0.05"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#0149FF" stroke-opacity="0.2"/>
<path d="M10 12L16 13.2L22 12L20 22.5L18.5 23L16 23.4L13.5 23L12 22.5L10 12Z" fill="#0149FF" fill-opacity="0.2"/>
<path d="M23.3549 14.5467C24.762 15.9538 24.7748 18.227 23.3778 19.624C22.8117 20.1901 22.1018 20.5247 21.3639 20.6289L21.1106 22.0638C21.092 23.1897 18.7878 24.1 15.9481 24.1C13.1254 24.1 10.8319 23.2006 10.7863 22.0841L10.7858 22.0638L8.84466 11.066C8.82281 10.9882 8.80883 10.9095 8.80304 10.8299L8.8 10.8122L8.8019 10.8123C8.80063 10.7903 8.8 10.7682 8.8 10.746C8.8 9.17422 12.0003 7.90002 15.9481 7.90002C19.8959 7.90002 23.0962 9.17422 23.0962 10.746C23.0962 10.7682 23.0955 10.7903 23.0943 10.8123L23.0962 10.8122L23.093 10.8311C23.0872 10.9098 23.0734 10.9876 23.0519 11.0645L22.5749 13.7666L23.3549 14.5467ZM21.2962 12.6344C19.9867 13.2218 18.076 13.592 15.9481 13.592C13.8203 13.592 11.9096 13.2219 10.6001 12.6344L12.0072 20.6077L12.2373 21.8286L12.2586 21.8452C12.3789 21.9354 12.5652 22.0371 12.807 22.1351L12.8561 22.1546C13.6355 22.4594 14.7462 22.6439 15.9481 22.6439C17.1569 22.6439 18.2733 22.4573 19.0528 22.1497C19.3337 22.0388 19.5431 21.9223 19.6661 21.8231L19.6761 21.8148L19.9019 20.5348C19.3338 20.3787 18.7955 20.0812 18.3429 19.6429L18.3004 19.6011L15.3749 16.6756C15.0906 16.3913 15.0906 15.9303 15.3749 15.646C15.6523 15.3686 16.0978 15.3618 16.3834 15.6257L16.4045 15.646L19.33 18.5715C19.5717 18.8132 19.8555 18.9861 20.1569 19.0901L21.2962 12.6344ZM22.2661 15.517L21.6408 19.0597C21.8989 18.9575 22.1402 18.8024 22.3482 18.5944C23.1641 17.7784 23.1664 16.4494 22.355 15.6065L22.3253 15.5763L22.2661 15.517ZM15.9481 9.35612C14.2013 9.35612 12.5813 9.62893 11.4322 10.0864C10.9385 10.283 10.5712 10.4995 10.3598 10.6985C10.3463 10.7112 10.334 10.7232 10.3228 10.7347L10.3122 10.7459L10.3314 10.7661L10.3598 10.7936C10.5712 10.9926 10.9385 11.2091 11.4322 11.4056C12.5813 11.8631 14.2013 12.1359 15.9481 12.1359C17.6949 12.1359 19.3149 11.8631 20.4639 11.4056C20.9577 11.2091 21.325 10.9926 21.5364 10.7936C21.5499 10.7809 21.5622 10.7688 21.5733 10.7574L21.5841 10.7459L21.5647 10.726L21.5364 10.6985C21.325 10.4995 20.9577 10.283 20.4639 10.0864C19.3149 9.62893 17.6949 9.35612 15.9481 9.35612Z" fill="#0149FF"/>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3549 7.54666C17.762 8.95376 17.7749 11.227 16.3778 12.624C15.8118 13.1901 15.1018 13.5247 14.3639 13.6289L14.1106 15.0638C14.092 16.1897 11.7878 17.1 8.94814 17.1C6.12547 17.1 3.83191 16.2006 3.78632 15.0841L3.78589 15.0638L1.84471 4.06597C1.82286 3.98819 1.80888 3.90946 1.8031 3.82992L1.80005 3.81221L1.80195 3.81231C1.80068 3.79028 1.80005 3.76818 1.80005 3.74602C1.80005 2.17422 5.00036 0.900024 8.94814 0.900024C12.8959 0.900024 16.0962 2.17422 16.0962 3.74602C16.0962 3.76818 16.0956 3.79028 16.0943 3.81231L16.0962 3.81221L16.0931 3.83111C16.0873 3.90975 16.0735 3.98759 16.052 4.06451L15.5749 6.76662L16.3549 7.54666ZM14.2962 5.63437C12.9868 6.22183 11.076 6.59202 8.94814 6.59202C6.82032 6.59202 4.90965 6.22185 3.6002 5.63443L5.00729 13.6077L5.23735 14.8286L5.25867 14.8452C5.37899 14.9354 5.56521 15.0371 5.80702 15.1351L5.85612 15.1546C6.63558 15.4594 7.74625 15.6439 8.94814 15.6439C10.157 15.6439 11.2733 15.4573 12.0528 15.1497C12.3338 15.0388 12.5432 14.9223 12.6661 14.8231L12.6761 14.8148L12.902 13.5348C12.3339 13.3787 11.7956 13.0812 11.3429 12.6429L11.3005 12.6011L8.37494 9.67559C8.09062 9.39127 8.09062 8.93029 8.37494 8.64597C8.65232 8.36859 9.09785 8.36182 9.38344 8.62568L9.40455 8.64597L12.3301 11.5715C12.5718 11.8132 12.8556 11.9861 13.157 12.0901L14.2962 5.63437ZM15.2661 8.51698L14.6409 12.0597C14.899 11.9575 15.1403 11.8024 15.3482 11.5944C16.1642 10.7784 16.1664 9.44942 15.355 8.60652L15.3253 8.57627L15.2661 8.51698ZM8.94814 2.35612C7.20131 2.35612 5.58131 2.62893 4.43229 3.08641C3.93857 3.28298 3.57123 3.49947 3.35982 3.69848C3.34635 3.71116 3.33405 3.72325 3.32289 3.73469L3.31227 3.74589L3.33148 3.76606L3.35982 3.79357C3.57123 3.99258 3.93857 4.20906 4.43229 4.40564C5.58131 4.86312 7.20131 5.13593 8.94814 5.13593C10.695 5.13593 12.315 4.86312 13.464 4.40564C13.9577 4.20906 14.325 3.99258 14.5365 3.79357C14.5499 3.78089 14.5622 3.7688 14.5734 3.75735L14.5841 3.74589L14.5648 3.72599L14.5365 3.69848C14.325 3.49947 13.9577 3.28298 13.464 3.08641C12.315 2.62893 10.695 2.35612 8.94814 2.35612Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6971 2.69995L14.8103 2.70051C15.5609 2.70821 15.8499 2.79454 16.1411 2.95031C16.4466 3.11366 16.6863 3.35339 16.8496 3.65884L16.8719 3.7015C17.0209 3.99363 17.1 4.30614 17.1 5.1028V12.2128C17.1 13.0483 17.013 13.3513 16.8496 13.6568C16.6863 13.9622 16.4466 14.2019 16.1411 14.3653L16.0984 14.3876C15.8063 14.5366 15.4938 14.6157 14.6971 14.6157H3.30284L3.18966 14.6151C2.43913 14.6074 2.15013 14.5211 1.85888 14.3653C1.55343 14.2019 1.31371 13.9622 1.15035 13.6568L1.12805 13.6141C0.979085 13.322 0.899994 13.0095 0.899994 12.2128V5.1028L0.900557 4.98962C0.908252 4.23909 0.994587 3.95009 1.15035 3.65884C1.31371 3.35339 1.55343 3.11366 1.85888 2.95031L1.90154 2.92801C2.19367 2.77904 2.50618 2.69995 3.30284 2.69995H14.6971ZM15.6273 8.72474H2.37286L2.37291 12.2988C2.37509 12.7639 2.39618 12.8634 2.44902 12.9622C2.47512 13.011 2.50462 13.0405 2.55342 13.0666L2.57984 13.0799C2.66664 13.1203 2.77736 13.1384 3.13851 13.1422L3.30284 13.1429L14.7831 13.1427C15.2483 13.1406 15.3478 13.1195 15.4466 13.0666C15.4954 13.0405 15.5249 13.011 15.551 12.9622L15.5642 12.9358C15.6102 12.837 15.6273 12.7073 15.6273 12.2128V8.72474ZM3.25888 4.17273C2.75755 4.17384 2.65513 4.19458 2.55342 4.24898C2.50462 4.27508 2.47512 4.30457 2.44902 4.35338L2.43576 4.3798C2.39539 4.4666 2.37729 4.57732 2.3735 4.93847L2.37272 5.1028V6.31483H15.6273V5.05884C15.6261 4.55751 15.6054 4.45509 15.551 4.35338C15.5249 4.30457 15.4954 4.27508 15.4466 4.24898L15.4201 4.23572C15.3274 4.19256 15.2072 4.17486 14.7831 4.17287L3.25888 4.17273Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0566 3.47049C14.4084 3.82234 14.417 4.38746 14.0823 4.74971L14.0566 4.77649L7.13827 11.6948C7.00266 11.8304 6.8361 11.9169 6.66103 11.9539C6.35998 12.0545 6.01478 11.991 5.76673 11.7589L5.75596 11.7487L1.87048 7.86338C1.50984 7.50274 1.50984 6.91803 1.87048 6.55739C2.22232 6.20555 2.78744 6.19696 3.14969 6.53165L3.17647 6.55739L6.42021 9.80089L12.7506 3.47049C13.1112 3.10985 13.696 3.10985 14.0566 3.47049Z" fill="#00D36E"/>
</svg>

After

Width:  |  Height:  |  Size: 544 B

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8429 1.15699C17.1857 1.49977 17.1857 2.05553 16.8429 2.39831L10.2412 8.99979L16.7865 15.5451C17.1293 15.8878 17.1293 16.4436 16.7865 16.7864C16.4437 17.1292 15.888 17.1292 15.5452 16.7864L8.99991 10.2411L2.39844 16.8428C2.05565 17.1856 1.49989 17.1856 1.15711 16.8428C0.814329 16.5 0.814329 15.9443 1.15711 15.6015L7.7587 8.99968L1.21353 2.45474C0.870753 2.11195 0.870753 1.5562 1.21353 1.21341C1.55632 0.870631 2.11208 0.870631 2.45486 1.21341L9.00002 7.75835L15.6016 1.15699C15.9444 0.814207 16.5002 0.814207 16.8429 1.15699Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 700 B

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9999 2.69995C13.4734 2.69995 17.0999 6.29647 17.0999 10.733C17.0999 12.3941 16.5915 13.9374 15.7207 15.2183H2.27915C1.40828 13.9374 0.899902 12.3941 0.899902 10.733C0.899902 6.29647 4.5264 2.69995 8.9999 2.69995ZM8.9999 4.17268C5.33704 4.17268 2.37263 7.11259 2.37263 10.733C2.37263 11.765 2.61287 12.7593 3.06475 13.656L3.11087 13.7455H14.8889L14.8921 13.7398C15.3587 12.8462 15.6132 11.8525 15.6266 10.8192L15.6272 10.733C15.6272 7.11259 12.6628 4.17268 8.9999 4.17268ZM11.7821 8.02523C12.0678 8.29853 12.0855 8.74671 11.8279 9.04146L11.8052 9.06634L9.53203 11.4428C9.25092 11.7367 8.7848 11.7471 8.49091 11.466C8.20519 11.1927 8.18746 10.7445 8.44502 10.4497L8.46778 10.4248L10.7409 8.04836C11.022 7.75448 11.4882 7.74412 11.7821 8.02523Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 875 B

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.128 3.60013C14.9368 3.60427 15.3608 3.6899 15.8016 3.92564C16.2192 4.14899 16.551 4.48078 16.7743 4.89841C17.0161 5.35051 17.1 5.78485 17.1 6.63492V11.9189C17.0957 12.7277 17.0101 13.1517 16.7743 13.5924C16.551 14.0101 16.2192 14.3419 15.8016 14.5652C15.3721 14.7949 14.9586 14.8821 14.1895 14.8902L14.0651 14.8909H3.93493C3.08487 14.8909 2.65053 14.807 2.19843 14.5652C1.7808 14.3419 1.44901 14.0101 1.22565 13.5924C0.995959 13.163 0.908776 12.7495 0.900632 11.9804L0.899994 11.8559V6.63492C0.899994 5.78485 0.983869 5.35051 1.22565 4.89841C1.44901 4.48078 1.7808 4.14899 2.19843 3.92564C2.65053 3.68385 3.08487 3.59998 3.93493 3.59998L14.128 3.60013ZM8.26363 4.94998L3.88478 4.95007C3.31066 4.95218 3.08426 4.99165 2.87239 5.09683L2.83509 5.11608C2.65272 5.21361 2.51363 5.3527 2.4161 5.53507C2.29321 5.76486 2.24999 5.98866 2.24999 6.63492V11.9061C2.2522 12.4811 2.2918 12.7073 2.39735 12.9195L2.4161 12.9558C2.51363 13.1382 2.65272 13.2772 2.83509 13.3748C3.06487 13.4977 3.28867 13.5409 3.93493 13.5409H8.26363V4.94998ZM14.1152 4.95007L9.61363 4.94998V13.5408L14.1152 13.5408C14.6728 13.5387 14.9024 13.5014 15.1093 13.4029L15.1286 13.3935L15.1649 13.3748C15.3473 13.2772 15.4864 13.1382 15.5839 12.9558C15.7068 12.726 15.75 12.5022 15.75 11.8559L15.7499 6.58476C15.7478 6.01064 15.7083 5.78424 15.6031 5.57238L15.5839 5.53507C15.4864 5.3527 15.3473 5.21361 15.1649 5.11608L15.1451 5.10567L15.1286 5.09734C15.1111 5.08865 15.0936 5.08041 15.0758 5.0726C15.074 5.07185 15.0722 5.07107 15.0704 5.07029L15.0758 5.0726C15.0709 5.07049 15.0661 5.0684 15.0612 5.06635L15.0704 5.07029C15.0625 5.06688 15.0546 5.06355 15.0465 5.0603L15.0612 5.06635C15.0542 5.0634 15.0471 5.06052 15.04 5.0577L15.0465 5.0603C15.0423 5.05859 15.038 5.0569 15.0338 5.05524L15.04 5.0577C15.0267 5.0524 15.0131 5.04733 14.9992 5.04247C14.9969 5.04166 14.9945 5.04084 14.9921 5.04004L14.9992 5.04247C14.9909 5.03956 14.9824 5.03672 14.9739 5.03396C14.9476 5.02548 14.9201 5.01774 14.8911 5.01068C14.8871 5.00971 14.8831 5.00876 14.8791 5.00782L14.8911 5.01068C14.8824 5.00857 14.8736 5.00651 14.8646 5.00453L14.8791 5.00782C14.8713 5.006 14.8634 5.00423 14.8554 5.00251L14.8646 5.00453C14.8565 5.00272 14.8482 5.00096 14.8397 4.99926L14.8554 5.00251C14.848 5.00094 14.8406 4.99941 14.833 4.99791L14.8397 4.99926C14.8154 4.99433 14.79 4.98982 14.7632 4.9857C14.7582 4.98493 14.7531 4.98418 14.7481 4.98344L14.7632 4.9857C14.7548 4.98441 14.7462 4.98316 14.7376 4.98194L14.7481 4.98344C14.7246 4.98004 14.7002 4.97692 14.6746 4.97408C14.6659 4.97311 14.657 4.97217 14.648 4.97127C14.6355 4.97001 14.6228 4.96882 14.6098 4.96769C14.5937 4.96629 14.5772 4.96498 14.5603 4.96375C14.5552 4.96339 14.5501 4.96303 14.5449 4.96268L14.5603 4.96375C14.5479 4.96286 14.5354 4.96202 14.5225 4.96122L14.5449 4.96268C14.5333 4.96189 14.5215 4.96114 14.5095 4.96044L14.5225 4.96122C14.5116 4.96055 14.5006 4.9599 14.4893 4.95929L14.5095 4.96044C14.4818 4.9588 14.4528 4.95736 14.4225 4.95612C14.4214 4.95608 14.4202 4.95603 14.4189 4.95598L14.4225 4.95612C14.4109 4.95565 14.399 4.9552 14.387 4.95478L14.4189 4.95598C14.3749 4.9542 14.3281 4.95284 14.2784 4.95187C14.2563 4.95144 14.2337 4.95108 14.2104 4.9508L14.1152 4.95007ZM6.29999 10.7795C6.67279 10.7795 6.97499 11.0817 6.97499 11.4545C6.97499 11.8182 6.68735 12.1147 6.32714 12.129L6.29999 12.1295H4.0909C3.71811 12.1295 3.4159 11.8273 3.4159 11.4545C3.4159 11.0908 3.70355 10.7943 4.06375 10.7801L4.0909 10.7795H6.29999ZM13.1114 10.7795C13.4841 10.7795 13.7864 11.0817 13.7864 11.4545C13.7864 11.8182 13.4987 12.1147 13.1385 12.129L13.1114 12.1295H11.5159C11.1431 12.1295 10.8409 11.8273 10.8409 11.4545C10.8409 11.0908 11.1285 10.7943 11.4888 10.7801L11.5159 10.7795H13.1114ZM6.29999 8.57043C6.67279 8.57043 6.97499 8.87264 6.97499 9.24543C6.97499 9.60913 6.68735 9.90565 6.32714 9.91989L6.29999 9.92043H4.0909C3.71811 9.92043 3.4159 9.61822 3.4159 9.24543C3.4159 8.88173 3.70355 8.58521 4.06375 8.57097L4.0909 8.57043H6.29999ZM13.725 8.57043C14.0978 8.57043 14.4 8.87264 14.4 9.24543C14.4 9.60913 14.1123 9.90565 13.7521 9.91989L13.725 9.92043H11.5159C11.1431 9.92043 10.8409 9.61822 10.8409 9.24543C10.8409 8.88173 11.1285 8.58521 11.4888 8.57097L11.5159 8.57043H13.725ZM6.29999 6.36134C6.67279 6.36134 6.97499 6.66355 6.97499 7.03634C6.97499 7.40004 6.68735 7.69656 6.32714 7.7108L6.29999 7.71134H4.0909C3.71811 7.71134 3.4159 7.40913 3.4159 7.03634C3.4159 6.67264 3.70355 6.37612 4.06375 6.36188L4.0909 6.36134H6.29999ZM13.725 6.36134C14.0978 6.36134 14.4 6.66355 14.4 7.03634C14.4 7.40004 14.1123 7.69656 13.7521 7.7108L13.725 7.71134H11.5159C11.1431 7.71134 10.8409 7.40913 10.8409 7.03634C10.8409 6.67264 11.1285 6.37612 11.4888 6.36188L11.5159 6.36134H13.725Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -0,0 +1,3 @@
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.6275 16.4385L11.5989 16.4109L6.51469 11.3268C6.1286 10.9407 6.1286 10.3147 6.51469 9.92861C6.89136 9.55194 7.49635 9.54276 7.88416 9.90105L7.91283 9.92861L11.3423 13.3582V2.18835C11.3423 1.64234 11.785 1.19971 12.331 1.19971C12.8637 1.19971 13.298 1.62101 13.3188 2.14858L13.3196 2.18835V13.2924L16.683 9.92861C17.0597 9.55194 17.6647 9.54276 18.0525 9.90105L18.0812 9.92861C18.4579 10.3053 18.467 10.9103 18.1087 11.2981L18.0812 11.3268L12.997 16.4109C12.6203 16.7876 12.0153 16.7968 11.6275 16.4385ZM23.3012 20.8529C23.3012 21.399 22.8585 21.8416 22.3125 21.8416H2.71949C2.17348 21.8416 1.73085 21.399 1.73085 20.8529C1.73085 20.3069 2.17348 19.8643 2.71949 19.8643H22.3125C22.8585 19.8643 23.3012 20.3069 23.3012 20.8529ZM2.68981 21.7665C2.1438 21.7665 1.70117 21.3239 1.70117 20.7779V16.8233C1.70117 16.2773 2.1438 15.8347 2.68981 15.8347C3.23582 15.8347 3.67845 16.2773 3.67845 16.8233V20.7779C3.67845 21.3239 3.23582 21.7665 2.68981 21.7665ZM22.2829 21.7665C21.7368 21.7665 21.2942 21.3239 21.2942 20.7779V16.8233C21.2942 16.2773 21.7368 15.8347 22.2829 15.8347C22.8289 15.8347 23.2715 16.2773 23.2715 16.8233V20.7779C23.2715 21.3239 22.8289 21.7665 22.2829 21.7665Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,3 @@
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.26677 7.26676C5.12303 7.4105 4.89216 7.41401 4.74418 7.27728L4.73323 7.26676L0.610498 3.14403C0.463168 2.9967 0.463168 2.75783 0.610498 2.6105C0.754235 2.46676 0.985101 2.46325 1.13309 2.59998L1.14403 2.6105L4.99996 6.46651L8.85597 2.6105C8.99971 2.46676 9.23057 2.46326 9.37856 2.59998L9.3895 2.6105C9.53324 2.75423 9.53674 2.9851 9.40002 3.13309L9.3895 3.14403L5.26677 7.26676Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 513 B

View File

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M16.9452 7C17.4186 7 17.8726 7.18807 18.2074 7.52283L22.9068 12.2221C23.2416 12.5569 23.4297 13.0109 23.4297 13.4844V22.1736C23.4297 23.7346 22.1642 25 20.6032 25H11.8264C10.2654 25 9 23.7346 9 22.1736V9.82655C9 8.26555 10.2654 7 11.8264 7H16.9452ZM16.2147 8.63635H11.8264C11.1816 8.63635 10.6565 9.14932 10.6369 9.78948L10.6364 9.82655V22.1736C10.6364 22.8184 11.1493 23.3435 11.7894 23.3631L11.8264 23.3636H20.6032C21.2481 23.3636 21.7732 22.8507 21.7927 22.2106L21.7933 22.1736V14.2148L17.033 14.2149C16.5922 14.2149 16.2327 13.8663 16.2155 13.4297L16.2148 13.3968L16.2147 8.63635ZM20.9491 12.5785L17.851 9.48056L17.8512 12.5786L20.9491 12.5785Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 865 B

View File

@ -0,0 +1,5 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#929FB1" fill-opacity="0.1"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#929FB1" stroke-opacity="0.2"/>
<path d="M16.9452 7C17.4186 7 17.8726 7.18807 18.2074 7.52283L22.9068 12.2221C23.2416 12.5569 23.4297 13.0109 23.4297 13.4844V22.1736C23.4297 23.7346 22.1642 25 20.6032 25H11.8264C10.2654 25 9 23.7346 9 22.1736V9.82655C9 8.26555 10.2654 7 11.8264 7H16.9452ZM16.2147 8.63635H11.8264C11.1816 8.63635 10.6565 9.14932 10.6369 9.78948L10.6364 9.82655V22.1736C10.6364 22.8184 11.1493 23.3435 11.7894 23.3631L11.8264 23.3636H20.6032C21.2481 23.3636 21.7732 22.8507 21.7927 22.2106L21.7933 22.1736V14.2148L17.033 14.2149C16.5922 14.2149 16.2327 13.8663 16.2155 13.4297L16.2148 13.3968L16.2147 8.63635ZM20.9491 12.5785L17.851 9.48056L17.8512 12.5786L20.9491 12.5785Z" fill="#929FB1"/>
</svg>

After

Width:  |  Height:  |  Size: 945 B

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.85066 0.900024C10.2768 0.900024 10.6854 1.06929 10.9867 1.37057L15.2161 5.5999C15.5174 5.9012 15.6867 6.30985 15.6867 6.73596V14.5562C15.6867 15.9611 14.5478 17.1 13.1429 17.1H5.2438C3.8389 17.1 2.70001 15.9611 2.70001 14.5562V3.44392C2.70001 2.03902 3.8389 0.900024 5.2438 0.900024H9.85066ZM9.19322 2.37274H5.2438C4.66346 2.37274 4.19087 2.83442 4.17324 3.41055L4.17273 3.44392V14.5562C4.17273 15.1366 4.63434 15.6092 5.21044 15.6268L5.2438 15.6273H13.1429C13.7233 15.6273 14.1959 15.1657 14.2135 14.5896L14.214 14.5562V7.39337L9.92972 7.39348C9.53296 7.39348 9.20949 7.07968 9.19394 6.68673L9.19336 6.65712L9.19322 2.37274ZM13.4542 5.92065L10.6659 3.13253L10.6661 5.92076L13.4542 5.92065Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 824 B

View File

@ -0,0 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M14.0921 8.8388C14.262 8.87058 14.413 8.92335 14.5657 9.00432L14.6141 9.03075C14.7479 9.10599 14.8815 9.20167 15.1907 9.45465L17.3211 11.1977H20.4951C21.7484 11.1977 22.2029 11.3282 22.6611 11.5732C23.1193 11.8183 23.4788 12.1778 23.7239 12.636L23.7502 12.686C23.9782 13.1283 24.0994 13.5943 24.0994 14.802V19.492C24.0994 20.984 23.9441 21.5251 23.6523 22.0705C23.3606 22.616 22.9326 23.044 22.3871 23.3358L22.3325 23.3645L22.2787 23.3918C21.775 23.6428 21.2218 23.778 19.8812 23.7828H12.1902C10.6982 23.7828 10.1572 23.6275 9.61172 23.3358C9.06626 23.044 8.63819 22.616 8.34647 22.0705L8.31776 22.0159C8.04929 21.497 7.90446 20.9534 7.89941 19.5658V11.9103C7.89941 11.1539 8.02131 10.6527 8.25099 10.2185C8.48068 9.78435 8.81814 9.44241 9.24927 9.20702C9.68039 8.97163 10.1798 8.84313 10.9362 8.83315L13.4141 8.80067L13.5404 8.80017C13.8263 8.80057 13.9533 8.81284 14.0921 8.8388ZM13.4743 10.2729L13.3421 10.2743L10.9556 10.3058L10.8486 10.3081C10.4171 10.322 10.1653 10.3848 9.95501 10.4996C9.77753 10.5965 9.64736 10.7284 9.5528 10.9072C9.43831 11.1236 9.37872 11.3828 9.37266 11.832C9.3761 11.856 9.37825 11.8801 9.37921 11.9044L9.37979 11.9341C9.37979 12.4966 9.82707 12.9547 10.3854 12.9721L10.4184 12.9726H13.8832C13.947 12.9726 14.0092 12.9544 14.0627 12.9204L14.0851 12.9049L15.6423 11.7271L14.179 10.53C14.0019 10.3863 13.9389 10.3408 13.889 10.3127L13.8757 10.3054C13.8545 10.2942 13.8449 10.2908 13.8213 10.2864L13.7903 10.2815L13.7691 10.279C13.7162 10.2738 13.6365 10.2717 13.4743 10.2729Z" fill="#FFC600"/>
<path d="M14.0921 8.8388C14.262 8.87058 14.413 8.92335 14.5657 9.00432L14.6141 9.03075C14.7479 9.10599 14.8815 9.20167 15.1907 9.45465L17.3211 11.1977H20.4951C21.7484 11.1977 22.2029 11.3282 22.6611 11.5732C23.1193 11.8183 23.4788 12.1778 23.7239 12.636L23.7502 12.686C23.9782 13.1283 24.0994 13.5943 24.0994 14.802V19.492C24.0994 20.984 23.9441 21.5251 23.6523 22.0705C23.3606 22.616 22.9326 23.044 22.3871 23.3358L22.3325 23.3645L22.2787 23.3918C21.775 23.6428 21.2218 23.778 19.8812 23.7828H12.1902C10.6982 23.7828 10.1572 23.6275 9.61172 23.3358C9.06626 23.044 8.63819 22.616 8.34647 22.0705L8.31776 22.0159C8.04929 21.497 7.90446 20.9534 7.89941 19.5658V11.9103C7.89941 11.1539 8.02131 10.6527 8.25099 10.2185C8.48068 9.78435 8.81814 9.44241 9.24927 9.20702C9.68039 8.97163 10.1798 8.84313 10.9362 8.83315L13.4141 8.80067L13.5404 8.80017C13.8263 8.80057 13.9533 8.81284 14.0921 8.8388ZM14.9734 14.0796C14.6731 14.3066 14.3099 14.434 13.9345 14.4446L13.8832 14.4454H10.4184C10.045 14.4454 9.69062 14.3639 9.3721 14.2177V19.5606L9.37361 19.7417L9.37541 19.8619C9.39131 20.7189 9.4664 21.0417 9.64514 21.376C9.7996 21.6648 10.0174 21.8826 10.3063 22.0371L10.3482 22.059L10.3931 22.0812C10.7164 22.2359 11.0763 22.2997 11.9497 22.3089L12.1902 22.3101L19.9319 22.3098C20.9739 22.3046 21.3292 22.2314 21.6926 22.0371C21.9814 21.8826 22.1992 21.6648 22.3537 21.376L22.3756 21.334L22.3978 21.2891C22.5525 20.9659 22.6163 20.6059 22.6255 19.7325L22.6267 19.492V14.802C22.6267 13.8816 22.574 13.6087 22.4252 13.3306C22.3174 13.129 22.1681 12.9797 21.9665 12.8719L21.9317 12.8538C21.6703 12.7218 21.3896 12.6726 20.5518 12.6705L16.8367 12.6704L14.9734 14.0796Z" fill="white"/>
<path d="M14.0921 8.8388C14.262 8.87058 14.413 8.92335 14.5657 9.00432L14.6141 9.03075C14.7479 9.10599 14.8815 9.20167 15.1907 9.45465L17.3211 11.1977H20.4951C21.7484 11.1977 22.2029 11.3282 22.6611 11.5732C23.1193 11.8183 23.4788 12.1778 23.7239 12.636L23.7502 12.686C23.9782 13.1283 24.0994 13.5943 24.0994 14.802V19.492C24.0994 20.984 23.9441 21.5251 23.6523 22.0705C23.3606 22.616 22.9326 23.044 22.3871 23.3358L22.3325 23.3645L22.2787 23.3918C21.775 23.6428 21.2218 23.778 19.8812 23.7828H12.1902C10.6982 23.7828 10.1572 23.6275 9.61172 23.3358C9.06626 23.044 8.63819 22.616 8.34647 22.0705L8.31776 22.0159C8.04929 21.497 7.90446 20.9534 7.89941 19.5658V11.9103C7.89941 11.1539 8.02131 10.6527 8.25099 10.2185C8.48068 9.78435 8.81814 9.44241 9.24927 9.20702C9.68039 8.97163 10.1798 8.84313 10.9362 8.83315L13.4141 8.80067L13.5404 8.80017C13.8263 8.80057 13.9533 8.81284 14.0921 8.8388ZM14.9734 14.0796C14.6731 14.3066 14.3099 14.434 13.9345 14.4446L13.8832 14.4454H10.4184C10.045 14.4454 9.69062 14.3639 9.3721 14.2177V19.5606L9.37361 19.7417L9.37541 19.8619C9.39131 20.7189 9.4664 21.0417 9.64514 21.376C9.7996 21.6648 10.0174 21.8826 10.3063 22.0371L10.3482 22.059L10.3931 22.0812C10.7164 22.2359 11.0763 22.2997 11.9497 22.3089L12.1902 22.3101L19.9319 22.3098C20.9739 22.3046 21.3292 22.2314 21.6926 22.0371C21.9814 21.8826 22.1992 21.6648 22.3537 21.376L22.3756 21.334L22.3978 21.2891C22.5525 20.9659 22.6163 20.6059 22.6255 19.7325L22.6267 19.492V14.802C22.6267 13.8816 22.574 13.6087 22.4252 13.3306C22.3174 13.129 22.1681 12.9797 21.9665 12.8719L21.9317 12.8538C21.6703 12.7218 21.3896 12.6726 20.5518 12.6705L16.8367 12.6704L14.9734 14.0796ZM13.4743 10.2729L13.3421 10.2743L10.9556 10.3058L10.8486 10.3081C10.4171 10.322 10.1653 10.3848 9.95501 10.4996C9.77753 10.5965 9.64736 10.7284 9.5528 10.9072C9.43831 11.1236 9.37872 11.3828 9.37266 11.832C9.3761 11.856 9.37825 11.8801 9.37921 11.9044L9.37979 11.9341C9.37979 12.4966 9.82707 12.9547 10.3854 12.9721L10.4184 12.9726H13.8832C13.947 12.9726 14.0092 12.9544 14.0627 12.9204L14.0851 12.9049L15.6423 11.7271L14.179 10.53C14.0019 10.3863 13.9389 10.3408 13.889 10.3127L13.8757 10.3054C13.8545 10.2942 13.8449 10.2908 13.8213 10.2864L13.7903 10.2815L13.7691 10.279C13.7162 10.2738 13.6365 10.2717 13.4743 10.2729Z" fill="#FFA800"/>
</svg>

After

Width:  |  Height:  |  Size: 5.6 KiB

View File

@ -0,0 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#FFA800" fill-opacity="0.1"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#FFA800" stroke-opacity="0.2"/>
<path d="M14.0921 8.8388C14.262 8.87058 14.413 8.92335 14.5657 9.00432L14.6141 9.03075C14.7479 9.10599 14.8815 9.20167 15.1907 9.45465L17.3211 11.1977H20.4951C21.7484 11.1977 22.2029 11.3282 22.6611 11.5732C23.1193 11.8183 23.4788 12.1778 23.7239 12.636L23.7502 12.686C23.9782 13.1283 24.0994 13.5943 24.0994 14.802V19.492C24.0994 20.984 23.9441 21.5251 23.6523 22.0705C23.3606 22.616 22.9326 23.044 22.3871 23.3358L22.3325 23.3645L22.2787 23.3918C21.775 23.6428 21.2218 23.778 19.8812 23.7828H12.1902C10.6982 23.7828 10.1572 23.6275 9.61172 23.3358C9.06626 23.044 8.63819 22.616 8.34647 22.0705L8.31776 22.0159C8.04929 21.497 7.90446 20.9534 7.89941 19.5658V11.9103C7.89941 11.1539 8.02131 10.6527 8.25099 10.2185C8.48068 9.78435 8.81814 9.44241 9.24927 9.20702C9.68039 8.97163 10.1798 8.84313 10.9362 8.83315L13.4141 8.80067L13.5404 8.80017C13.8263 8.80057 13.9533 8.81284 14.0921 8.8388ZM13.4743 10.2729L13.3421 10.2743L10.9556 10.3058L10.8486 10.3081C10.4171 10.322 10.1653 10.3848 9.95501 10.4996C9.77753 10.5965 9.64736 10.7284 9.5528 10.9072C9.43831 11.1236 9.37872 11.3828 9.37266 11.832C9.3761 11.856 9.37825 11.8801 9.37921 11.9044L9.37979 11.9341C9.37979 12.4966 9.82707 12.9547 10.3854 12.9721L10.4184 12.9726H13.8832C13.947 12.9726 14.0092 12.9544 14.0627 12.9204L14.0851 12.9049L15.6423 11.7271L14.179 10.53C14.0019 10.3863 13.9389 10.3408 13.889 10.3127L13.8757 10.3054C13.8545 10.2942 13.8449 10.2908 13.8213 10.2864L13.7903 10.2815L13.7691 10.279C13.7162 10.2738 13.6365 10.2717 13.4743 10.2729Z" fill="#FFC600" fill-opacity="0.5"/>
<path d="M14.0921 8.8388C14.262 8.87058 14.413 8.92335 14.5657 9.00432L14.6141 9.03075C14.7479 9.10599 14.8815 9.20167 15.1907 9.45465L17.3211 11.1977H20.4951C21.7484 11.1977 22.2029 11.3282 22.6611 11.5732C23.1193 11.8183 23.4788 12.1778 23.7239 12.636L23.7502 12.686C23.9782 13.1283 24.0994 13.5943 24.0994 14.802V19.492C24.0994 20.984 23.9441 21.5251 23.6523 22.0705C23.3606 22.616 22.9326 23.044 22.3871 23.3358L22.3325 23.3645L22.2787 23.3918C21.775 23.6428 21.2218 23.778 19.8812 23.7828H12.1902C10.6982 23.7828 10.1572 23.6275 9.61172 23.3358C9.06626 23.044 8.63819 22.616 8.34647 22.0705L8.31776 22.0159C8.04929 21.497 7.90446 20.9534 7.89941 19.5658V11.9103C7.89941 11.1539 8.02131 10.6527 8.25099 10.2185C8.48068 9.78435 8.81814 9.44241 9.24927 9.20702C9.68039 8.97163 10.1798 8.84313 10.9362 8.83315L13.4141 8.80067L13.5404 8.80017C13.8263 8.80057 13.9533 8.81284 14.0921 8.8388ZM14.9734 14.0796C14.6731 14.3066 14.3099 14.434 13.9345 14.4446L13.8832 14.4454H10.4184C10.045 14.4454 9.69062 14.3639 9.3721 14.2177V19.5606L9.37361 19.7417L9.37541 19.8619C9.39131 20.7189 9.4664 21.0417 9.64514 21.376C9.7996 21.6648 10.0174 21.8826 10.3063 22.0371L10.3482 22.059L10.3931 22.0812C10.7164 22.2359 11.0763 22.2997 11.9497 22.3089L12.1902 22.3101L19.9319 22.3098C20.9739 22.3046 21.3292 22.2314 21.6926 22.0371C21.9814 21.8826 22.1992 21.6648 22.3537 21.376L22.3756 21.334L22.3978 21.2891C22.5525 20.9659 22.6163 20.6059 22.6255 19.7325L22.6267 19.492V14.802C22.6267 13.8816 22.574 13.6087 22.4252 13.3306C22.3174 13.129 22.1681 12.9797 21.9665 12.8719L21.9317 12.8538C21.6703 12.7218 21.3896 12.6726 20.5518 12.6705L16.8367 12.6704L14.9734 14.0796ZM13.4743 10.2729L13.3421 10.2743L10.9556 10.3058L10.8486 10.3081C10.4171 10.322 10.1653 10.3848 9.95501 10.4996C9.77753 10.5965 9.64736 10.7284 9.5528 10.9072C9.43831 11.1236 9.37872 11.3828 9.37266 11.832C9.3761 11.856 9.37825 11.8801 9.37921 11.9044L9.37979 11.9341C9.37979 12.4966 9.82707 12.9547 10.3854 12.9721L10.4184 12.9726H13.8832C13.947 12.9726 14.0092 12.9544 14.0627 12.9204L14.0851 12.9049L15.6423 11.7271L14.179 10.53C14.0019 10.3863 13.9389 10.3408 13.889 10.3127L13.8757 10.3054C13.8545 10.2942 13.8449 10.2908 13.8213 10.2864L13.7903 10.2815L13.7691 10.279C13.7162 10.2738 13.6365 10.2717 13.4743 10.2729Z" fill="#FFA800"/>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.09273 1.83862C7.2626 1.8704 7.41357 1.92317 7.56625 2.00414L7.61471 2.03057C7.74847 2.1058 7.88213 2.20149 8.19133 2.45447L10.3217 4.19751H13.4957C14.749 4.19751 15.2035 4.328 15.6617 4.57304C16.1198 4.81808 16.4794 5.17766 16.7245 5.63584L16.7507 5.68585C16.9788 6.12813 17.1 6.59407 17.1 7.80178V12.4918C17.1 13.9838 16.9446 14.5249 16.6529 15.0703C16.3612 15.6158 15.9331 16.0439 15.3877 16.3356L15.3331 16.3643L15.2793 16.3916C14.7756 16.6427 14.2223 16.7778 12.8818 16.7826H5.19079C3.69879 16.7826 3.15775 16.6273 2.6123 16.3356C2.06684 16.0439 1.63877 15.6158 1.34705 15.0703L1.31834 15.0158C1.04987 14.4969 0.905038 13.9532 0.899994 12.5656V4.91008C0.899994 4.15367 1.02189 3.65256 1.25157 3.21837C1.48126 2.78417 1.81872 2.44223 2.24985 2.20684C2.68097 1.97145 3.18043 1.84295 3.93678 1.83297L6.41469 1.80048L6.54096 1.79999C6.82689 1.80039 6.95392 1.81266 7.09273 1.83862ZM7.97397 7.07938C7.67373 7.30642 7.31046 7.43381 6.93504 7.44445L6.88378 7.44518H3.41896C3.04556 7.44518 2.6912 7.36369 2.37269 7.21752V12.5604L2.37419 12.7415L2.37599 12.8618C2.39189 13.7187 2.46698 14.0416 2.64573 14.3758C2.80018 14.6646 3.01803 14.8824 3.30683 15.0369L3.34877 15.0588L3.39368 15.081C3.71695 15.2357 4.07688 15.2995 4.95026 15.3087L5.19079 15.3099L12.9325 15.3096C13.9745 15.3045 14.3298 15.2312 14.6932 15.0369C14.982 14.8824 15.1998 14.6646 15.3543 14.3758L15.3762 14.3339L15.3983 14.2889C15.5531 13.9657 15.6168 13.6057 15.6261 12.7324L15.6273 12.4918V7.80178C15.6273 6.88146 15.5746 6.60856 15.4258 6.33038C15.318 6.12885 15.1687 5.97949 14.9671 5.87171L14.9323 5.85361C14.6709 5.72157 14.3902 5.67238 13.5524 5.6703L9.83731 5.67017L7.97397 7.07938ZM6.47489 3.27269L6.34265 3.27408L3.95621 3.30557L3.84915 3.30796C3.41773 3.32185 3.16585 3.38465 2.95559 3.49945C2.77811 3.59635 2.64794 3.72825 2.55338 3.907C2.4389 4.12343 2.3793 4.38262 2.37324 4.83186C2.37668 4.85579 2.37883 4.87987 2.37979 4.90425L2.38037 4.93387C2.38037 5.49643 2.82765 5.95453 3.38599 5.97194L3.41896 5.97245H6.88378C6.94754 5.97245 7.00978 5.95424 7.06329 5.92024L7.08566 5.90471L8.64293 4.72696L7.17963 3.52982C7.00245 3.38612 6.93952 3.34067 6.88962 3.31253L6.87625 3.30522C6.8551 3.29401 6.84547 3.29064 6.82193 3.28624L6.79088 3.28128L6.76967 3.27886C6.71675 3.27363 6.63713 3.27155 6.47489 3.27269Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9748 0.900024C12.5536 0.900024 13.6073 1.15908 14.5169 1.64553C15.4265 2.13198 16.1403 2.84582 16.6268 3.7554C17.1132 4.66498 17.3723 5.71873 17.3723 7.29751V7.29918C17.3723 8.87796 17.1132 9.93171 16.6268 10.8413C16.1403 11.7509 15.4265 12.4647 14.5169 12.9512C13.6073 13.4376 12.5536 13.6967 10.9748 13.6967H5.98505L0.899994 17.1V7.84998C0.899994 5.60824 1.15905 4.66498 1.6455 3.7554C2.13194 2.84582 2.84579 2.13198 3.75537 1.64553L3.82823 1.6071C4.71618 1.14545 5.66799 0.900024 7.84995 0.900024H10.9748ZM10.9748 2.3975H7.76594L7.59978 2.39853C5.9408 2.41256 5.19794 2.57221 4.46158 2.96602C3.81296 3.31291 3.31288 3.81299 2.96599 4.46161L2.92859 4.53296C2.54961 5.27107 2.40217 6.04506 2.39747 7.76597V14.404L5.59297 12.1992H10.9748C12.2549 12.1992 13.0882 12.0171 13.8107 11.6307C14.4593 11.2838 14.9594 10.7837 15.3063 10.1351C15.6839 9.42902 15.8664 8.61715 15.8745 7.38577L15.8748 7.29918V7.29751C15.8748 6.01736 15.6927 5.18409 15.3063 4.46161C14.9594 3.81299 14.4593 3.31291 13.8107 2.96602C13.1046 2.58842 12.2928 2.40589 11.0614 2.39779L10.9748 2.3975Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,3 @@
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 1.2002C15.9833 1.2002 19.0814 2.84925 21.0563 5.40926C20.6658 5.24878 20.2382 5.1602 19.79 5.1602C19.2217 5.1602 18.6868 5.30251 18.2187 5.55344C18.2762 5.51368 18.3349 5.47577 18.395 5.43974C16.8329 4.03495 14.7663 3.1802 12.5 3.1802C10.5465 3.1802 8.74137 3.81525 7.27976 4.89018L9.34995 4.8902C11.3879 4.8902 13.04 6.54226 13.04 8.58019C13.04 10.5973 11.4214 12.2364 9.41221 12.2697L9.34995 12.2702H7.72995C7.23289 12.2702 6.82995 12.6731 6.82995 13.1702C6.82995 13.6542 7.21197 14.0489 7.69091 14.0694L7.72995 14.0702H8.04495C9.78967 14.0702 11.2078 15.4687 11.2394 17.2058L11.24 17.3102C11.24 18.6106 10.4739 19.732 9.36842 20.2479C10.3415 20.6178 11.3971 20.8202 12.5 20.8202C13.5225 20.8202 14.5044 20.6462 15.4177 20.3262C14.1228 19.7533 13.2193 18.4573 13.2193 16.9502C13.2193 14.9331 14.8378 13.294 16.847 13.2607L16.9093 13.2602H20.3293C20.8263 13.2602 21.2293 12.8573 21.2293 12.3602C21.2293 12.0662 21.0883 11.805 20.8702 11.6408C21.8908 11.2912 22.6876 10.4595 22.9891 9.41746C23.1922 10.245 23.3 11.11 23.3 12.0002C23.3 17.9649 18.4646 22.8002 12.5 22.8002C6.53528 22.8002 1.69995 17.9649 1.69995 12.0002C1.69995 6.03552 6.53528 1.2002 12.5 1.2002ZM20.716 15.2144L20.6685 15.2204C20.5756 15.2313 20.4814 15.2378 20.386 15.2396L20.3293 15.2402H16.9093C15.9649 15.2402 15.1993 16.0058 15.1993 16.9502C15.1993 17.8783 15.9387 18.6337 16.8606 18.6595L16.9093 18.6602L18.2825 18.6603C19.3497 17.7329 20.1917 16.5534 20.716 15.2144ZM9.34995 6.8702L5.32447 6.8702C4.28927 8.31559 3.67995 10.0867 3.67995 12.0002C3.67995 14.6103 4.81368 16.9555 6.61555 18.5704L7.99995 18.5702C8.68133 18.5702 9.23639 18.0293 9.25922 17.3535L9.25995 17.3102V17.2652C9.25995 16.6084 8.73888 16.0734 8.08761 16.0509L8.04495 16.0502H7.72995C6.13937 16.0502 4.84995 14.7608 4.84995 13.1702C4.84995 11.5986 6.10885 10.3209 7.67327 10.2907L7.72995 10.2902H9.34995C10.2944 10.2902 11.06 9.5246 11.06 8.58019C11.06 7.65207 10.3205 6.89665 9.39864 6.87087L9.34995 6.8702ZM19.7279 6.51134C20.8214 6.51134 21.7079 7.39781 21.7079 8.49134C21.7079 9.58486 20.8214 10.4713 19.7279 10.4713C18.6344 10.4713 17.7479 9.58486 17.7479 8.49134C17.7479 7.39781 18.6344 6.51134 19.7279 6.51134Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M17.7533 7L18.0235 7.00105C20.34 7.01951 21.2206 7.28039 22.1081 7.75504C23.0293 8.24771 23.7523 8.97068 24.245 9.89189L24.2806 9.95931C24.7443 10.8472 24.9936 11.7648 25 14.1541V17.7533C25 20.0455 24.7829 21.0087 24.3728 21.8574C24.3441 21.9599 24.2948 22.0579 24.2251 22.145L24.245 22.1081C23.7523 23.0293 23.0293 23.7523 22.1081 24.245L22.0407 24.2806C21.1526 24.7444 20.2349 24.9937 17.8448 25H14.2467C11.7269 25 10.8131 24.7376 9.89189 24.245C8.97068 23.7523 8.24771 23.0293 7.75504 22.1081L7.7194 22.0407C7.2556 21.1526 7.00628 20.2349 7 17.8448V14.2467C7 11.7269 7.26237 10.8131 7.75504 9.89189C8.24771 8.97068 8.97068 8.24771 9.89189 7.75504L9.95931 7.7194C10.8472 7.25567 11.7648 7.00636 14.1541 7H17.7533ZM10.8382 15.3679L8.63621 16.8954L8.63636 17.8406L8.63807 18.1028C8.65498 19.8298 8.798 20.5566 9.14866 21.2423L9.16607 21.276L9.198 21.3364C9.53816 21.9724 10.0276 22.4618 10.6636 22.802L10.7322 22.838C11.4523 23.2086 12.1867 23.3506 13.9827 23.3628L14.2466 23.3636H17.8406L18.1028 23.3619C18.1338 23.3616 18.1646 23.3613 18.195 23.3609L10.8382 15.3679ZM19.1338 18.3973L17.2838 19.9546L20.2649 23.1937C20.6482 23.1133 20.949 23.0013 21.2423 22.8513L21.276 22.8339L21.3364 22.802C21.8252 22.5406 22.2274 22.191 22.5418 21.7545L19.1338 18.3973ZM17.8429 8.63636H14.2467C12.2971 8.63636 11.5103 8.7717 10.7904 9.13215L10.724 9.16607L10.6636 9.198C10.0276 9.53816 9.53816 10.0276 9.198 10.6636L9.16201 10.7322C8.79141 11.4523 8.64937 12.1867 8.63723 13.9827L8.63636 14.2466L8.63621 14.9038L10.4912 13.617C10.8167 13.3912 11.2554 13.4318 11.534 13.7085L11.5596 13.7352L12.7035 14.9781C13.2093 12.7526 15.1918 11.0909 17.562 11.0909C20.3153 11.0909 22.5455 13.3332 22.5455 16.097C22.5455 17.0388 22.2854 17.9441 21.8021 18.7285L23.2207 20.1265C23.3138 19.6162 23.3564 18.9644 23.3628 18.0172L23.3636 17.7533V14.2467C23.3636 12.2971 23.2283 11.5103 22.8678 10.7904L22.8339 10.724L22.802 10.6636C22.4618 10.0276 21.9724 9.53816 21.3364 9.198L21.2678 9.16201C20.5248 8.77964 19.7667 8.64058 17.8429 8.63636ZM17.562 12.7273C15.7144 12.7273 14.2149 14.235 14.2149 16.097C14.2149 16.2921 14.2313 16.4846 14.2635 16.6734L16.1745 18.7494L18.6503 16.6653C18.9636 16.4015 19.4217 16.4111 19.7236 16.6822L19.7514 16.7084L20.5903 17.5347C20.7988 17.0907 20.9091 16.6027 20.9091 16.097C20.9091 14.235 19.4095 12.7273 17.562 12.7273Z" fill="#7B61FF"/>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,5 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#7B61FF" fill-opacity="0.1"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#7B61FF" stroke-opacity="0.2"/>
<path d="M17.7533 7L18.0235 7.00105C20.34 7.01951 21.2206 7.28039 22.1081 7.75504C23.0293 8.24771 23.7523 8.97068 24.245 9.89189L24.2806 9.95931C24.7443 10.8472 24.9936 11.7648 25 14.1541V17.7533C25 20.0455 24.7829 21.0087 24.3728 21.8574C24.3441 21.9599 24.2948 22.0579 24.2251 22.145L24.245 22.1081C23.7523 23.0293 23.0293 23.7523 22.1081 24.245L22.0407 24.2806C21.1526 24.7444 20.2349 24.9937 17.8448 25H14.2467C11.7269 25 10.8131 24.7376 9.89189 24.245C8.97068 23.7523 8.24771 23.0293 7.75504 22.1081L7.7194 22.0407C7.2556 21.1526 7.00628 20.2349 7 17.8448V14.2467C7 11.7269 7.26237 10.8131 7.75504 9.89189C8.24771 8.97068 8.97068 8.24771 9.89189 7.75504L9.95931 7.7194C10.8472 7.25567 11.7648 7.00636 14.1541 7H17.7533ZM10.8382 15.3679L8.63621 16.8954L8.63636 17.8406L8.63807 18.1028C8.65498 19.8298 8.798 20.5566 9.14866 21.2423L9.16607 21.276L9.198 21.3364C9.53816 21.9724 10.0276 22.4618 10.6636 22.802L10.7322 22.838C11.4523 23.2086 12.1867 23.3506 13.9827 23.3628L14.2466 23.3636H17.8406L18.1028 23.3619C18.1338 23.3616 18.1646 23.3613 18.195 23.3609L10.8382 15.3679ZM19.1338 18.3973L17.2838 19.9546L20.2649 23.1937C20.6482 23.1133 20.949 23.0013 21.2423 22.8513L21.276 22.8339L21.3364 22.802C21.8252 22.5406 22.2274 22.191 22.5418 21.7545L19.1338 18.3973ZM17.8429 8.63636H14.2467C12.2971 8.63636 11.5103 8.7717 10.7904 9.13215L10.724 9.16607L10.6636 9.198C10.0276 9.53816 9.53816 10.0276 9.198 10.6636L9.16201 10.7322C8.79141 11.4523 8.64937 12.1867 8.63723 13.9827L8.63636 14.2466L8.63621 14.9038L10.4912 13.617C10.8167 13.3912 11.2554 13.4318 11.534 13.7085L11.5596 13.7352L12.7035 14.9781C13.2093 12.7526 15.1918 11.0909 17.562 11.0909C20.3153 11.0909 22.5455 13.3332 22.5455 16.097C22.5455 17.0388 22.2854 17.9441 21.8021 18.7285L23.2207 20.1265C23.3138 19.6162 23.3564 18.9644 23.3628 18.0172L23.3636 17.7533V14.2467C23.3636 12.2971 23.2283 11.5103 22.8678 10.7904L22.8339 10.724L22.802 10.6636C22.4618 10.0276 21.9724 9.53816 21.3364 9.198L21.2678 9.16201C20.5248 8.77964 19.7667 8.64058 17.8429 8.63636ZM17.562 12.7273C15.7144 12.7273 14.2149 14.235 14.2149 16.097C14.2149 16.2921 14.2313 16.4846 14.2635 16.6734L16.1745 18.7494L18.6503 16.6653C18.9636 16.4015 19.4217 16.4111 19.7236 16.6822L19.7514 16.7084L20.5903 17.5347C20.7988 17.0907 20.9091 16.6027 20.9091 16.097C20.9091 14.235 19.4095 12.7273 17.562 12.7273Z" fill="#7B61FF"/>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 0.800049C11.9765 0.800049 15.2 4.02361 15.2 8.00007C15.2 11.9765 11.9765 15.2001 8 15.2001C4.02355 15.2001 0.800003 11.9765 0.800003 8.00007C0.800003 4.02361 4.02355 0.800049 8 0.800049ZM8 2.12005C4.75257 2.12005 2.12 4.75263 2.12 8.00007C2.12 11.2475 4.75257 13.8801 8 13.8801C11.2474 13.8801 13.88 11.2475 13.88 8.00007C13.88 4.75263 11.2474 2.12005 8 2.12005ZM8.6 4.70043V8.49687C8.6 8.86138 8.30451 9.15688 7.94 9.15688C7.58439 9.15688 7.29446 8.87562 7.28053 8.52342L7.28 8.49687V4.74435C7.28 4.37614 7.572 4.07426 7.94 4.06202C8.29258 4.05029 8.58792 4.3266 8.59965 4.67918C8.59988 4.68626 8.6 4.69334 8.6 4.70043ZM8.6 11.0604V11.1369C8.6 11.5014 8.30451 11.7969 7.94 11.7969C7.58439 11.7969 7.29446 11.5156 7.28053 11.1634L7.28 11.1369V11.1044C7.28 10.7362 7.572 10.4343 7.94 10.422C8.29258 10.4103 8.58792 10.6866 8.59965 11.0392C8.59988 11.0463 8.6 11.0534 8.6 11.0604Z" fill="#929FB1"/>
</svg>

After

Width:  |  Height:  |  Size: 1012 B

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.85808 0.900024C12.1454 0.900024 14.8165 3.53827 14.8696 6.81293L14.8704 6.91235L14.8705 8.19194C15.1641 8.4008 15.4012 8.67111 15.575 8.99599L15.6125 9.06814C15.8069 9.45427 15.9118 9.87336 15.9162 10.8989V13.8255C15.9162 14.9641 15.7976 15.377 15.575 15.7933C15.3524 16.2095 15.0257 16.5362 14.6094 16.7588L14.5373 16.7963C14.1511 16.9907 13.732 17.0957 12.7065 17.0999L5.07453 17.1C3.9359 17.1 3.523 16.9815 3.10674 16.7588C2.69047 16.5362 2.36379 16.2095 2.14116 15.7933L2.11544 15.7443C1.91355 15.3515 1.80441 14.9364 1.79999 13.8904V10.9638C1.79999 9.82515 1.91854 9.41225 2.14116 8.99599C2.31491 8.67111 2.55204 8.4008 2.84567 8.19194L2.84575 6.91235C2.84575 3.59183 5.53756 0.900024 8.85808 0.900024ZM12.6417 9.16807L5.0157 9.16819L4.86555 9.16941C4.21518 9.17757 4.01355 9.22249 3.80416 9.33447C3.64561 9.41927 3.53002 9.53485 3.44522 9.69341L3.42172 9.73944C3.32683 9.9351 3.28667 10.1564 3.27989 10.76L3.27883 10.9637L3.27894 13.8843L3.28016 14.0345C3.28832 14.6848 3.33324 14.8865 3.44522 15.0959C3.53002 15.2544 3.64561 15.37 3.80416 15.4548L3.85019 15.4783C4.04585 15.5732 4.26712 15.6133 4.87077 15.6201L5.07453 15.6212L12.7468 15.6209C13.4766 15.6172 13.6927 15.5721 13.912 15.4548C14.0706 15.37 14.1861 15.2544 14.2709 15.0959L14.2944 15.0498C14.3893 14.8542 14.4295 14.6329 14.4363 14.0292L14.4373 13.8255L14.4371 10.8586C14.4333 10.1288 14.3882 9.91275 14.2709 9.69341C14.1861 9.53485 14.0706 9.41927 13.912 9.33447L13.866 9.31096C13.6703 9.21608 13.449 9.17592 12.8454 9.16913L12.6417 9.16807ZM8.99252 10.7814C9.66076 10.7814 10.2025 11.3231 10.2025 11.9913C10.2025 12.3811 10.0182 12.7278 9.73202 12.9491L9.73194 13.4029C9.73194 13.8113 9.40089 14.1423 8.99252 14.1423C8.58415 14.1423 8.2531 13.8113 8.2531 13.4029L8.25315 12.9492C7.96689 12.7279 7.78256 12.3811 7.78256 11.9913C7.78256 11.3231 8.32428 10.7814 8.99252 10.7814ZM8.85808 2.37886C6.37934 2.37886 4.36523 4.36818 4.3252 6.83738L4.32459 6.91235L4.32451 7.71275C4.51881 7.69832 4.74386 7.69046 5.00964 7.68937L12.6416 7.68924C12.936 7.68924 13.1818 7.69716 13.3918 7.71275L13.3916 6.91235C13.3916 4.40857 11.3619 2.37886 8.85808 2.37886Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.74364 0.900024L7.9692 0.900584C9.84679 0.912383 10.8184 1.11217 11.8064 1.63587C12.2829 1.88843 12.7094 2.20354 13.0794 2.57677C13.3634 2.86322 13.3614 3.32564 13.0749 3.6096C12.7885 3.89357 12.3261 3.89156 12.0421 3.60511C11.7767 3.33742 11.4695 3.11045 11.1224 2.92645C10.3523 2.5183 9.58982 2.36547 7.87023 2.36079L7.74577 2.36068L7.58266 2.36162C6.03399 2.37528 5.28872 2.5205 4.58222 2.87734L4.48747 2.92645C3.81363 3.2836 3.28956 3.80299 2.92971 4.46984L2.89078 4.54347C2.50945 5.28011 2.36539 6.03812 2.36077 7.68392L2.36065 10.3088L2.36243 10.5487C2.38012 12.0019 2.52241 12.725 2.86187 13.4003L2.899 13.4725L2.92971 13.5302C3.28956 14.1971 3.81363 14.7164 4.48747 15.0736C5.2575 15.4817 6.02 15.6346 7.7396 15.6393L7.86406 15.6394L8.02716 15.6384C9.57583 15.6248 10.3211 15.4795 11.0276 15.1227L11.1224 15.0736C11.4206 14.9155 11.6893 14.7258 11.9273 14.5057C12.2235 14.232 12.6856 14.2501 12.9594 14.5463C13.2332 14.8425 13.215 15.3046 12.9188 15.5784C12.6111 15.8628 12.2682 16.1097 11.8907 16.3185L11.803 16.366L11.7377 16.4001C10.8073 16.8805 9.86521 17.0754 8.13615 17.0979L7.86619 17.1L7.64062 17.0995C5.76304 17.0877 4.79147 16.8879 3.80342 16.3642C2.89931 15.885 2.18012 15.1832 1.68229 14.293L1.64241 14.2204L1.60796 14.1557L1.55954 14.0616C1.10104 13.1513 0.917732 12.2043 0.901122 10.491L0.899994 10.311V7.76695L0.900578 7.58397C0.9127 5.72232 1.11492 4.75715 1.64427 3.77619C2.1283 2.87921 2.83643 2.16642 3.73369 1.67354L3.80686 1.63405L3.8721 1.59993C4.84987 1.09514 5.84044 0.90557 7.74364 0.900024ZM14.0919 5.67472L14.1131 5.69508L16.9299 8.51192C17.2082 8.79017 17.215 9.23709 16.9503 9.52357L16.9299 9.54475L14.1131 12.3616C13.8279 12.6468 13.3655 12.6468 13.0803 12.3616C12.802 12.0833 12.7952 11.6364 13.0599 11.3499L13.0803 11.3288L14.6748 9.73426H6.42342C6.02007 9.73426 5.6931 9.40728 5.6931 9.00393C5.6931 8.61042 6.00432 8.2896 6.39405 8.27419L6.42342 8.27361H14.6262L13.0803 6.72792C12.802 6.44967 12.7952 6.00274 13.0599 5.71626L13.0803 5.69508C13.3585 5.41683 13.8054 5.41004 14.0919 5.67472Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.0007 16C12.5312 16 13.0399 16.2107 13.4149 16.5858C13.79 16.9609 14.0007 17.4696 14.0007 18C14.0007 18.5304 13.79 19.0391 13.4149 19.4142C13.0399 19.7893 12.5312 20 12.0007 20C11.4703 20 10.9616 19.7893 10.5865 19.4142C10.2114 19.0391 10.0007 18.5304 10.0007 18C10.0007 17.4696 10.2114 16.9609 10.5865 16.5858C10.9616 16.2107 11.4703 16 12.0007 16ZM12.0007 10C12.5312 10 13.0399 10.2107 13.4149 10.5858C13.79 10.9609 14.0007 11.4696 14.0007 12C14.0007 12.5304 13.79 13.0391 13.4149 13.4142C13.0399 13.7893 12.5312 14 12.0007 14C11.4703 14 10.9616 13.7893 10.5865 13.4142C10.2114 13.0391 10.0007 12.5304 10.0007 12C10.0007 11.4696 10.2114 10.9609 10.5865 10.5858C10.9616 10.2107 11.4703 10 12.0007 10ZM12.0007 4C12.5312 4 13.0399 4.21071 13.4149 4.58579C13.79 4.96086 14.0007 5.46957 14.0007 6C14.0007 6.53043 13.79 7.03914 13.4149 7.41421C13.0399 7.78929 12.5312 8 12.0007 8C11.4703 8 10.9616 7.78929 10.5865 7.41421C10.2114 7.03914 10.0007 6.53043 10.0007 6C10.0007 5.46957 10.2114 4.96086 10.5865 4.58579C10.9616 4.21071 11.4703 4 12.0007 4Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,7 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M16.9452 7C17.4186 7 17.8726 7.18807 18.2074 7.52283L22.9068 12.2221C23.2416 12.5569 23.4297 13.0109 23.4297 13.4844V22.1736C23.4297 23.7346 22.1642 25 20.6032 25H11.8264C10.2654 25 9 23.7346 9 22.1736V9.82655C9 8.26555 10.2654 7 11.8264 7H16.9452ZM16.2147 8.63635H11.8264C11.1816 8.63635 10.6565 9.14932 10.6369 9.78948L10.6364 9.82655V22.1736C10.6364 22.8184 11.1493 23.3435 11.7894 23.3631L11.8264 23.3636H20.6032C21.2481 23.3636 21.7732 22.8507 21.7927 22.2106L21.7933 22.1736V14.2148L17.033 14.2149C16.5922 14.2149 16.2327 13.8663 16.2155 13.4297L16.2148 13.3968L16.2147 8.63635ZM20.9491 12.5785L17.851 9.48056L17.8512 12.5786L20.9491 12.5785Z" fill="#FF458B"/>
<path d="M12 20V17H13.3211C13.5482 17 13.747 17.0439 13.9173 17.1318C14.0877 17.2197 14.2202 17.3433 14.3149 17.5024C14.4095 17.6616 14.4568 17.8477 14.4568 18.0605C14.4568 18.2754 14.408 18.4614 14.3104 18.6187C14.2137 18.7759 14.0777 18.897 13.9024 18.9819C13.728 19.0669 13.5243 19.1094 13.2912 19.1094H12.5021V18.4766H13.1238C13.2214 18.4766 13.3046 18.46 13.3734 18.4268C13.4431 18.3926 13.4964 18.3442 13.5333 18.2817C13.5711 18.2192 13.5901 18.1455 13.5901 18.0605C13.5901 17.9746 13.5711 17.9014 13.5333 17.8408C13.4964 17.7793 13.4431 17.7324 13.3734 17.7002C13.3046 17.667 13.2214 17.6504 13.1238 17.6504H12.8309V20H12Z" fill="#FF458B"/>
<path d="M15.9393 20H14.7617V17H15.9273C16.2422 17 16.5141 17.0601 16.7433 17.1802C16.9734 17.2993 17.1508 17.4712 17.2753 17.6958C17.4008 17.9194 17.4636 18.1875 17.4636 18.5C17.4636 18.8125 17.4013 19.0811 17.2768 19.3057C17.1523 19.5293 16.9759 19.7012 16.7478 19.8213C16.5196 19.9404 16.2501 20 15.9393 20ZM15.5926 19.3086H15.9094C16.0608 19.3086 16.1899 19.2847 16.2965 19.2368C16.4041 19.189 16.4857 19.1064 16.5415 18.9893C16.5983 18.8721 16.6267 18.709 16.6267 18.5C16.6267 18.291 16.5978 18.1279 16.54 18.0107C16.4833 17.8936 16.3996 17.811 16.289 17.7632C16.1794 17.7153 16.0449 17.6914 15.8855 17.6914H15.5926V19.3086Z" fill="#FF458B"/>
<path d="M17.848 20V17H20V17.6563H18.6789V18.1719H19.8685V18.8281H18.6789V20H17.848Z" fill="#FF458B"/>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,8 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#FF458B" fill-opacity="0.1"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#FF458B" stroke-opacity="0.2"/>
<path d="M16.9452 7C17.4186 7 17.8726 7.18807 18.2074 7.52283L22.9068 12.2221C23.2416 12.5569 23.4297 13.0109 23.4297 13.4844V22.1736C23.4297 23.7346 22.1642 25 20.6032 25H11.8264C10.2654 25 9 23.7346 9 22.1736V9.82655C9 8.26555 10.2654 7 11.8264 7H16.9452ZM16.2147 8.63635H11.8264C11.1816 8.63635 10.6565 9.14932 10.6369 9.78948L10.6364 9.82655V22.1736C10.6364 22.8184 11.1493 23.3435 11.7894 23.3631L11.8264 23.3636H20.6032C21.2481 23.3636 21.7732 22.8507 21.7927 22.2106L21.7933 22.1736V14.2148L17.033 14.2149C16.5922 14.2149 16.2327 13.8663 16.2155 13.4297L16.2148 13.3968L16.2147 8.63635ZM20.9491 12.5785L17.851 9.48056L17.8512 12.5786L20.9491 12.5785Z" fill="#FF458B"/>
<path d="M12 20V17H13.3211C13.5482 17 13.747 17.0439 13.9173 17.1318C14.0877 17.2197 14.2202 17.3433 14.3149 17.5024C14.4095 17.6616 14.4568 17.8477 14.4568 18.0605C14.4568 18.2754 14.408 18.4614 14.3104 18.6187C14.2137 18.7759 14.0777 18.897 13.9024 18.9819C13.728 19.0669 13.5243 19.1094 13.2912 19.1094H12.5021V18.4766H13.1238C13.2214 18.4766 13.3046 18.46 13.3734 18.4268C13.4431 18.3926 13.4964 18.3442 13.5333 18.2817C13.5711 18.2192 13.5901 18.1455 13.5901 18.0605C13.5901 17.9746 13.5711 17.9014 13.5333 17.8408C13.4964 17.7793 13.4431 17.7324 13.3734 17.7002C13.3046 17.667 13.2214 17.6504 13.1238 17.6504H12.8309V20H12Z" fill="#FF458B"/>
<path d="M15.9393 20H14.7617V17H15.9273C16.2422 17 16.5141 17.0601 16.7433 17.1802C16.9734 17.2993 17.1508 17.4712 17.2753 17.6958C17.4008 17.9194 17.4636 18.1875 17.4636 18.5C17.4636 18.8125 17.4013 19.0811 17.2768 19.3057C17.1523 19.5293 16.9759 19.7012 16.7478 19.8213C16.5196 19.9404 16.2501 20 15.9393 20ZM15.5926 19.3086H15.9094C16.0608 19.3086 16.1899 19.2847 16.2965 19.2368C16.4041 19.189 16.4857 19.1064 16.5415 18.9893C16.5983 18.8721 16.6267 18.709 16.6267 18.5C16.6267 18.291 16.5978 18.1279 16.54 18.0107C16.4833 17.8936 16.3996 17.811 16.289 17.7632C16.1794 17.7153 16.0449 17.6914 15.8855 17.6914H15.5926V19.3086Z" fill="#FF458B"/>
<path d="M17.848 20V17H20V17.6563H18.6789V18.1719H19.8685V18.8281H18.6789V20H17.848Z" fill="#FF458B"/>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.99999 0.900024C13.4735 0.900024 17.1 4.52652 17.1 9.00002C17.1 13.4735 13.4735 17.1 8.99999 17.1C4.52649 17.1 0.899994 13.4735 0.899994 9.00002C0.899994 4.52652 4.52649 0.900024 8.99999 0.900024ZM8.99999 2.38502C5.34663 2.38502 2.38499 5.34666 2.38499 9.00002C2.38499 12.6534 5.34663 15.615 8.99999 15.615C12.6534 15.615 15.615 12.6534 15.615 9.00002C15.615 5.34666 12.6534 2.38502 8.99999 2.38502ZM9.6746 6.20904L9.6749 6.22099L9.67486 8.30072H11.6934C12.1076 8.30072 12.4472 8.62922 12.461 9.04322C12.4742 9.43988 12.1633 9.77213 11.7667 9.78533L11.7547 9.78563L9.67486 9.78572L9.67499 11.8539C9.67499 12.264 9.34257 12.5964 8.93249 12.5964C8.53242 12.5964 8.20626 12.28 8.19058 11.8838L8.18999 11.8539L8.18986 9.78572H6.12179C5.71172 9.78572 5.37929 9.4533 5.37929 9.04322C5.37929 8.64316 5.6957 8.31699 6.09193 8.30131L6.12179 8.30072H8.18986L8.18999 6.28235C8.18999 5.86811 8.51849 5.5285 8.93249 5.51473C9.32915 5.50153 9.6614 5.81238 9.6746 6.20904Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M16.2231 7.08668L16.2547 7.10399L23.4149 11.2391C23.6543 11.3774 23.7829 11.6116 23.8006 11.8529L23.8021 11.8809L23.8027 11.9121V20.1078C23.8027 20.3739 23.6664 20.6205 23.4432 20.7624L23.4136 20.7803L16.2533 24.8968C16.0234 25.029 15.7426 25.0342 15.5088 24.9125L15.4772 24.8951L8.38642 20.7787C8.15725 20.6457 8.01254 20.4054 8.00088 20.1422L8 20.1078L8.00026 11.8975L8 11.8738C8.00141 11.6177 8.12975 11.3687 8.35943 11.2228L8.38748 11.2058L15.4783 7.10425C15.697 6.97771 15.9622 6.96636 16.1893 7.07023L16.2231 7.08668ZM22.251 13.2549L16.6424 16.4939V22.8832L22.251 19.6588V13.2549ZM9.55175 13.2614V19.6611L15.0908 22.8766V16.4916L9.55175 13.2614ZM15.8669 8.67182L10.2916 11.8967L15.8686 15.149L21.4755 11.9109L15.8669 8.67182Z" fill="#0149FF"/>
</svg>

After

Width:  |  Height:  |  Size: 948 B

View File

@ -0,0 +1,5 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#0149FF" fill-opacity="0.1"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#0149FF" stroke-opacity="0.2"/>
<path d="M16.2231 7.08668L16.2547 7.10399L23.4149 11.2391C23.6543 11.3774 23.7829 11.6116 23.8006 11.8529L23.8021 11.8809L23.8027 11.9121V20.1078C23.8027 20.3739 23.6664 20.6205 23.4432 20.7624L23.4136 20.7803L16.2533 24.8968C16.0234 25.029 15.7426 25.0342 15.5088 24.9125L15.4772 24.8951L8.38642 20.7787C8.15725 20.6457 8.01254 20.4054 8.00088 20.1422L8 20.1078L8.00026 11.8975L8 11.8738C8.00141 11.6177 8.12975 11.3687 8.35943 11.2228L8.38748 11.2058L15.4783 7.10425C15.697 6.97771 15.9622 6.96636 16.1893 7.07023L16.2231 7.08668ZM22.251 13.2549L16.6424 16.4939V22.8832L22.251 19.6588V13.2549ZM9.55175 13.2614V19.6611L15.0908 22.8766V16.4916L9.55175 13.2614ZM15.8669 8.67182L10.2916 11.8967L15.8686 15.149L21.4755 11.9109L15.8669 8.67182Z" fill="#0149FF"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.20081 0.978035L9.22929 0.993614L15.6735 4.71524C15.8889 4.83967 16.0046 5.05047 16.0206 5.26767L16.022 5.29284L16.0225 5.32092V12.697C16.0225 12.9365 15.8998 13.1585 15.6989 13.2862L15.6723 13.3023L9.22806 17.0071C9.02108 17.1261 8.76841 17.1308 8.55793 17.0213L8.52949 17.0056L2.14783 13.3009C1.94158 13.1811 1.81134 12.9649 1.80084 12.728L1.80005 12.697L1.80028 5.30779L1.80005 5.28646C1.80132 5.05592 1.91682 4.83187 2.12354 4.70054L2.14878 4.68524L8.53049 0.993853C8.72739 0.879964 8.96603 0.869749 9.17042 0.963234L9.20081 0.978035ZM14.626 6.52945L9.57824 9.44452V15.1949L14.626 12.2929V6.52945ZM3.19662 6.53529V12.295L8.18177 15.189V9.44249L3.19662 6.53529ZM8.88026 2.40466L3.86249 5.30703L8.88178 8.23416L13.928 5.31985L8.88026 2.40466Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 877 B

View File

@ -0,0 +1,6 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.80108 10.6364L1.79999 9.00001L4.80108 7.36365" stroke="#56606D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.1988 7.36365L16.1999 9.00001L13.1988 10.6364" stroke="#56606D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.2 12.2727L8.99999 16.2L1.79999 12.2727L4.80108 10.6364L8.99999 12.9273L13.1989 10.6364L16.2 12.2727Z" stroke="#56606D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.79999 5.72732L8.99999 9.6546L16.2 5.72732L8.99999 1.80005L1.79999 5.72732Z" stroke="#56606D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 764 B

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.00321 12.5639C9.40013 12.5639 9.72373 12.8778 9.73928 13.2709L9.73986 13.3005V16.3634C9.73986 16.7702 9.41005 17.1 9.00321 17.1C8.60629 17.1 8.28269 16.7861 8.26715 16.393L8.26656 16.3634V13.3005C8.26656 12.8937 8.59637 12.5639 9.00321 12.5639ZM12.5825 11.5386L12.6069 11.5619L14.7307 13.6857C15.0184 13.9733 15.0184 14.4398 14.7307 14.7275C14.451 15.0071 14.0024 15.0149 13.7133 14.7508L13.6889 14.7275L11.5651 12.6037C11.2774 12.316 11.2774 11.8496 11.5651 11.5619C11.8366 11.2904 12.2672 11.2751 12.5566 11.516L12.5825 11.5386ZM6.48415 11.4847C6.7631 11.7652 6.76968 12.2138 6.50477 12.5022L6.4814 12.5265L4.29031 14.702C4.00187 14.989 3.53545 14.9877 3.24853 14.6993C2.96958 14.4189 2.963 13.9702 3.22792 13.6818L3.25129 13.6575L5.44237 11.482C5.73081 11.1951 6.19723 11.1963 6.48415 11.4847ZM4.70534 8.26333C5.11218 8.26333 5.44199 8.59314 5.44199 8.99998C5.44199 9.3969 5.12808 9.7205 4.73497 9.73605L4.70534 9.73663H1.63655C1.22971 9.73663 0.899902 9.40682 0.899902 8.99998C0.899902 8.60306 1.21382 8.27946 1.60693 8.26391L1.63655 8.26333H4.70534ZM16.3668 8.26333C16.7736 8.26333 17.1034 8.59314 17.1034 8.99998C17.1034 9.3969 16.7895 9.7205 16.3964 9.73605L16.3668 9.73663H13.422C13.0152 9.73663 12.6854 9.40682 12.6854 8.99998C12.6854 8.60306 12.9993 8.27946 13.3924 8.26391L13.422 8.26333H16.3668ZM4.28844 3.2445L4.31282 3.26781L6.44387 5.39886C6.73155 5.68654 6.73155 6.15296 6.44387 6.44064C6.16419 6.72033 5.71555 6.7281 5.42647 6.46395L5.40209 6.44064L3.27104 4.30959C2.98336 4.02191 2.98336 3.55549 3.27104 3.26781C3.54251 2.99635 3.97313 2.98105 4.26253 3.2219L4.28844 3.2445ZM14.7335 3.27487C15.0125 3.5553 15.0191 4.00395 14.7542 4.29233L14.7308 4.31665L12.6582 6.37432C12.3697 6.66124 11.9033 6.66001 11.6164 6.37157C11.3374 6.09114 11.3309 5.64248 11.5958 5.35411L11.6191 5.32979L13.6918 3.27211C13.9802 2.9852 14.4466 2.98643 14.7335 3.27487ZM9.00321 0.900024C9.40013 0.900024 9.72373 1.21394 9.73928 1.60705L9.73986 1.63668V4.58293C9.73986 4.98977 9.41005 5.31958 9.00321 5.31958C8.60629 5.31958 8.28269 5.00566 8.26715 4.61256L8.26656 4.58293V1.63668C8.26656 1.22983 8.59637 0.900024 9.00321 0.900024Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.1279 3.60013C14.9368 3.60427 15.3607 3.6899 15.8015 3.92564C16.2191 4.14899 16.5509 4.48078 16.7742 4.89841C17.016 5.35051 17.0999 5.78485 17.0999 6.63492V11.9189C17.0956 12.7277 17.01 13.1517 16.7742 13.5924C16.5509 14.0101 16.2191 14.3419 15.8015 14.5652C15.372 14.7949 14.9585 14.8821 14.1894 14.8902L14.065 14.8909H3.93484C3.08478 14.8909 2.65044 14.807 2.19834 14.5652C1.78071 14.3419 1.44891 14.0101 1.22556 13.5924C0.995867 13.163 0.908685 12.7495 0.900541 11.9804L0.899902 11.8559V6.63492C0.899902 5.78485 0.983778 5.35051 1.22556 4.89841C1.44891 4.48078 1.78071 4.14899 2.19834 3.92564C2.65044 3.68385 3.08478 3.59998 3.93484 3.59998L14.1279 3.60013ZM8.26354 4.94998L3.88469 4.95007C3.31057 4.95218 3.08417 4.99165 2.8723 5.09683L2.835 5.11608C2.65263 5.21361 2.51354 5.3527 2.41601 5.53507C2.29312 5.76486 2.2499 5.98866 2.2499 6.63492V11.9061C2.25211 12.4811 2.29171 12.7073 2.39726 12.9195L2.41601 12.9558C2.51354 13.1382 2.65263 13.2772 2.835 13.3748C3.06478 13.4977 3.28858 13.5409 3.93484 13.5409H8.26354V4.94998ZM14.1151 4.95007L9.61354 4.94998V13.5408L14.1151 13.5408C14.6727 13.5387 14.9023 13.5014 15.1092 13.4029L15.1285 13.3935L15.1648 13.3748C15.3472 13.2772 15.4863 13.1382 15.5838 12.9558C15.7067 12.726 15.7499 12.5022 15.7499 11.8559L15.7498 6.58476C15.7477 6.01064 15.7082 5.78424 15.603 5.57238L15.5838 5.53507C15.4863 5.3527 15.3472 5.21361 15.1648 5.11608L15.145 5.10567L15.1285 5.09734C15.1111 5.08865 15.0935 5.08041 15.0757 5.0726C15.074 5.07185 15.0722 5.07107 15.0704 5.07029L15.0757 5.0726C15.0708 5.07049 15.066 5.0684 15.0611 5.06635L15.0704 5.07029C15.0624 5.06688 15.0545 5.06355 15.0464 5.0603L15.0611 5.06635C15.0541 5.0634 15.0471 5.06052 15.0399 5.0577L15.0464 5.0603C15.0422 5.05859 15.0379 5.0569 15.0337 5.05524L15.0399 5.0577C15.0266 5.0524 15.013 5.04733 14.9991 5.04247C14.9968 5.04166 14.9944 5.04084 14.9921 5.04004L14.9991 5.04247C14.9908 5.03956 14.9823 5.03672 14.9738 5.03396C14.9475 5.02549 14.9201 5.01774 14.891 5.01068C14.887 5.00971 14.8831 5.00876 14.879 5.00782L14.891 5.01068C14.8823 5.00857 14.8735 5.00652 14.8645 5.00453L14.879 5.00782C14.8712 5.006 14.8633 5.00423 14.8553 5.00251L14.8645 5.00453C14.8564 5.00272 14.8481 5.00096 14.8397 4.99926L14.8553 5.00251C14.8479 5.00094 14.8405 4.99941 14.8329 4.99791L14.8397 4.99926C14.8153 4.99433 14.7899 4.98982 14.7631 4.9857C14.7581 4.98493 14.7531 4.98418 14.748 4.98344L14.7631 4.9857C14.7547 4.98441 14.7461 4.98316 14.7375 4.98194L14.748 4.98344C14.7246 4.98004 14.7001 4.97692 14.6745 4.97408C14.6658 4.97311 14.6569 4.97217 14.6479 4.97127C14.6354 4.97001 14.6227 4.96882 14.6097 4.96769C14.5936 4.96629 14.5771 4.96498 14.5602 4.96375C14.5551 4.96339 14.55 4.96303 14.5448 4.96268L14.5602 4.96375C14.5478 4.96286 14.5353 4.96202 14.5224 4.96122L14.5448 4.96268C14.5332 4.96189 14.5214 4.96114 14.5095 4.96044L14.5224 4.96122C14.5116 4.96055 14.5005 4.9599 14.4893 4.95929L14.5095 4.96044C14.4817 4.9588 14.4527 4.95736 14.4225 4.95612C14.4213 4.95608 14.4201 4.95603 14.4188 4.95598L14.4225 4.95612C14.4108 4.95565 14.3989 4.9552 14.3869 4.95478L14.4188 4.95598C14.3748 4.9542 14.3281 4.95284 14.2783 4.95187C14.2562 4.95144 14.2336 4.95108 14.2103 4.9508L14.1151 4.95007ZM6.2999 10.7795C6.67269 10.7795 6.9749 11.0817 6.9749 11.4545C6.9749 11.8182 6.68726 12.1147 6.32705 12.129L6.2999 12.1295H4.09081C3.71802 12.1295 3.41581 11.8273 3.41581 11.4545C3.41581 11.0908 3.70346 10.7943 4.06366 10.7801L4.09081 10.7795H6.2999ZM13.1113 10.7795C13.4841 10.7795 13.7863 11.0817 13.7863 11.4545C13.7863 11.8182 13.4986 12.1147 13.1384 12.129L13.1113 12.1295H11.5158C11.143 12.1295 10.8408 11.8273 10.8408 11.4545C10.8408 11.0908 11.1285 10.7943 11.4887 10.7801L11.5158 10.7795H13.1113ZM6.2999 8.57043C6.67269 8.57043 6.9749 8.87264 6.9749 9.24543C6.9749 9.60913 6.68726 9.90565 6.32705 9.91989L6.2999 9.92043H4.09081C3.71802 9.92043 3.41581 9.61822 3.41581 9.24543C3.41581 8.88173 3.70346 8.58521 4.06366 8.57097L4.09081 8.57043H6.2999ZM13.7249 8.57043C14.0977 8.57043 14.3999 8.87264 14.3999 9.24543C14.3999 9.60913 14.1123 9.90565 13.7521 9.91989L13.7249 9.92043H11.5158C11.143 9.92043 10.8408 9.61822 10.8408 9.24543C10.8408 8.88173 11.1285 8.58521 11.4887 8.57097L11.5158 8.57043H13.7249ZM6.2999 6.36134C6.67269 6.36134 6.9749 6.66355 6.9749 7.03634C6.9749 7.40004 6.68726 7.69656 6.32705 7.7108L6.2999 7.71134H4.09081C3.71802 7.71134 3.41581 7.40913 3.41581 7.03634C3.41581 6.67264 3.70346 6.37612 4.06366 6.36188L4.09081 6.36134H6.2999ZM13.7249 6.36134C14.0977 6.36134 14.3999 6.66355 14.3999 7.03634C14.3999 7.40004 14.1123 7.69656 13.7521 7.7108L13.7249 7.71134H11.5158C11.143 7.71134 10.8408 7.40913 10.8408 7.03634C10.8408 6.67264 11.1285 6.37612 11.4887 6.36188L11.5158 6.36134H13.7249Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.0802 8.51985C13.3389 8.77857 13.3452 9.19413 13.0991 9.46051L13.0802 9.4802L5.65925 16.9011C5.39406 17.1663 4.96409 17.1663 4.6989 16.9011C4.44017 16.6424 4.43386 16.2268 4.67996 15.9605L4.6989 15.9408L11.6397 9.0001L4.6989 2.05928C4.44017 1.80055 4.43386 1.38499 4.67996 1.11861L4.6989 1.09892C4.95762 0.840194 5.37318 0.833883 5.63956 1.07999L5.65925 1.09892L13.0802 8.51985Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 512 B

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.06749 0.900024L9.11645 0.900438L9.16529 0.901677C9.53115 0.909002 9.89106 0.940584 10.2435 0.99488C9.98774 1.47157 9.8346 2.00947 9.81271 2.58037L9.8101 2.57899V15.4211C11.1641 14.7192 12.375 12.1847 12.375 9.00002C12.375 7.94799 12.2428 6.96691 12.0171 6.0994C12.496 6.31487 13.0287 6.43502 13.59 6.43502L13.6147 6.43474C13.7738 7.2409 13.86 8.10345 13.86 9.00002C13.86 11.169 13.3556 13.1389 12.5342 14.5928C14.3857 13.4203 15.615 11.3537 15.615 9.00002C15.615 7.98925 15.3883 7.03143 14.983 6.17462C15.4572 5.99009 15.8844 5.71379 16.2419 5.36813C16.7909 6.46038 17.1 7.69411 17.1 9.00002C17.1 13.3741 13.6329 16.9384 9.29698 17.0947L9.16532 17.0984C9.13277 17.0995 9.10017 17.1 9.06749 17.1H8.99999C4.52649 17.1 0.899994 13.4735 0.899994 9.00002C0.899994 4.52652 4.52649 0.900024 8.99999 0.900024H9.06749ZM8.32503 2.57892C6.971 3.28067 5.75999 5.81527 5.75999 9.00002C5.75999 12.1848 6.971 14.7194 8.32503 15.4211V2.57892ZM5.6737 3.2809L5.60267 3.3229C3.67508 4.4789 2.38499 6.5888 2.38499 9.00002C2.38499 11.4407 3.70681 13.5727 5.67364 14.7191C4.80936 13.254 4.27499 11.2325 4.27499 9.00002C4.27499 6.76756 4.80936 4.74604 5.6737 3.2809ZM13.6575 0.900024C14.7013 0.900024 15.5475 1.71599 15.5475 2.72252C15.5475 3.72906 14.7013 4.54502 13.6575 4.54502C12.6137 4.54502 11.7675 3.72906 11.7675 2.72252C11.7675 1.71599 12.6137 0.900024 13.6575 0.900024Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.404 0.900024C11.1434 0.900024 11.7428 1.49941 11.7428 2.23884L11.7428 2.45717C11.7427 2.95367 12.1452 3.35618 12.6417 3.35619C12.7996 3.35619 12.9546 3.31465 13.0913 3.23575L13.2804 3.12657C13.9207 2.75688 14.7395 2.97628 15.1093 3.61663L16.7159 6.39936C17.0791 7.02847 16.8737 7.82985 16.2592 8.20837L16.2258 8.22823L16.0368 8.33737C15.6281 8.57329 15.4881 9.09582 15.724 9.50447C15.799 9.63436 15.9068 9.74223 16.0367 9.81722L16.1589 9.88774C16.7992 10.2575 17.0186 11.0763 16.6489 11.7166L15.1093 14.3834C14.7461 15.0126 13.9493 15.2354 13.3143 14.8924L13.2804 14.8734L13.0913 14.7642C12.6613 14.516 12.1115 14.6633 11.8632 15.0933C11.7843 15.2299 11.7428 15.385 11.7428 15.5428L11.7428 15.7612C11.7428 16.4881 11.1636 17.0797 10.4415 17.0995L10.404 17.1H7.19073C6.45132 17.1 5.8519 16.5006 5.85185 15.7612L5.85185 15.6588C5.85184 15.1993 5.4793 14.8267 5.01977 14.8268C4.87371 14.8268 4.73023 14.8652 4.60374 14.9382L4.51514 14.9894C3.88603 15.3527 3.08464 15.1473 2.70612 14.5327L2.68625 14.4994L1.07964 11.7166C0.709969 11.0763 0.929356 10.2575 1.56967 9.88771L1.75883 9.77849C2.1888 9.53023 2.33611 8.98042 2.08785 8.55044C2.00894 8.41378 1.89544 8.30029 1.75877 8.22139L1.56972 8.11226C0.940552 7.74911 0.717704 6.95241 1.06064 6.31731L1.07964 6.28342L2.61931 3.61663C2.98903 2.97628 3.80785 2.75688 4.44821 3.12657L4.57027 3.19704C4.97892 3.43297 5.50146 3.29295 5.73739 2.8843C5.81237 2.75443 5.85185 2.6071 5.85185 2.45713L5.85185 2.23887C5.8519 1.49946 6.45132 0.900024 7.19073 0.900024H10.404ZM7.32468 2.37262L7.32458 2.45717C7.32457 2.86564 7.21704 3.26691 7.01281 3.62065C6.37786 4.72045 4.98075 5.10589 3.8738 4.49498L3.82789 4.46884L2.4221 6.90366L2.49507 6.94594C2.83762 7.14368 3.12497 7.42378 3.33134 7.76042L3.36325 7.81404C4.0105 8.93506 3.63858 10.3648 2.53495 11.0304L2.49523 11.0539L2.4221 11.0961L3.89496 13.6473L3.92306 13.6317C4.24088 13.4597 4.5947 13.3649 4.95592 13.3549L5.01973 13.354C6.26337 13.354 7.27697 14.339 7.32295 15.5714L7.32441 15.6273H10.2701L10.27 15.5428C10.27 15.1473 10.3689 14.7584 10.5573 14.4113L10.5878 14.3569C11.2351 13.2359 12.6593 12.8431 13.7875 13.4662L13.8277 13.4889L13.9008 13.5309L15.3066 11.0961L15.3004 11.0926C14.9643 10.8986 14.6823 10.6237 14.4799 10.2934L14.4486 10.2408C13.8136 9.141 14.1784 7.73836 15.261 7.08521L15.3004 7.06193L15.3735 7.01974L13.9008 4.46884L13.8276 4.51117C13.4851 4.70893 13.0988 4.81772 12.7041 4.8281L12.6417 4.82891C11.3466 4.82888 10.2939 3.79073 10.2704 2.50099L10.27 2.45692L10.2701 2.37275L7.32468 2.37262ZM8.91187 5.31821C10.9453 5.31821 12.5937 6.96661 12.5937 9.00003C12.5937 11.0334 10.9453 12.6818 8.91187 12.6818C6.87846 12.6818 5.23006 11.0334 5.23006 9.00003C5.23006 6.96661 6.87846 5.31821 8.91187 5.31821ZM8.91187 6.79093C7.69183 6.79093 6.70278 7.77998 6.70278 9.00003C6.70278 10.2201 7.69183 11.2091 8.91187 11.2091C10.1319 11.2091 11.121 10.2201 11.121 9.00003C11.121 7.77998 10.1319 6.79093 8.91187 6.79093Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@ -0,0 +1,3 @@
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.20117 14.1995L1.20192 13.8995C1.21761 11.4028 1.48327 10.1109 2.17965 8.79708C2.51549 8.16345 2.9345 7.59632 3.4308 7.10432C3.8117 6.72672 4.42659 6.72939 4.80419 7.11029C5.18179 7.49119 5.17912 8.10608 4.79822 8.48368C4.44227 8.83655 4.14045 9.24506 3.89577 9.70668C3.35305 10.7306 3.14982 11.7445 3.1436 14.0311L3.14345 14.1966L3.14471 14.4135C3.16287 16.4729 3.35598 17.4639 3.83047 18.4033L3.89577 18.5293C4.3707 19.4253 5.06134 20.1222 5.94808 20.6007L6.04599 20.6525C7.02552 21.1596 8.03348 21.3511 10.2219 21.3573L13.7123 21.3574L14.0314 21.3551C15.9637 21.3315 16.9252 21.1423 17.8232 20.6909L17.9193 20.6416L17.996 20.6007C18.8827 20.1222 19.5733 19.4253 20.0483 18.5293C20.591 17.5054 20.7942 16.4915 20.8004 14.2049L20.8006 14.0394L20.7993 13.8225C20.7812 11.7631 20.5881 10.7721 20.1136 9.83268L20.0483 9.70668C19.8381 9.31013 19.5857 8.95278 19.2932 8.63627C18.9291 8.24241 18.9533 7.62799 19.3471 7.26393C19.741 6.89987 20.3554 6.92403 20.7195 7.31789C21.0976 7.72702 21.426 8.18297 21.7036 8.68499L21.7668 8.80165L21.8122 8.8884C22.4509 10.1257 22.7101 11.3783 22.7401 13.6775L22.7429 14.0365L22.7421 14.3365C22.7264 16.8332 22.4608 18.1251 21.7644 19.4389C21.1272 20.6411 20.194 21.5975 19.0103 22.2595L18.9137 22.3125L18.8277 22.3583L18.7026 22.4227C17.4921 23.0324 16.2328 23.2761 13.9546 23.2982L13.7152 23.2997H10.3324L10.089 23.2989C7.61354 23.2828 6.33012 23.0139 5.02571 22.31C3.83296 21.6664 2.88514 20.7248 2.22974 19.5316L2.17724 19.4343L2.13187 19.3476C1.46062 18.0474 1.20855 16.7302 1.20117 14.1995ZM7.55025 5.75795L7.57732 5.72979L11.323 1.98415C11.693 1.61414 12.2873 1.60512 12.6682 1.95707L12.6964 1.98415L16.442 5.72979C16.8213 6.10904 16.8213 6.72394 16.442 7.10319C16.072 7.4732 15.4777 7.48222 15.0968 7.13027L15.0686 7.10319L12.9484 4.98288V15.955C12.9484 16.4914 12.5136 16.9262 11.9772 16.9262C11.454 16.9262 11.0273 16.5123 11.0068 15.9941L11.0061 15.955V5.0475L8.95072 7.10319C8.58072 7.4732 7.98643 7.48222 7.60548 7.13027L7.57732 7.10319C7.20732 6.73319 7.19829 6.1389 7.55025 5.75795Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M20.0916 9C19.6844 9 19.3524 9.32205 19.3365 9.72533L19.3359 9.75573L19.3359 21.9504H18.2673L18.2672 14.2901C18.2672 13.8829 17.9451 13.5509 17.5418 13.535L17.5115 13.5344H14.5267C14.1195 13.5344 13.7875 13.8564 13.7716 14.2597L13.771 14.2901L13.771 21.9504H12.6336V18.9618C12.6336 18.5546 12.3115 18.2227 11.9083 18.2067L11.8779 18.2061H8.89312C8.48592 18.2061 8.15395 18.5282 8.13799 18.9314L8.13739 18.9618L8.13744 21.9504H7.75573C7.33835 21.9504 7 22.2887 7 22.7061C7 23.1133 7.32205 23.4453 7.72533 23.4612L7.75573 23.4618H24.2443C24.6617 23.4618 25 23.1235 25 22.7061C25 22.2989 24.678 21.9669 24.2747 21.951L24.2443 21.9504H23.8321V9.75573C23.8321 9.34853 23.51 9.01655 23.1067 9.0006L23.0763 9H20.0916ZM9.64889 21.9504V19.7176H11.1221V21.9504H9.64889ZM15.2825 15.0458H16.7557L16.7559 21.9504H15.2825V15.0458ZM20.8474 10.5115H22.3206V21.9504H20.8474V10.5115Z" fill="#00AC26"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,5 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#00AC26" fill-opacity="0.1"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#00AC26" stroke-opacity="0.2"/>
<path d="M20.0916 9C19.6844 9 19.3524 9.32205 19.3365 9.72533L19.3359 9.75573L19.3359 21.9504H18.2673L18.2672 14.2901C18.2672 13.8829 17.9451 13.5509 17.5418 13.535L17.5115 13.5344H14.5267C14.1195 13.5344 13.7875 13.8564 13.7716 14.2597L13.771 14.2901L13.771 21.9504H12.6336V18.9618C12.6336 18.5546 12.3115 18.2227 11.9083 18.2067L11.8779 18.2061H8.89312C8.48592 18.2061 8.15395 18.5282 8.13799 18.9314L8.13739 18.9618L8.13744 21.9504H7.75573C7.33835 21.9504 7 22.2887 7 22.7061C7 23.1133 7.32205 23.4453 7.72533 23.4612L7.75573 23.4618H24.2443C24.6617 23.4618 25 23.1235 25 22.7061C25 22.2989 24.678 21.9669 24.2747 21.951L24.2443 21.9504H23.8321V9.75573C23.8321 9.34853 23.51 9.01655 23.1067 9.0006L23.0763 9H20.0916ZM9.64889 21.9504V19.7176H11.1221V21.9504H9.64889ZM15.2825 15.0458H16.7557L16.7559 21.9504H15.2825V15.0458ZM20.8474 10.5115H22.3206V21.9504H20.8474V10.5115Z" fill="#00AC26"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.70001 1.61588C2.70001 1.08441 3.25932 0.738744 3.73468 0.976425L15.1737 6.69591C15.7006 6.95939 15.7006 7.71136 15.1737 7.97483L4.12988 13.4967V16.3851C4.12988 16.7799 3.8098 17.1 3.41495 17.1C3.02973 17.1 2.71567 16.7954 2.70058 16.4138L2.70001 16.3851V1.61588ZM4.12988 2.77265V11.898L13.2552 7.33537L4.12988 2.77265Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 452 B

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.706 3.59998C13.56 3.59998 15.0629 5.10292 15.0629 6.9569C15.0629 7.90694 14.6654 8.79086 13.9894 9.41778L13.9419 9.46077L13.975 9.47516C15.2884 10.0527 16.3478 11.1049 16.9302 12.4334L16.9594 12.5011L16.9873 12.5683L17.0261 12.6651C17.0749 12.7964 17.0999 12.9354 17.0999 13.0756C17.0999 13.7014 16.6112 14.2154 15.9889 14.2517L15.9555 14.2532L15.9218 14.2537H7.46736C7.31149 14.2537 7.15705 14.2239 7.01235 14.166C6.38496 13.9147 6.08009 13.2024 6.33177 12.574C6.89889 11.1806 7.98433 10.0758 9.34077 9.47758L9.4077 9.44857L9.44125 9.43448L9.40493 9.40101C9.29824 9.30057 9.19818 9.19324 9.10543 9.07976L9.05066 9.01094L9.03417 8.98902L9.0049 9.02722C8.68761 9.43175 8.28058 9.76003 7.81582 9.98362L7.75487 10.0122L7.70102 10.0361L7.64881 10.0627C7.31336 10.228 6.94881 10.3264 6.57429 10.3525L6.50396 10.3566L6.43734 10.3588L6.37503 10.3595L6.31812 10.3591L6.26293 10.3594C4.61058 10.3796 3.12361 11.3273 2.39647 12.7824L2.37142 12.8333L2.34737 12.8835L4.47011 12.8836C4.82977 12.8836 5.12469 13.1608 5.15295 13.5131L5.15462 13.5411L5.15517 13.5687C5.15517 13.9378 4.86324 14.2387 4.49766 14.2532L4.47011 14.2537H2.12363C1.44778 14.2537 0.899902 13.7058 0.899902 13.03C0.899902 12.9088 0.917894 12.7885 0.954094 12.6703L0.970724 12.6198L0.98803 12.574C1.55513 11.1807 2.64051 10.0759 3.9969 9.47763L4.06383 9.44862L4.0972 9.4346L4.09132 9.42921C3.43537 8.82693 3.03867 7.98456 3.00735 7.07365L3.00583 7.01415L3.00535 6.9569C3.00535 5.10292 4.50829 3.59998 6.36227 3.59998C7.40659 3.59998 8.36889 4.08075 8.9975 4.87697L9.03417 4.92428L9.03625 4.92154C9.64136 4.12812 10.5729 3.63601 11.5924 3.60188L11.6491 3.60045L11.706 3.59998ZM11.6607 10.359L11.6067 10.3594C9.93605 10.3798 8.43442 11.3484 7.71632 12.8309L7.69118 12.8835H15.63L15.6286 12.8802C14.9368 11.4062 13.4748 10.4259 11.8323 10.3624L11.7749 10.3606L11.7188 10.3595L11.6607 10.359ZM11.706 4.97008C10.6087 4.97008 9.7192 5.85961 9.7192 6.9569C9.7192 8.05419 10.6087 8.94372 11.706 8.94372C12.8033 8.94372 13.6928 8.05419 13.6928 6.9569C13.6928 5.85961 12.8033 4.97008 11.706 4.97008ZM6.36227 4.97008C5.26498 4.97008 4.37545 5.85961 4.37545 6.9569C4.37545 8.05419 5.26498 8.94372 6.36227 8.94372C7.45956 8.94372 8.34909 8.05419 8.34909 6.9569C8.34909 5.85961 7.45956 4.97008 6.36227 4.97008Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M21.6978 10.0002C22.5965 10.0048 23.0675 10.0999 23.5573 10.3618C24.0213 10.61 24.39 10.9787 24.6382 11.4427C24.9068 11.945 25 12.4276 25 13.3722V19.2433C24.9952 20.142 24.9001 20.613 24.6382 21.1027C24.39 21.5668 24.0213 21.9354 23.5573 22.1836C23.0801 22.4388 22.6207 22.5357 21.7661 22.5447L21.6278 22.5455H10.3722C9.42764 22.5455 8.94504 22.4523 8.44271 22.1836C7.97867 21.9354 7.61001 21.5668 7.36184 21.1027C7.10663 20.6255 7.00976 20.1661 7.00071 19.3116L7 19.1733V13.3722C7 12.4276 7.0932 11.945 7.36184 11.4427C7.61001 10.9787 7.97867 10.61 8.44271 10.3618C8.94504 10.0932 9.42764 10 10.3722 10L21.6978 10.0002ZM15.1818 11.5L10.3164 11.5001C9.67852 11.5025 9.42696 11.5463 9.19156 11.6632L9.15011 11.6846C8.94748 11.7929 8.79293 11.9475 8.68456 12.1501C8.54802 12.4054 8.5 12.6541 8.5 13.3722V19.229C8.50245 19.8679 8.54645 20.1193 8.66373 20.355L8.68456 20.3953C8.79293 20.598 8.94748 20.7525 9.15011 20.8609C9.40542 20.9974 9.65409 21.0455 10.3722 21.0455H15.1818V11.5ZM21.6836 11.5001L16.6818 11.5V21.0453L21.6836 21.0454C22.3031 21.0431 22.5582 21.0016 22.7881 20.8922L22.8096 20.8817L22.8499 20.8609C23.0525 20.7525 23.2071 20.598 23.3154 20.3953C23.452 20.14 23.5 19.8914 23.5 19.1733L23.4999 13.3164C23.4975 12.6785 23.4537 12.427 23.3368 12.1916L23.3154 12.1501C23.2071 11.9475 23.0525 11.7929 22.8499 11.6846L22.8279 11.673L22.8096 11.6637C22.7902 11.6541 22.7707 11.6449 22.7509 11.6363C22.7489 11.6354 22.7469 11.6345 22.7449 11.6337L22.7509 11.6363C22.7455 11.6339 22.7401 11.6316 22.7347 11.6293L22.7449 11.6337C22.7362 11.6299 22.7273 11.6262 22.7184 11.6226L22.7347 11.6293C22.7269 11.626 22.7191 11.6228 22.7112 11.6197L22.7184 11.6226C22.7137 11.6207 22.7089 11.6188 22.7042 11.617L22.7112 11.6197C22.6963 11.6138 22.6812 11.6082 22.6658 11.6028C22.6632 11.6019 22.6606 11.601 22.6579 11.6001L22.6658 11.6028C22.6565 11.5995 22.6471 11.5964 22.6376 11.5933C22.6084 11.5839 22.5779 11.5753 22.5457 11.5674C22.5413 11.5664 22.5368 11.5653 22.5324 11.5643L22.5457 11.5674C22.536 11.5651 22.5262 11.5628 22.5162 11.5606L22.5324 11.5643C22.5237 11.5623 22.5149 11.5603 22.506 11.5584L22.5162 11.5606C22.5072 11.5586 22.498 11.5567 22.4886 11.5548L22.506 11.5584C22.4978 11.5566 22.4895 11.5549 22.4811 11.5533L22.4886 11.5548C22.4616 11.5493 22.4333 11.5443 22.4035 11.5397C22.398 11.5388 22.3924 11.538 22.3867 11.5372L22.4035 11.5397C22.3942 11.5383 22.3847 11.5369 22.3751 11.5355L22.3867 11.5372C22.3607 11.5334 22.3336 11.5299 22.3051 11.5268C22.2955 11.5257 22.2856 11.5247 22.2756 11.5237C22.2617 11.5223 22.2476 11.5209 22.2331 11.5197C22.2153 11.5181 22.1969 11.5167 22.1781 11.5153C22.1724 11.5149 22.1667 11.5145 22.161 11.5141L22.1781 11.5153C22.1644 11.5143 22.1504 11.5134 22.1361 11.5125L22.161 11.5141C22.1481 11.5132 22.1351 11.5124 22.1217 11.5116L22.1361 11.5125C22.1241 11.5117 22.1118 11.511 22.0993 11.5104L22.1217 11.5116C22.0908 11.5098 22.0587 11.5082 22.0251 11.5068C22.0238 11.5068 22.0224 11.5067 22.021 11.5067L22.0251 11.5068C22.0121 11.5063 21.9989 11.5058 21.9855 11.5053L22.021 11.5067C21.9721 11.5047 21.9202 11.5032 21.8649 11.5021C21.8404 11.5016 21.8152 11.5012 21.7894 11.5009L21.6836 11.5001ZM13 17.9773C13.4142 17.9773 13.75 18.3131 13.75 18.7273C13.75 19.1314 13.4304 19.4608 13.0302 19.4767L13 19.4773H10.5455C10.1312 19.4773 9.79545 19.1415 9.79545 18.7273C9.79545 18.3232 10.1151 17.9937 10.5153 17.9779L10.5455 17.9773H13ZM20.5682 17.9773C20.9824 17.9773 21.3182 18.3131 21.3182 18.7273C21.3182 19.1314 20.9986 19.4608 20.5983 19.4767L20.5682 19.4773H18.7955C18.3812 19.4773 18.0455 19.1415 18.0455 18.7273C18.0455 18.3232 18.3651 17.9937 18.7653 17.9779L18.7955 17.9773H20.5682ZM13 15.5227C13.4142 15.5227 13.75 15.8585 13.75 16.2727C13.75 16.6768 13.4304 17.0063 13.0302 17.0221L13 17.0227H10.5455C10.1312 17.0227 9.79545 16.6869 9.79545 16.2727C9.79545 15.8686 10.1151 15.5392 10.5153 15.5233L10.5455 15.5227H13ZM21.25 15.5227C21.6642 15.5227 22 15.8585 22 16.2727C22 16.6768 21.6804 17.0063 21.2802 17.0221L21.25 17.0227H18.7955C18.3812 17.0227 18.0455 16.6869 18.0455 16.2727C18.0455 15.8686 18.3651 15.5392 18.7653 15.5233L18.7955 15.5227H21.25ZM13 13.0682C13.4142 13.0682 13.75 13.404 13.75 13.8182C13.75 14.2223 13.4304 14.5518 13.0302 14.5676L13 14.5682H10.5455C10.1312 14.5682 9.79545 14.2324 9.79545 13.8182C9.79545 13.4141 10.1151 13.0846 10.5153 13.0688L10.5455 13.0682H13ZM21.25 13.0682C21.6642 13.0682 22 13.404 22 13.8182C22 14.2223 21.6804 14.5518 21.2802 14.5676L21.25 14.5682H18.7955C18.3812 14.5682 18.0455 14.2324 18.0455 13.8182C18.0455 13.4141 18.3651 13.0846 18.7653 13.0688L18.7955 13.0682H21.25Z" fill="#537CFF"/>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -0,0 +1,5 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#537CFF" fill-opacity="0.1"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#537CFF" stroke-opacity="0.2"/>
<path d="M21.6978 10.0002C22.5965 10.0048 23.0675 10.0999 23.5573 10.3618C24.0213 10.61 24.39 10.9787 24.6382 11.4427C24.9068 11.945 25 12.4276 25 13.3722V19.2433C24.9952 20.142 24.9001 20.613 24.6382 21.1027C24.39 21.5668 24.0213 21.9354 23.5573 22.1836C23.0801 22.4388 22.6207 22.5357 21.7661 22.5447L21.6278 22.5455H10.3722C9.42764 22.5455 8.94504 22.4523 8.44271 22.1836C7.97867 21.9354 7.61001 21.5668 7.36184 21.1027C7.10663 20.6255 7.00976 20.1661 7.00071 19.3116L7 19.1733V13.3722C7 12.4276 7.0932 11.945 7.36184 11.4427C7.61001 10.9787 7.97867 10.61 8.44271 10.3618C8.94504 10.0932 9.42764 10 10.3722 10L21.6978 10.0002ZM15.1818 11.5L10.3164 11.5001C9.67852 11.5025 9.42696 11.5463 9.19156 11.6632L9.15011 11.6846C8.94748 11.7929 8.79293 11.9475 8.68456 12.1501C8.54802 12.4054 8.5 12.6541 8.5 13.3722V19.229C8.50245 19.8679 8.54645 20.1193 8.66373 20.355L8.68456 20.3953C8.79293 20.598 8.94748 20.7525 9.15011 20.8609C9.40542 20.9974 9.65409 21.0455 10.3722 21.0455H15.1818V11.5ZM21.6836 11.5001L16.6818 11.5V21.0453L21.6836 21.0454C22.3031 21.0431 22.5582 21.0016 22.7881 20.8922L22.8096 20.8817L22.8499 20.8609C23.0525 20.7525 23.2071 20.598 23.3154 20.3953C23.452 20.14 23.5 19.8914 23.5 19.1733L23.4999 13.3164C23.4975 12.6785 23.4537 12.427 23.3368 12.1916L23.3154 12.1501C23.2071 11.9475 23.0525 11.7929 22.8499 11.6846L22.8279 11.673L22.8096 11.6637C22.7902 11.6541 22.7707 11.6449 22.7509 11.6363C22.7489 11.6354 22.7469 11.6345 22.7449 11.6337L22.7509 11.6363C22.7455 11.6339 22.7401 11.6316 22.7347 11.6293L22.7449 11.6337C22.7362 11.6299 22.7273 11.6262 22.7184 11.6226L22.7347 11.6293C22.7269 11.626 22.7191 11.6228 22.7111 11.6197L22.7184 11.6226C22.7137 11.6207 22.7089 11.6188 22.7042 11.617L22.7111 11.6197C22.6963 11.6138 22.6812 11.6082 22.6658 11.6028C22.6632 11.6019 22.6606 11.601 22.6579 11.6001L22.6658 11.6028C22.6565 11.5995 22.6471 11.5964 22.6376 11.5933C22.6084 11.5839 22.5779 11.5753 22.5457 11.5674C22.5413 11.5664 22.5368 11.5653 22.5324 11.5643L22.5457 11.5674C22.536 11.5651 22.5262 11.5628 22.5162 11.5606L22.5324 11.5643C22.5237 11.5623 22.5149 11.5603 22.506 11.5584L22.5162 11.5606C22.5072 11.5586 22.498 11.5567 22.4886 11.5548L22.506 11.5584C22.4978 11.5566 22.4895 11.5549 22.4811 11.5533L22.4886 11.5548C22.4616 11.5493 22.4333 11.5443 22.4035 11.5397C22.398 11.5388 22.3924 11.538 22.3867 11.5372L22.4035 11.5397C22.3942 11.5383 22.3847 11.5369 22.3751 11.5355L22.3867 11.5372C22.3607 11.5334 22.3336 11.5299 22.3051 11.5268C22.2955 11.5257 22.2856 11.5247 22.2756 11.5237C22.2617 11.5223 22.2476 11.5209 22.2331 11.5197C22.2153 11.5181 22.1969 11.5167 22.1781 11.5153C22.1724 11.5149 22.1667 11.5145 22.161 11.5141L22.1781 11.5153C22.1644 11.5143 22.1504 11.5134 22.1361 11.5125L22.161 11.5141C22.1481 11.5132 22.1351 11.5124 22.1217 11.5116L22.1361 11.5125C22.1241 11.5117 22.1118 11.511 22.0993 11.5104L22.1217 11.5116C22.0908 11.5098 22.0587 11.5082 22.0251 11.5068C22.0238 11.5068 22.0224 11.5067 22.021 11.5067L22.0251 11.5068C22.0121 11.5063 21.9989 11.5058 21.9855 11.5053L22.021 11.5067C21.9721 11.5047 21.9202 11.5032 21.8649 11.5021C21.8404 11.5016 21.8152 11.5012 21.7894 11.5009L21.6836 11.5001ZM13 17.9773C13.4142 17.9773 13.75 18.3131 13.75 18.7273C13.75 19.1314 13.4304 19.4608 13.0302 19.4767L13 19.4773H10.5455C10.1312 19.4773 9.79545 19.1415 9.79545 18.7273C9.79545 18.3232 10.1151 17.9937 10.5153 17.9779L10.5455 17.9773H13ZM20.5682 17.9773C20.9824 17.9773 21.3182 18.3131 21.3182 18.7273C21.3182 19.1314 20.9986 19.4608 20.5983 19.4767L20.5682 19.4773H18.7955C18.3812 19.4773 18.0455 19.1415 18.0455 18.7273C18.0455 18.3232 18.3651 17.9937 18.7653 17.9779L18.7955 17.9773H20.5682ZM13 15.5227C13.4142 15.5227 13.75 15.8585 13.75 16.2727C13.75 16.6768 13.4304 17.0063 13.0302 17.0221L13 17.0227H10.5455C10.1312 17.0227 9.79545 16.6869 9.79545 16.2727C9.79545 15.8686 10.1151 15.5392 10.5153 15.5233L10.5455 15.5227H13ZM21.25 15.5227C21.6642 15.5227 22 15.8585 22 16.2727C22 16.6768 21.6804 17.0063 21.2802 17.0221L21.25 17.0227H18.7955C18.3812 17.0227 18.0455 16.6869 18.0455 16.2727C18.0455 15.8686 18.3651 15.5392 18.7653 15.5233L18.7955 15.5227H21.25ZM13 13.0682C13.4142 13.0682 13.75 13.404 13.75 13.8182C13.75 14.2223 13.4304 14.5518 13.0302 14.5676L13 14.5682H10.5455C10.1312 14.5682 9.79545 14.2324 9.79545 13.8182C9.79545 13.4141 10.1151 13.0846 10.5153 13.0688L10.5455 13.0682H13ZM21.25 13.0682C21.6642 13.0682 22 13.404 22 13.8182C22 14.2223 21.6804 14.5518 21.2802 14.5676L21.25 14.5682H18.7955C18.3812 14.5682 18.0455 14.2324 18.0455 13.8182C18.0455 13.4141 18.3651 13.0846 18.7653 13.0688L18.7955 13.0682H21.25Z" fill="#537CFF"/>
</svg>

After

Width:  |  Height:  |  Size: 4.8 KiB

View File

@ -0,0 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.99999 0.900024C13.4735 0.900024 17.1 4.52652 17.1 9.00002C17.1 13.4735 13.4735 17.1 8.99999 17.1C4.52649 17.1 0.899994 13.4735 0.899994 9.00002C0.899994 4.52652 4.52649 0.900024 8.99999 0.900024ZM8.99999 2.38502C5.34663 2.38502 2.38499 5.34666 2.38499 9.00002C2.38499 12.6534 5.34663 15.615 8.99999 15.615C12.6534 15.615 15.615 12.6534 15.615 9.00002C15.615 5.34666 12.6534 2.38502 8.99999 2.38502ZM9.4608 4.84521L9.48233 4.86591L12.3461 7.72969C12.6361 8.01965 12.6361 8.48978 12.3461 8.77974C12.0632 9.06263 11.6088 9.06953 11.3176 8.80044L11.2961 8.77974L9.67499 7.15862V12.8475C9.67499 13.2576 9.34257 13.59 8.93249 13.59C8.53242 13.59 8.20626 13.2736 8.19058 12.8774L8.18999 12.8475V7.20803L6.61855 8.77974C6.33565 9.06263 5.88128 9.06953 5.59003 8.80044L5.56849 8.77974C5.2856 8.49685 5.2787 8.04248 5.54779 7.75122L5.56849 7.72969L8.43228 4.86591C8.71517 4.58301 9.16954 4.57611 9.4608 4.84521Z" fill="#56606D"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M16.0695 8.34998C18.7078 8.34998 20.8466 10.4888 20.8466 13.1271C20.8466 14.7102 20.0765 16.1134 18.8905 16.9826C21.2698 17.8565 23.1437 19.7789 23.9536 22.1905C23.9786 22.265 24.0026 22.34 24.0256 22.4154L24.0593 22.5289C24.2169 23.0738 23.9029 23.6434 23.3579 23.801C23.2651 23.8278 23.1691 23.8414 23.0725 23.8414H8.91866C8.35607 23.8414 7.89999 23.3853 7.89999 22.8227C7.89999 22.7434 7.90926 22.6644 7.92758 22.5873L7.93965 22.5412C7.97276 22.4261 8.00827 22.3119 8.04612 22.1988C8.86492 19.7523 10.7783 17.8081 13.2039 16.9494C12.0432 16.0781 11.2924 14.6903 11.2924 13.1271C11.2924 10.4888 13.4312 8.34998 16.0695 8.34998ZM16.0013 17.9724C13.1679 17.9724 10.6651 19.7017 9.62223 22.264L9.59178 22.34H22.4107L22.4102 22.3388C21.3965 19.7624 18.9143 18.0092 16.0905 17.973L16.0013 17.9724ZM16.0695 9.85135C14.2604 9.85135 12.7938 11.3179 12.7938 13.1271C12.7938 14.9362 14.2604 16.4028 16.0695 16.4028C17.8786 16.4028 19.3452 14.9362 19.3452 13.1271C19.3452 11.3179 17.8786 9.85135 16.0695 9.85135Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M16.0695 8.34998C18.7078 8.34998 20.8466 10.4888 20.8466 13.1271C20.8466 14.7102 20.0765 16.1134 18.8905 16.9826C21.2698 17.8565 23.1437 19.7789 23.9536 22.1905C23.9786 22.265 24.0026 22.34 24.0256 22.4154L24.0593 22.5289C24.2169 23.0738 23.9029 23.6434 23.3579 23.801C23.2651 23.8278 23.1691 23.8414 23.0725 23.8414H8.91866C8.35607 23.8414 7.89999 23.3853 7.89999 22.8227C7.89999 22.7434 7.90926 22.6644 7.92758 22.5873L7.93965 22.5412C7.97276 22.4261 8.00827 22.3119 8.04612 22.1988C8.86492 19.7523 10.7783 17.8081 13.2039 16.9494C12.0432 16.0781 11.2924 14.6903 11.2924 13.1271C11.2924 10.4888 13.4312 8.34998 16.0695 8.34998ZM16.0013 17.9724C13.1679 17.9724 10.6651 19.7017 9.62223 22.264L9.59178 22.34H22.4107L22.4102 22.3388C21.3965 19.7624 18.9143 18.0092 16.0905 17.973L16.0013 17.9724ZM16.0695 9.85135C14.2604 9.85135 12.7938 11.3179 12.7938 13.1271C12.7938 14.9362 14.2604 16.4028 16.0695 16.4028C17.8786 16.4028 19.3452 14.9362 19.3452 13.1271C19.3452 11.3179 17.8786 9.85135 16.0695 9.85135Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M17.7533 7L18.0235 7.00105C20.34 7.01951 21.2206 7.28039 22.1081 7.75504C23.0293 8.24771 23.7523 8.97068 24.245 9.89189L24.2806 9.95931C24.7443 10.8472 24.9936 11.7648 25 14.1541V17.7533C25 20.2731 24.7376 21.1869 24.245 22.1081C23.7523 23.0293 23.0293 23.7523 22.1081 24.245L22.0407 24.2806C21.1526 24.7444 20.2349 24.9937 17.8448 25H14.2467C11.7269 25 10.8131 24.7376 9.89189 24.245C8.97068 23.7523 8.24771 23.0293 7.75504 22.1081L7.7194 22.0407C7.2556 21.1526 7.00628 20.2349 7 17.8448V14.2467C7 11.7269 7.26237 10.8131 7.75504 9.89189C8.24771 8.97068 8.97068 8.24771 9.89189 7.75504L9.95931 7.7194C10.8472 7.25567 11.7648 7.00636 14.1541 7H17.7533ZM17.8429 8.63636H14.2467C12.2971 8.63636 11.5103 8.7717 10.7904 9.13215L10.724 9.16607L10.6636 9.198C10.0276 9.53816 9.53816 10.0276 9.198 10.6636L9.16201 10.7322C8.79141 11.4523 8.64937 12.1867 8.63723 13.9827L8.63636 14.2466V17.8406L8.63807 18.1028C8.65498 19.8298 8.798 20.5566 9.14866 21.2423L9.16607 21.276L9.198 21.3364C9.53816 21.9724 10.0276 22.4618 10.6636 22.802L10.7322 22.838C11.4523 23.2086 12.1867 23.3506 13.9827 23.3628L14.2466 23.3636H17.8406L18.1028 23.3619C19.8298 23.345 20.5566 23.202 21.2423 22.8513L21.276 22.8339L21.3364 22.802C21.9724 22.4618 22.4618 21.9724 22.802 21.3364L22.838 21.2678C23.2086 20.5477 23.3506 19.8133 23.3628 18.0172L23.3636 17.7533V14.2467C23.3636 12.2971 23.2283 11.5103 22.8678 10.7904L22.8339 10.724L22.802 10.6636C22.4618 10.0276 21.9724 9.53816 21.3364 9.198L21.2678 9.16201C20.5248 8.77964 19.7667 8.64058 17.8429 8.63636ZM13.0248 12.281C13.0248 11.6252 13.7577 11.2359 14.301 11.6031L19.8052 15.3221C20.2853 15.6465 20.2853 16.3535 19.8052 16.6779L14.301 20.3969C13.7577 20.7641 13.0248 20.3748 13.0248 19.719V12.281ZM14.6612 13.8213V18.1786L17.8855 16L14.6612 13.8213Z" fill="#FF1313"/>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1,5 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#FF1313" fill-opacity="0.1"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#FF1313" stroke-opacity="0.2"/>
<path d="M17.7533 7L18.0235 7.00105C20.34 7.01951 21.2206 7.28039 22.1081 7.75504C23.0293 8.24771 23.7523 8.97068 24.245 9.89189L24.2806 9.95931C24.7443 10.8472 24.9936 11.7648 25 14.1541V17.7533C25 20.2731 24.7376 21.1869 24.245 22.1081C23.7523 23.0293 23.0293 23.7523 22.1081 24.245L22.0407 24.2806C21.1526 24.7444 20.2349 24.9937 17.8448 25H14.2467C11.7269 25 10.8131 24.7376 9.89189 24.245C8.97068 23.7523 8.24771 23.0293 7.75504 22.1081L7.7194 22.0407C7.2556 21.1526 7.00628 20.2349 7 17.8448V14.2467C7 11.7269 7.26237 10.8131 7.75504 9.89189C8.24771 8.97068 8.97068 8.24771 9.89189 7.75504L9.95931 7.7194C10.8472 7.25567 11.7648 7.00636 14.1541 7H17.7533ZM17.8429 8.63636H14.2467C12.2971 8.63636 11.5103 8.7717 10.7904 9.13215L10.724 9.16607L10.6636 9.198C10.0276 9.53816 9.53816 10.0276 9.198 10.6636L9.16201 10.7322C8.79141 11.4523 8.64937 12.1867 8.63723 13.9827L8.63636 14.2466V17.8406L8.63807 18.1028C8.65498 19.8298 8.798 20.5566 9.14866 21.2423L9.16607 21.276L9.198 21.3364C9.53816 21.9724 10.0276 22.4618 10.6636 22.802L10.7322 22.838C11.4523 23.2086 12.1867 23.3506 13.9827 23.3628L14.2466 23.3636H17.8406L18.1028 23.3619C19.8298 23.345 20.5566 23.202 21.2423 22.8513L21.276 22.8339L21.3364 22.802C21.9724 22.4618 22.4618 21.9724 22.802 21.3364L22.838 21.2678C23.2086 20.5477 23.3506 19.8133 23.3628 18.0172L23.3636 17.7533V14.2467C23.3636 12.2971 23.2283 11.5103 22.8678 10.7904L22.8339 10.724L22.802 10.6636C22.4618 10.0276 21.9724 9.53816 21.3364 9.198L21.2678 9.16201C20.5248 8.77964 19.7667 8.64058 17.8429 8.63636ZM13.0248 12.281C13.0248 11.6252 13.7577 11.2359 14.301 11.6031L19.8052 15.3221C20.2853 15.6465 20.2853 16.3535 19.8052 16.6779L14.301 20.3969C13.7577 20.7641 13.0248 20.3748 13.0248 19.719V12.281ZM14.6612 13.8213V18.1786L17.8855 16L14.6612 13.8213Z" fill="#FF1313"/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -0,0 +1,15 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" fill="white" stroke="#EBEEF1"/>
<path d="M16.9452 7C17.4186 7 17.8726 7.18807 18.2074 7.52283L22.9068 12.2221C23.2416 12.5569 23.4297 13.0109 23.4297 13.4844V22.1736C23.4297 23.7346 22.1642 25 20.6032 25H11.8264C10.2654 25 9 23.7346 9 22.1736V9.82655C9 8.26555 10.2654 7 11.8264 7H16.9452ZM16.2147 8.63635H11.8264C11.1816 8.63635 10.6565 9.14932 10.6369 9.78948L10.6364 9.82655V22.1736C10.6364 22.8184 11.1493 23.3435 11.7894 23.3631L11.8264 23.3636H20.6032C21.2481 23.3636 21.7732 22.8507 21.7927 22.2106L21.7933 22.1736V14.2148L17.033 14.2149C16.5922 14.2149 16.2327 13.8663 16.2155 13.4297L16.2148 13.3968L16.2147 8.63635ZM20.9491 12.5785L17.851 9.48056L17.8512 12.5786L20.9491 12.5785Z" fill="#FF8A00"/>
<path d="M12.4998 20.0545V19.5952L13.9435 17.6682H12.5058V17H14.9995V17.4594L13.5558 19.3864H14.9935V20.0545H12.4998Z" fill="#FF8A00"/>
<path d="M16.607 17V20.0545H15.7777V17H16.607Z" fill="#FF8A00"/>
<path d="M17.3908 20.0545V17H18.7093C18.936 17 19.1344 17.0447 19.3044 17.1342C19.4744 17.2237 19.6067 17.3495 19.7011 17.5116C19.7956 17.6737 19.8428 17.8631 19.8428 18.0798C19.8428 18.2986 19.7941 18.488 19.6967 18.6481C19.6002 18.8082 19.4645 18.9315 19.2895 19.018C19.1155 19.1045 18.9121 19.1477 18.6795 19.1477H17.892V18.5034H18.5124C18.6099 18.5034 18.6929 18.4865 18.7615 18.4527C18.8311 18.4179 18.8843 18.3687 18.9211 18.305C18.9589 18.2414 18.9778 18.1663 18.9778 18.0798C18.9778 17.9923 18.9589 17.9178 18.9211 17.8561C18.8843 17.7935 18.8311 17.7457 18.7615 17.7129C18.6929 17.6791 18.6099 17.6622 18.5124 17.6622H18.2201V20.0545H17.3908Z" fill="#FF8A00"/>
<rect x="12" y="8" width="1" height="1" fill="#FF8A00"/>
<rect x="12" y="12" width="1" height="1" fill="#FF8A00"/>
<rect x="13" y="9" width="1" height="1" fill="#FFA800"/>
<rect x="13" y="11" width="1" height="1" fill="#FFA800"/>
<rect x="13" y="13" width="1" height="1" fill="#FFA800"/>
<rect x="13" y="15" width="1" height="1" fill="#FFA800"/>
<rect x="12" y="10" width="1" height="1" fill="#FF8A00"/>
<rect x="12" y="14" width="1" height="1" fill="#FF8A00"/>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,16 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#FF8A00" fill-opacity="0.1"/>
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#FF8A00" stroke-opacity="0.2"/>
<path d="M16.9452 7C17.4186 7 17.8726 7.18807 18.2074 7.52283L22.9068 12.2221C23.2416 12.5569 23.4297 13.0109 23.4297 13.4844V22.1736C23.4297 23.7346 22.1642 25 20.6032 25H11.8264C10.2654 25 9 23.7346 9 22.1736V9.82655C9 8.26555 10.2654 7 11.8264 7H16.9452ZM16.2147 8.63635H11.8264C11.1816 8.63635 10.6565 9.14932 10.6369 9.78948L10.6364 9.82655V22.1736C10.6364 22.8184 11.1493 23.3435 11.7894 23.3631L11.8264 23.3636H20.6032C21.2481 23.3636 21.7732 22.8507 21.7927 22.2106L21.7933 22.1736V14.2148L17.033 14.2149C16.5922 14.2149 16.2327 13.8663 16.2155 13.4297L16.2148 13.3968L16.2147 8.63635ZM20.9491 12.5785L17.851 9.48056L17.8512 12.5786L20.9491 12.5785Z" fill="#FF8A00"/>
<path d="M12.4998 20.0545V19.5952L13.9435 17.6682H12.5058V17H14.9995V17.4594L13.5558 19.3864H14.9935V20.0545H12.4998Z" fill="#FF8A00"/>
<path d="M16.607 17V20.0545H15.7777V17H16.607Z" fill="#FF8A00"/>
<path d="M17.3908 20.0545V17H18.7093C18.936 17 19.1344 17.0447 19.3044 17.1342C19.4744 17.2237 19.6067 17.3495 19.7011 17.5116C19.7956 17.6737 19.8428 17.8631 19.8428 18.0798C19.8428 18.2986 19.7941 18.488 19.6967 18.6481C19.6002 18.8082 19.4645 18.9315 19.2895 19.018C19.1155 19.1045 18.9121 19.1477 18.6795 19.1477H17.892V18.5034H18.5124C18.6099 18.5034 18.6929 18.4865 18.7615 18.4527C18.8311 18.4179 18.8843 18.3687 18.9211 18.305C18.9589 18.2414 18.9778 18.1663 18.9778 18.0798C18.9778 17.9923 18.9589 17.9178 18.9211 17.8561C18.8843 17.7935 18.8311 17.7457 18.7615 17.7129C18.6929 17.6791 18.6099 17.6622 18.5124 17.6622H18.2201V20.0545H17.3908Z" fill="#FF8A00"/>
<rect x="12" y="8" width="1" height="1" fill="#FF8A00"/>
<rect x="12" y="12" width="1" height="1" fill="#FF8A00"/>
<rect x="13" y="9" width="1" height="1" fill="#FFA800"/>
<rect x="13" y="11" width="1" height="1" fill="#FFA800"/>
<rect x="13" y="13" width="1" height="1" fill="#FFA800"/>
<rect x="13" y="15" width="1" height="1" fill="#FFA800"/>
<rect x="12" y="10" width="1" height="1" fill="#FF8A00"/>
<rect x="12" y="14" width="1" height="1" fill="#FF8A00"/>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 38 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 38 KiB

View File

@ -0,0 +1,110 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-menu activator="parent">
<v-list class="pa-2">
<v-list-item density="comfortable" link rounded="lg" base-color="info" router-link to="/account-details">
<v-list-item-title class="text-body-2 font-weight-medium">
View Account
</v-list-item-title>
</v-list-item>
<v-divider class="my-2"></v-divider>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Edit Account
<AccountInformationDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Set Status
<AccountStatusDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Set Value
<AccountUserAgentsDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Set Placement
<AccountGeofenceDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Change Limits
<AccountLimitsDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
New Project
<AccountNewProjectDialog />
</v-list-item-title>
</v-list-item>
<v-divider class="my-2"></v-divider>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Reset MFA
<AccountResetMFADialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg" base-color="warning">
<v-list-item-title class="text-body-2 font-weight-medium">
Suspend
<AccountSuspendDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg" base-color="error">
<v-list-item-title class="text-body-2 font-weight-medium">
Delete
<AccountDeleteDialog />
</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
</template>
<script>
import AccountResetMFADialog from '@/components/AccountResetMFADialog.vue';
import AccountSuspendDialog from '@/components/AccountSuspendDialog.vue';
import AccountDeleteDialog from '@/components/AccountDeleteDialog.vue';
import AccountNewProjectDialog from '@/components/AccountNewProjectDialog.vue';
import AccountGeofenceDialog from '@/components/AccountGeofenceDialog.vue';
import AccountUserAgentsDialog from '@/components/AccountUserAgentsDialog.vue';
import AccountLimitsDialog from '@/components/AccountLimitsDialog.vue';
import AccountInformationDialog from './AccountInformationDialog.vue';
import AccountStatusDialog from './AccountStatusDialog.vue';
export default {
components: {
AccountResetMFADialog,
AccountSuspendDialog,
AccountDeleteDialog,
AccountNewProjectDialog,
AccountGeofenceDialog,
AccountUserAgentsDialog,
AccountLimitsDialog,
AccountInformationDialog,
AccountStatusDialog
},
name: 'AccountsActionsMenu',
}
</script>

View File

@ -0,0 +1,102 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Delete Account
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Please enter the reason for deleting this account.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-select label="Deleting reason" placeholder="Select one or more reasons"
:items="['Reason 1', 'Reason 2', 'Reason 3', 'Other']" multiple variant="outlined" autofocus required
hide-details="auto"></v-select>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="41" label="Account ID" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12">
<v-text-field model-value="itacker@gmail.com" label="Account Email" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col>
<v-alert variant="tonal" color="error" rounded="lg">This will delete the account, data, and account
information.</v-alert>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="error" variant="flat" block :loading="loading" @click="onButtonClick">Delete Account</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `The account was deleted successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,91 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Account Placement
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Select a placement region for this account.</p>
<p>Applies to all the projects, buckets, and data.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-select label="Account Placement" placeholder="Select the placement region."
:items="['global', 'us-select-1']" model-value="global" variant="outlined" chips
hide-details="auto"></v-select>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="itacker@gmail.com" label="Account Email" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `The account placement was set successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,92 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Account Information
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Edit the name, email, and account type.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="Irving Tacker" label="Account Name" variant="outlined"
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12">
<v-text-field model-value="itacker@gmail.com" label="Account Email" hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12">
<v-select label="Account Type" placeholder="Select the account type"
:items="['Free', 'Pro', 'Priority', 'Enterprise']" model-value="Pro" chips required variant="outlined"
hide-details="auto"></v-select>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Successfully saved the account information.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,105 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Account Default Limits
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Enter default limits per project for this account.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12" md="6">
<v-text-field label="Total Projects" model-value="3" suffix="Projects" variant="outlined"
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12" md="6">
<v-text-field label="Storage / project" model-value="100" suffix="TB" variant="outlined"
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12" md="6">
<v-text-field label="Download / month / project" model-value="300" suffix="TB" variant="outlined"
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12" md="6">
<v-text-field label="Segments / project" model-value="100,000,000" variant="outlined"
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12" md="6">
<v-text-field label="Rate / project" model-value="100" variant="outlined" hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12" md="6">
<v-text-field label="Burst / project" model-value="10,000" variant="outlined" hide-details="auto"></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="itacker@gmail.com" label="Account Email" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="error">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Error. Cannot change limits.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,83 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Create New Project
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col>
<p class="pb-2">Create a new project for this account.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field label="Project Name" placeholder="Enter Project Name" variant="outlined" autofocus
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12">
<v-text-field model-value="41" label="Account ID" variant="solo-filled" flat hide-details="auto"
readonly></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn size="large" variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn size="large" color="primary" variant="flat" block @click="onButtonClick">Create Project</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Project created successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,162 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-card variant="flat" :border="true" rounded="xlg">
<v-text-field v-model="search" label="Search" prepend-inner-icon="mdi-magnify" single-line variant="solo-filled" flat
hide-details clearable density="compact" rounded="lg" class="mx-2 mt-2"></v-text-field>
<v-data-table v-model="selected" v-model:sort-by="sortBy" :headers="headers" :items="files" :search="search"
class="elevation-1" @item-click="handleItemClick" item-key="path" density="comfortable" hover>
<template v-slot:item.projectid="{ item }">
<div class="text-no-wrap">
<v-btn variant="outlined" color="default" size="small" class="mr-1 text-caption" density="comfortable" icon
width="24" height="24">
<ProjectActionsMenu />
<v-icon icon="mdi-dots-horizontal"></v-icon>
</v-btn>
<v-chip variant="text" color="default" size="small" router-link to="/project-details"
class="font-weight-bold pl-1 ml-1">
<template v-slot:prepend>
<svg class="mr-2" width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="10" stroke="currentColor" stroke-opacity="0.2" />
<path
d="M16.2231 7.08668L16.2547 7.10399L23.4149 11.2391C23.6543 11.3774 23.7829 11.6116 23.8006 11.8529L23.8021 11.8809L23.8027 11.9121V20.1078C23.8027 20.3739 23.6664 20.6205 23.4432 20.7624L23.4136 20.7803L16.2533 24.8968C16.0234 25.029 15.7426 25.0342 15.5088 24.9125L15.4772 24.8951L8.38642 20.7787C8.15725 20.6457 8.01254 20.4054 8.00088 20.1422L8 20.1078L8.00026 11.8975L8 11.8738C8.00141 11.6177 8.12975 11.3687 8.35943 11.2228L8.38748 11.2058L15.4783 7.10425C15.697 6.97771 15.9622 6.96636 16.1893 7.07023L16.2231 7.08668ZM22.251 13.2549L16.6424 16.4939V22.8832L22.251 19.6588V13.2549ZM9.55175 13.2614V19.6611L15.0908 22.8766V16.4916L9.55175 13.2614ZM15.8669 8.67182L10.2916 11.8967L15.8686 15.149L21.4755 11.9109L15.8669 8.67182Z"
fill="currentColor" />
</svg>
</template>
{{ item.columns.projectid }}
</v-chip>
</div>
</template>
<template v-slot:item.storagepercent="{ item }">
<v-chip variant="tonal" :color="getPercentColor(item.raw.storagepercent)" size="small" rounded="lg"
class="font-weight-bold">
{{ item.raw.storagepercent }}&percnt;
</v-chip>
</template>
<template v-slot:item.downloadpercent="{ item }">
<v-chip variant="tonal" :color="getPercentColor(item.raw.downloadpercent)" size="small" rounded="lg"
class="font-weight-bold">
{{ item.raw.downloadpercent }}&percnt;
</v-chip>
</template>
<template v-slot:item.segmentpercent="{ item }">
<v-tooltip text="430,000 / 1,000,000">
<template v-slot:activator="{ props }">
<v-chip v-bind="props" variant="tonal" :color="getPercentColor(item.raw.segmentpercent)" size="small"
rounded="lg" class="font-weight-bold">
{{ item.raw.segmentpercent }}&percnt;
</v-chip>
</template>
</v-tooltip>
</template>
<template v-slot:item.agent="{ item }">
<v-chip variant="tonal" color="default" size="small" rounded="lg" @click="setSearch(item.raw.agent)">
{{ item.raw.agent }}
</v-chip>
</template>
<template v-slot:item.date="{ item }">
<span class="text-no-wrap">
{{ item.raw.date }}
</span>
</template>
</v-data-table>
</v-card>
</template>
<script>
import ProjectActionsMenu from '@/components/ProjectActionsMenu.vue';
export default {
components: {
ProjectActionsMenu,
},
data() {
return {
// search in the table
search: '',
selected: [],
sortBy: [{ key: 'name', order: 'asc' }],
headers: [
{ title: 'Project ID', key: 'projectid', align: 'start' },
// { title: 'Name', key: 'name'},
{ title: 'Storage Used', key: 'storagepercent' },
{ title: 'Storage Used', key: 'storageused' },
{ title: 'Storage Limit', key: 'storagelimit' },
{ title: 'Download Used', key: 'downloadpercent' },
{ title: 'Download Used', key: 'downloadused' },
{ title: 'Download Limit', key: 'downloadlimit' },
{ title: 'Segments Used', key: 'segmentpercent' },
// { title: 'Value Attribution', key: 'agent' },
// { title: 'Date Created', key: 'date' },
],
files: [
{
name: 'My First Project',
projectid: 'F82SR21Q284JF',
storageused: '150 TB',
storagelimit: '300 TB',
storagepercent: '50',
downloadused: '100 TB',
downloadlimit: '100 TB',
downloadpercent: '100',
segmentpercent: '43',
agent: 'Test Agent',
date: '02 Mar 2023',
},
{
name: 'Personal Project',
projectid: '284JFF82SR21Q',
storageused: '24 TB',
storagelimit: '30 TB',
storagepercent: '80',
downloadused: '7 TB',
downloadlimit: '100 TB',
segmentpercent: '20',
downloadpercent: '7',
agent: 'Agent',
date: '21 Apr 2023',
},
{
name: 'Test Project',
projectid: '82SR21Q284JFF',
storageused: '99 TB',
storagelimit: '100 TB',
storagepercent: '99',
downloadused: '85 TB',
downloadlimit: '100 TB',
segmentpercent: '83',
downloadpercent: '85',
agent: 'Company',
date: '21 Apr 2023',
},
],
};
},
methods: {
setSearch(searchText) {
this.search = searchText
},
getPercentColor(percent) {
if (percent >= 99) {
return 'error'
} else if (percent >= 80) {
return 'warning'
} else {
return 'success'
}
},
},
};
</script>

View File

@ -0,0 +1,83 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Reset MFA
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Reset multi-factor-authentication for this account?</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="41" label="Account ID" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12">
<v-text-field model-value="itacker@gmail.com" label="Account Email" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Reset MFA</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `The MFA was disabled successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,85 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Account Status
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>You can set active, warn, freeze, or suspend.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-select label="Account Status" placeholder="Select the account type"
:items="['Active', 'Warned', 'Frozen', 'Suspended']" model-value="Active" chips required variant="outlined"
hide-details="auto"></v-select>
</v-col>
<v-col cols="12">
<v-text-field model-value="itacker@gmail.com" label="Account Email" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Successfully saved the account status.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,96 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Suspend Account
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Please enter the reason for suspending this account.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-select v-model="selected" label="Suspending reason" placeholder="Select one or more reasons"
:items="['Account Delinquent', 'Illegal Content', 'Malicious Links', 'Other']" required multiple
variant="outlined" autofocus hide-details="auto"></v-select>
</v-col>
<v-col cols="12" v-if="selected.includes('Other')">
<v-text-field v-model="otherReason" variant="outlined" hide-details="auto" label="Enter other reason">
</v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="41" label="Account ID" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12">
<v-text-field model-value="itacker@gmail.com" label="Account Email" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="warning" variant="flat" block :loading="loading" @click="onButtonClick">Suspend Account</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
selected: [],
otherReason: '',
snackbar: false,
text: `The account was suspended successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,88 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Account Value Attribution
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Select value attribution for this account.</p>
<p>Applies to all the projects, buckets, and data.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-select label="Value Attribution" placeholder="Select the value attribution"
:items="['User', 'Agent', 'Company', 'New']" model-value="Company" multiple chips required
variant="outlined" hide-details="auto" class="text-body"></v-select>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="email@email.com" label="Account Email" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Successfully saved the value attribution.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,279 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-card variant="flat" rounded="xlg" border>
<v-text-field v-model="search" label="Search" prepend-inner-icon="mdi-magnify" single-line variant="solo-filled" flat
hide-details clearable density="compact" rounded="lg" class="mx-2 mt-2"></v-text-field>
<v-data-table v-model="selected" v-model:sort-by="sortBy" :headers="headers" :items="users" :search="search"
density="comfortable" hover>
<template v-slot:item.email="{ item }">
<div class="text-no-wrap">
<v-btn variant="outlined" color="default" size="small" class="mr-1 text-caption" density="comfortable" icon
width="24" height="24">
<AccountActionsMenu />
<v-icon icon="mdi-dots-horizontal"></v-icon>
</v-btn>
<v-chip variant="text" color="default" size="small" router-link to="/account-details"
class="font-weight-bold pl-1 ml-1">
<template v-slot:prepend>
<svg class="mr-2" width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="10" stroke="currentColor" stroke-opacity="0.2"></rect>
<path
d="M16.0695 8.34998C18.7078 8.34998 20.8466 10.4888 20.8466 13.1271C20.8466 14.7102 20.0765 16.1134 18.8905 16.9826C21.2698 17.8565 23.1437 19.7789 23.9536 22.1905C23.9786 22.265 24.0026 22.34 24.0256 22.4154L24.0593 22.5289C24.2169 23.0738 23.9029 23.6434 23.3579 23.801C23.2651 23.8278 23.1691 23.8414 23.0725 23.8414H8.91866C8.35607 23.8414 7.89999 23.3853 7.89999 22.8227C7.89999 22.7434 7.90926 22.6644 7.92758 22.5873L7.93965 22.5412C7.97276 22.4261 8.00827 22.3119 8.04612 22.1988C8.86492 19.7523 10.7783 17.8081 13.2039 16.9494C12.0432 16.0781 11.2924 14.6903 11.2924 13.1271C11.2924 10.4888 13.4312 8.34998 16.0695 8.34998ZM16.0013 17.9724C13.1679 17.9724 10.6651 19.7017 9.62223 22.264L9.59178 22.34H22.4107L22.4102 22.3388C21.3965 19.7624 18.9143 18.0092 16.0905 17.973L16.0013 17.9724ZM16.0695 9.85135C14.2604 9.85135 12.7938 11.3179 12.7938 13.1271C12.7938 14.9362 14.2604 16.4028 16.0695 16.4028C17.8786 16.4028 19.3452 14.9362 19.3452 13.1271C19.3452 11.3179 17.8786 9.85135 16.0695 9.85135Z"
fill="currentColor"></path>
</svg>
</template>
{{ item.columns.email }}
</v-chip>
</div>
</template>
<template v-slot:item.type="{ item }">
<v-chip :color="getColor(item.raw.type)" variant="tonal" size="small" class="font-weight-bold"
@click="setSearch(item.raw.type)">
{{ item.raw.type }}
</v-chip>
</template>
<template v-slot:item.status="{ item }">
<v-chip :color="getColor(item.raw.status)" variant="tonal" size="small" class="font-weight-medium"
@click="setSearch(item.raw.status)">
{{ item.raw.status }}
</v-chip>
</template>
<template v-slot:item.agent="{ item }">
<v-chip variant="tonal" color="default" size="small" @click="setSearch(item.raw.agent)">
{{ item.raw.agent }}
</v-chip>
</template>
<template v-slot:item.placement="{ item }">
<v-chip variant="tonal" color="default" size="small" rounded="lg" class="text-capitalize"
@click="setSearch(item.raw.placement)">
{{ item.raw.placement }}
</v-chip>
</template>
<template v-slot:item.date="{ item }">
<span class="text-no-wrap">
{{ item.raw.date }}
</span>
</template>
</v-data-table>
</v-card>
</template>
<script>
import AccountActionsMenu from '@/components/AccountActionsMenu.vue';
export default {
components: {
AccountActionsMenu,
},
name: 'AccountsTableComponent',
data() {
return {
search: '',
selected: [],
sortBy: [{ key: 'email', order: 'asc' }],
headers: [
{ title: 'Account', key: 'email' },
{ title: 'Type', key: 'type' },
// { title: 'Name', key: 'name' },
{ title: 'Projects', key: 'projects' },
{ title: 'Storage', key: 'storage' },
{ title: 'Download', key: 'download' },
{ title: 'Status', key: 'status' },
{ title: 'Value', key: 'agent' },
{ title: 'Placement', key: 'placement' },
{ title: 'ID', key: 'userid' },
{ title: 'Created', key: 'date', align: 'start' },
],
users: [
{
name: 'Magnolia Queen',
date: '12 Mar 2023',
type: 'Enterprise',
status: 'Active',
projects: '8',
storage: '1,000 TB',
download: '3,000 TB',
agent: 'Company',
email: 'magnolia@queen.com',
placement: 'global',
userid: '2521',
},
{
name: 'Irving Thacker',
date: '30 May 2023',
type: 'Enterprise',
status: 'Active',
projects: '3',
storage: '1,000 TB',
download: '3,000 TB',
agent: 'Company',
email: 'itacker@gmail.com',
placement: 'global',
userid: '41',
},
{
name: 'Brianne Deighton',
date: '20 Mar 2023',
type: 'Enterprise',
status: 'Active',
projects: '1',
storage: '1,000 TB',
download: '3,000 TB',
agent: 'Company',
email: 'bd@rianne.net',
placement: 'global',
userid: '87212',
},
{
name: 'Vince Duke',
date: '4 Apr 2023',
type: 'Priority',
status: 'Active',
projects: '5',
storage: '500 TB',
download: '500 TB',
agent: 'User Agent',
email: 'vduke@gmail.com',
placement: 'global',
userid: '53212',
},
{
name: 'Aurora Knowles',
date: '15 Mar 2023',
type: 'Priority',
status: 'Active',
projects: '5',
storage: '500 TB',
download: '500 TB',
agent: 'User Agent',
email: 'knowles@aurora.io',
placement: 'global',
userid: '2',
},
{
name: 'Luvenia Breckinridge',
date: '11 Jan 2023',
type: 'Priority',
status: 'Frozen',
projects: '3',
storage: '500 TB',
download: '500 TB',
agent: 'User Agent',
email: 'lbreckinridge42@gmail.com',
placement: 'global',
userid: '1244',
},
{
name: 'Georgia Jordan',
date: '15 Mar 2023',
type: 'Pro',
status: 'Active',
projects: '3',
storage: '75 TB',
download: '300 TB',
agent: 'Agent',
email: 'georgia@jordan.net',
placement: 'global',
userid: '55524',
},
{
name: 'Mckayla Bird',
date: '5 May 2023',
type: 'Pro',
status: 'Active',
projects: '2',
storage: '75 TB',
download: '300 TB',
agent: 'Agent',
email: 'mckaylabird@gmail.com',
placement: 'global',
userid: '102852',
},
{
name: 'Herb Hamilton',
date: '15 Mar 2023',
type: 'Pro',
status: 'Active',
projects: '3',
storage: '75 TB',
download: '300 TB',
agent: 'Agent',
email: 'herbh@gmail.com',
placement: 'global',
userid: '248',
},
{
name: 'Tria Goddard',
date: '10 Mar 2023',
type: 'Free',
status: 'Frozen',
projects: '1',
storage: '1 TB',
download: '3 TB',
agent: 'Name',
email: 'tg@tria.com',
placement: 'global',
userid: '12515',
},
{
name: 'Scarlett Trevis',
date: '24 Mar 2023',
type: 'Free',
status: 'Active',
projects: '1',
storage: '1 TB',
download: '3 TB',
agent: 'Name',
email: 'sctrevis@gmail.com',
placement: 'global',
userid: '821',
},
{
name: 'Destiny Brett',
date: '29 Mar 2023',
type: 'Free',
status: 'Suspended',
projects: '1',
storage: '0 TB',
download: '0 TB',
agent: 'Test',
email: 'destiny@gmail.com',
placement: 'global',
userid: '25808',
},
],
}
},
methods: {
setSearch(searchText) {
this.search = searchText
}
},
computed: {
getColor() {
return (type) => {
if (type === 'Enterprise') return 'purple'
if (type === 'Priority') return 'secondary'
if (type === 'Pro') return 'success'
if (type === 'Free') return 'default'
if (type === 'Active') return 'success'
if (type === 'Inactive') return 'default'
if (type === 'Frozen') return 'warning'
if (type === 'Suspended') return 'error'
if (type === 'Deleted') return 'error'
return 'default'
}
}
},
}
</script>

View File

@ -0,0 +1,83 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Edit Account Information
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col>
<p class="pb-2">Admin name and email.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="Tome Boshevski" label="Admin Name" variant="outlined"
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12">
<v-text-field model-value="tome@storj.io" label="Admin Email" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn size="large" variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn size="large" color="primary" variant="flat" block @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Account information updated successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,64 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-menu activator="parent">
<v-list class="pa-2">
<v-list-item density="comfortable" link rounded="lg" base-color="info" router-link to="/bucket-details">
<v-list-item-title class="text-body-2 font-weight-medium">
View Bucket
</v-list-item-title>
</v-list-item>
<v-divider class="my-2"></v-divider>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Edit Bucket
<BucketInformationDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Set Value
<BucketUserAgentsDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Set Placement
<BucketGeofenceDialog />
</v-list-item-title>
</v-list-item>
<v-divider class="my-2"></v-divider>
<v-list-item density="comfortable" link rounded="lg" base-color="error">
<v-list-item-title class="text-body-2 font-weight-medium">
Delete Bucket
<BucketDeleteDialog />
</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
</template>
<script>
import BucketDeleteDialog from '@/components/BucketDeleteDialog.vue';
import BucketGeofenceDialog from '@/components/BucketGeofenceDialog.vue';
import BucketUserAgentsDialog from '@/components/BucketUserAgentsDialog.vue';
import BucketInformationDialog from './BucketInformationDialog.vue';
export default {
components: {
BucketDeleteDialog,
BucketGeofenceDialog,
BucketUserAgentsDialog,
BucketInformationDialog
},
name: 'BucketActionsMenu',
}
</script>

View File

@ -0,0 +1,98 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Delete Bucket
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Please enter the reason for deleting this bucket.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-select label="Deleting reason" placeholder="Select one or more reasons"
:items="['Reason 1', 'Reason 2', 'Reason 3', 'Other']" multiple variant="outlined" autofocus required
hide-details="auto"></v-select>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="Backups" label="Bucket Name" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12">
<v-text-field model-value="itacker@gmail.com" label="Account Email" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col>
<v-alert variant="tonal" color="error" rounded="lg">This will delete the bucket and all it's data.</v-alert>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="error" variant="flat" block :loading="loading" @click="onButtonClick">Delete Bucket</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `The bucket was deleted successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,87 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Set Bucket Placement
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Select a placement region for this bucket.</p>
<p>Applies to all the data in this bucket.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-select label="Placement region" placeholder="Select the placement region."
:items="['global', 'us-select-1']" variant="outlined" autofocus hide-details="auto"></v-select>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="Backups" label="Bucket Name" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `The bucket placement was set successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,78 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Bucket Information
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Edit the bucket name and information.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="Backups" label="Bucket Name" hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Successfully updated the bucket information.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,87 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Bucket Value Attribution
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Select the value attribution for this bucket.</p>
<p>Applies to all the buckets and data.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-select label="Value Attribution" placeholder="Select the value attribution"
:items="['User', 'Agent', 'Test', 'New']" multiple chips required variant="outlined" autofocus
hide-details="auto"></v-select>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="Backups" label="Bucket Name" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Successfully saved the value attribution.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,191 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-card variant="flat" :border="true" rounded="xlg">
<v-text-field v-model="search" label="Search" prepend-inner-icon="mdi-magnify" single-line variant="solo-filled" flat
hide-details clearable density="compact" rounded="lg" class="mx-2 mt-2"></v-text-field>
<v-data-table v-model="selected" v-model:sort-by="sortBy" :headers="headers" :items="files" :search="search"
class="elevation-1" @item-click="handleItemClick" item-key="path" density="comfortable" hover>
<template v-slot:item.name="{ item }">
<div class="text-no-wrap">
<v-btn variant="outlined" color="default" size="small" class="mr-1 text-caption" density="comfortable" icon
width="24" height="24">
<BucketActionsMenu />
<v-icon icon="mdi-dots-horizontal"></v-icon>
</v-btn>
<v-chip variant="text" size="small" router-link to="/bucket-details" class="font-weight-bold pl-1 ml-1">
<template v-slot:prepend>
<svg class="mr-2" width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="10" />
<rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="currentColor" stroke-opacity="0.2" />
<path
d="M23.3549 14.5467C24.762 15.9538 24.7748 18.227 23.3778 19.624C22.8117 20.1901 22.1018 20.5247 21.3639 20.6289L21.1106 22.0638C21.092 23.1897 18.7878 24.1 15.9481 24.1C13.1254 24.1 10.8319 23.2006 10.7863 22.0841L10.7858 22.0638L8.84466 11.066C8.82281 10.9882 8.80883 10.9095 8.80304 10.8299L8.8 10.8122L8.8019 10.8123C8.80063 10.7903 8.8 10.7682 8.8 10.746C8.8 9.17422 12.0003 7.90002 15.9481 7.90002C19.8959 7.90002 23.0962 9.17422 23.0962 10.746C23.0962 10.7682 23.0955 10.7903 23.0943 10.8123L23.0962 10.8122L23.093 10.8311C23.0872 10.9098 23.0734 10.9876 23.0519 11.0645L22.5749 13.7666L23.3549 14.5467ZM21.2962 12.6344C19.9867 13.2218 18.076 13.592 15.9481 13.592C13.8203 13.592 11.9096 13.2219 10.6001 12.6344L12.0072 20.6077L12.2373 21.8286L12.2586 21.8452C12.3789 21.9354 12.5652 22.0371 12.807 22.1351L12.8561 22.1546C13.6355 22.4594 14.7462 22.6439 15.9481 22.6439C17.1569 22.6439 18.2733 22.4573 19.0528 22.1497C19.3337 22.0388 19.5431 21.9223 19.6661 21.8231L19.6761 21.8148L19.9019 20.5348C19.3338 20.3787 18.7955 20.0812 18.3429 19.6429L18.3004 19.6011L15.3749 16.6756C15.0906 16.3913 15.0906 15.9303 15.3749 15.646C15.6523 15.3686 16.0978 15.3618 16.3834 15.6257L16.4045 15.646L19.33 18.5715C19.5717 18.8132 19.8555 18.9861 20.1569 19.0901L21.2962 12.6344ZM22.2661 15.517L21.6408 19.0597C21.8989 18.9575 22.1402 18.8024 22.3482 18.5944C23.1641 17.7784 23.1664 16.4494 22.355 15.6065L22.3253 15.5763L22.2661 15.517ZM15.9481 9.35612C14.2013 9.35612 12.5813 9.62893 11.4322 10.0864C10.9385 10.283 10.5712 10.4995 10.3598 10.6985C10.3463 10.7112 10.334 10.7232 10.3228 10.7347L10.3122 10.7459L10.3314 10.7661L10.3598 10.7936C10.5712 10.9926 10.9385 11.2091 11.4322 11.4056C12.5813 11.8631 14.2013 12.1359 15.9481 12.1359C17.6949 12.1359 19.3149 11.8631 20.4639 11.4056C20.9577 11.2091 21.325 10.9926 21.5364 10.7936C21.5499 10.7809 21.5622 10.7688 21.5733 10.7574L21.5841 10.7459L21.5647 10.726L21.5364 10.6985C21.325 10.4995 20.9577 10.283 20.4639 10.0864C19.3149 9.62893 17.6949 9.35612 15.9481 9.35612Z"
fill="currentColor" />
</svg>
</template>
{{ item.raw.name }}
</v-chip>
</div>
</template>
<template v-slot:item.placement="{ item }">
<v-chip variant="tonal" color="default" size="small" rounded="lg" class="text-capitalize">
{{ item.raw.placement }}
</v-chip>
</template>
<template v-slot:item.agent="{ item }">
<v-chip variant="tonal" color="default" size="small" rounded="lg" @click="setSearch(item.raw.agent)">
{{ item.raw.agent }}
</v-chip>
</template>
<template v-slot:item.date="{ item }">
<span class="text-no-wrap">
{{ item.raw.date }}
</span>
</template>
</v-data-table>
</v-card>
</template>
<script>
import BucketActionsMenu from '@/components/BucketActionsMenu.vue';
export default {
components: {
BucketActionsMenu,
},
name: 'BucketsTableComponent',
data() {
return {
// search in the table
search: '',
selected: [],
sortBy: [{ key: 'name', order: 'asc' }],
headers: [
{ title: 'Bucket', key: 'name' },
{ title: 'Storage', key: 'storage' },
{ title: 'Download', key: 'download' },
{ title: 'Segments', key: 'segments' },
{ title: 'Placement', key: 'placement' },
{ title: 'Value', key: 'agent' },
{ title: 'Created', key: 'date' },
],
files: [
{
name: 'First',
placement: 'global',
bucketid: '1Q284JF',
storage: '300TB',
download: '100TB',
segments: '23,456',
agent: 'Test Agent',
date: '02 Mar 2023',
},
{
name: 'Personal',
placement: 'global',
bucketid: '82SR21Q',
storage: '30TB',
download: '10TB',
segments: '123,456',
agent: 'Agent',
date: '21 Apr 2023',
},
{
name: 'Invitation',
placement: 'global',
bucketid: '4JFF82S',
storage: '500TB',
download: '200TB',
segments: '456',
agent: 'Random',
date: '24 Mar 2023',
},
{
name: 'Videos',
placement: 'global',
bucketid: '1Q223JA',
storage: '300TB',
download: '100TB',
segments: '3,456',
agent: 'Test Agent',
date: '11 Mar 2023',
},
{
name: 'App',
placement: 'global',
bucketid: 'R21Q284',
storage: '300TB',
download: '100TB',
segments: '56',
agent: 'Test Agent',
date: '11 Mar 2023',
},
{
name: 'Backup',
placement: 'global',
bucketid: '42SR20S',
storage: '30TB',
download: '10TB',
segments: '1,456',
agent: 'Agent',
date: '21 Apr 2023',
},
{
name: 'My Bucket',
placement: 'global',
bucketid: '4JFF8FF',
storage: '500TB',
download: '200TB',
segments: '6',
agent: 'Random',
date: '24 Mar 2023',
},
{
name: 'Sync',
placement: 'global',
bucketid: '4JFF8ZZ',
storage: '500TB',
download: '200TB',
segments: '3,123,456',
agent: 'Random',
date: '24 Mar 2023',
},
{
name: 'Backupss',
placement: 'global',
bucketid: '4JFF8TS',
storage: '500TB',
download: '200TB',
segments: '10,123,456',
agent: 'Random',
date: '24 Mar 2023',
},
{
name: 'Destiny',
placement: 'global',
bucketid: '4IF42TM',
storage: '500TB',
download: '200TB',
segments: '3,456',
agent: 'Random',
date: '29 Mar 2023',
},
],
};
},
methods: {
setSearch(searchText) {
this.search = searchText
}
},
};
</script>

View File

@ -0,0 +1,16 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-card :title="title" :subtitle="subtitle" variant="flat" :border="true" rounded="xlg">
<v-card-text>
<v-chip :variant="variant" :color="color" class="font-weight-bold">{{ data }}</v-chip>
</v-card-text>
</v-card>
</template>
<script>
export default {
props: ['title', 'subtitle', 'data', 'variant', 'color']
}
</script>

View File

@ -0,0 +1,255 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-text-field v-model="search" label="Search" prepend-inner-icon="mdi-magnify" single-line variant="solo-filled" flat
hide-details clearable density="compact" rounded="lg" class="mx-2 mt-2"></v-text-field>
<v-data-table v-model="selected" v-model:sort-by="sortBy" :headers="headers" :items="projects" :search="search"
@item-click="handleItemClick" density="comfortable" hover>
<template v-slot:item.projectid="{ item }">
<div class="text-no-wrap">
<v-btn variant="outlined" color="default" size="small" class="mr-1 text-caption" density="comfortable" icon
width="24" height="24">
<ProjectActionsMenu />
<v-icon icon="mdi-dots-horizontal"></v-icon>
</v-btn>
<v-chip variant="text" color="default" size="small" router-link to="/project-details"
class="font-weight-bold pl-1 ml-1">
<template v-slot:prepend>
<svg class="mr-2" width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="10" stroke="currentColor" stroke-opacity="0.2" />
<path
d="M16.2231 7.08668L16.2547 7.10399L23.4149 11.2391C23.6543 11.3774 23.7829 11.6116 23.8006 11.8529L23.8021 11.8809L23.8027 11.9121V20.1078C23.8027 20.3739 23.6664 20.6205 23.4432 20.7624L23.4136 20.7803L16.2533 24.8968C16.0234 25.029 15.7426 25.0342 15.5088 24.9125L15.4772 24.8951L8.38642 20.7787C8.15725 20.6457 8.01254 20.4054 8.00088 20.1422L8 20.1078L8.00026 11.8975L8 11.8738C8.00141 11.6177 8.12975 11.3687 8.35943 11.2228L8.38748 11.2058L15.4783 7.10425C15.697 6.97771 15.9622 6.96636 16.1893 7.07023L16.2231 7.08668ZM22.251 13.2549L16.6424 16.4939V22.8832L22.251 19.6588V13.2549ZM9.55175 13.2614V19.6611L15.0908 22.8766V16.4916L9.55175 13.2614ZM15.8669 8.67182L10.2916 11.8967L15.8686 15.149L21.4755 11.9109L15.8669 8.67182Z"
fill="currentColor" />
</svg>
</template>
{{ item.columns.projectid }}
</v-chip>
</div>
</template>
<template v-slot:item.name="{ item }">
{{ item.raw.name }}
</template>
<template v-slot:item.email="{ item }">
<v-chip variant="tonal" color="default" size="small" rounded="lg" @click="setSearch(item.raw.email)">
{{ item.raw.email }}
</v-chip>
</template>
<template v-slot:item.agent="{ item }">
<v-chip variant="tonal" color="default" size="small" rounded="lg" @click="setSearch(item.raw.agent)">
{{ item.raw.agent }}
</v-chip>
</template>
<template v-slot:item.placement="{ item }">
<v-chip variant="tonal" color="default" size="small" rounded="lg" @click="setSearch(item.raw.placement)">
{{ item.raw.placement }}
</v-chip>
</template>
<template v-slot:item.storagepercent="{ item }">
<v-chip variant="tonal" :color="getPercentColor(item.raw.storagepercent)" size="small" rounded="lg"
class="font-weight-bold">
{{ item.raw.storagepercent }}&percnt;
</v-chip>
</template>
<template v-slot:item.downloadpercent="{ item }">
<v-chip variant="tonal" :color="getPercentColor(item.raw.downloadpercent)" size="small" rounded="lg"
class="font-weight-bold">
{{ item.raw.downloadpercent }}&percnt;
</v-chip>
</template>
<template v-slot:item.segmentpercent="{ item }">
<v-tooltip text="430,000 / 1,000,000">
<template v-slot:activator="{ props }">
<v-chip v-bind="props" variant="tonal" :color="getPercentColor(item.raw.segmentpercent)" size="small"
rounded="lg" class="font-weight-bold">
{{ item.raw.segmentpercent }}&percnt;
</v-chip>
</template>
</v-tooltip>
</template>
<template v-slot:item.date="{ item }">
<span class="text-no-wrap">
{{ item.raw.date }}
</span>
</template>
</v-data-table>
</template>
<script>
import ProjectActionsMenu from '@/components/ProjectActionsMenu.vue';
export default {
components: {
ProjectActionsMenu,
},
data() {
return {
// search in the table
search: '',
selected: [],
sortBy: [{ key: 'name', order: 'asc' }],
headers: [
{ title: 'Project ID', key: 'projectid', align: 'start' },
// { title: 'Name', key: 'name'},
{ title: 'Account', key: 'email' },
{ title: 'Storage Used', key: 'storagepercent' },
{ title: 'Storage Used', key: 'storageused' },
{ title: 'Storage Limit', key: 'storagelimit' },
{ title: 'Download Used', key: 'downloadpercent' },
{ title: 'Download Used', key: 'downloadused' },
{ title: 'Download Limit', key: 'downloadlimit' },
{ title: 'Segments Used', key: 'segmentpercent' },
{ title: 'Value', key: 'agent' },
{ title: 'Placement', key: 'placement' },
{ title: 'Created', key: 'date' },
],
projects: [
{
name: 'Personal Project',
email: 'knowles@aurora.io',
projectid: '284JFF82SR21Q',
storageused: '150 TB',
storagelimit: '300 TB',
storagepercent: '50',
downloadused: '100 TB',
downloadlimit: '100 TB',
downloadpercent: '100',
segmentpercent: '43',
placement: 'Global',
agent: 'Agent',
date: '21 Apr 2023',
},
{
name: 'Videos',
email: 'vduke@gmail.com',
projectid: '482SR21Q223JA',
storageused: '24 TB',
storagelimit: '30 TB',
storagepercent: '80',
downloadused: '7 TB',
downloadlimit: '100 TB',
segmentpercent: '20',
downloadpercent: '7',
placement: 'Global',
agent: 'Test Agent',
date: '11 Mar 2023',
},
{
name: 'App',
email: 'vduke@gmail.com',
projectid: '56F82SR21Q284',
storageused: '150 TB',
storagelimit: '300 TB',
storagepercent: '50',
downloadused: '100 TB',
downloadlimit: '100 TB',
downloadpercent: '100',
segmentpercent: '43',
placement: 'Global',
agent: 'Test Agent',
date: '11 Mar 2023',
},
{
name: 'Backup',
email: 'knowles@aurora.io',
projectid: '624QXF42SR20S',
storageused: '99 TB',
storagelimit: '100 TB',
storagepercent: '99',
downloadused: '85 TB',
downloadlimit: '100 TB',
segmentpercent: '83',
downloadpercent: '85',
placement: 'Global',
agent: 'Agent',
date: '21 Apr 2023',
},
{
name: 'My Project',
email: 'sctrevis@gmail.com',
projectid: 'P33Q284JFF8FF',
storageused: '24 TB',
storagelimit: '30 TB',
storagepercent: '80',
downloadused: '7 TB',
downloadlimit: '100 TB',
segmentpercent: '20',
downloadpercent: '7',
placement: 'Global',
agent: 'Random',
date: '24 Mar 2023',
},
{
name: 'Sync',
email: 'sctrevis@gmail.com',
projectid: 'W22S284JFF8ZZ',
storageused: '150 TB',
storagelimit: '300 TB',
storagepercent: '50',
downloadused: '100 TB',
downloadlimit: '100 TB',
downloadpercent: '100',
segmentpercent: '43',
placement: 'Global',
agent: 'Random',
date: '24 Mar 2023',
},
{
name: 'Backupss',
email: 'destiny@gmail.com',
projectid: '2SFX284JFF8TS',
storageused: '99 TB',
storagelimit: '100 TB',
storagepercent: '99',
downloadused: '85 TB',
downloadlimit: '100 TB',
segmentpercent: '83',
downloadpercent: '85',
placement: 'Global',
agent: 'Random',
date: '24 Mar 2023',
},
{
name: 'Destiny',
email: 'destiny@gmail.com',
projectid: 'FGXZ484IF42TM',
storageused: '24 TB',
storagelimit: '30 TB',
storagepercent: '80',
downloadused: '7 TB',
downloadlimit: '100 TB',
segmentpercent: '20',
downloadpercent: '7',
placement: 'Global',
agent: 'Random',
date: '29 Mar 2023',
},
],
};
},
methods: {
setSearch(searchText) {
this.search = searchText
},
getPercentColor(percent) {
if (percent >= 99) {
return 'error'
} else if (percent >= 80) {
return 'warning'
} else {
return 'success'
}
},
},
};
</script>

View File

@ -0,0 +1,101 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-card variant="flat" :border="true" rounded="xlg">
<v-text-field v-model="search" label="Search" prepend-inner-icon="mdi-magnify" single-line variant="solo-filled" flat
hide-details clearable density="compact" rounded="lg" class="mx-2 mt-2"></v-text-field>
<v-data-table v-model="selected" v-model:sort-by="sortBy" :headers="headers" :items="files" :search="search"
class="elevation-1" @item-click="handleItemClick" item-key="path" density="comfortable" show-expand hover>
<template v-slot:expanded-row="{ columns, item }">
<tr>
<td :colspan="columns.length">
More info about {{ item.raw.name }} change.
</td>
</tr>
</template>
<template v-slot:item.operation="{ item }">
<v-chip variant="tonal" size="small" rounded="lg" @click="setSearch(item.raw.operation)">
{{ item.raw.operation }}
</v-chip>
</template>
<template v-slot:item.name="{ item }">
<v-list-item class="rounded-lg pl-1" link router-link to="/dashboard">
{{ item.columns.name }}
</v-list-item>
</template>
<template v-slot:item.email="{ item }">
<v-chip variant="tonal" size="small" rounded="lg" @click="setSearch(item.raw.email)">
{{ item.raw.email }}
</v-chip>
</template>
<template v-slot:item.date="{ item }">
<span class="text-no-wrap">
{{ item.raw.date }}
</span>
</template>
</v-data-table>
</v-card>
</template>
<script>
export default {
data() {
return {
// search in the table
search: '',
selected: [],
expanded: [],
sortBy: [{ key: 'date', order: 'asc' }],
headers: [
{ title: 'Date', key: 'date' },
{ title: 'Change', key: 'name' },
{ title: 'Operation', key: 'operation' },
{ title: 'Project ID', key: 'projectID' },
{ title: 'Bucket', key: 'bucket' },
{ title: 'Updated', key: 'updated' },
{ title: 'Previous', key: 'previous' },
{ title: 'Admin', key: 'email' },
{ title: '', key: 'data-table-expand' },
],
files: [
{
name: 'Project',
operation: 'Limits',
email: 'vduke@gmail.com',
projectID: 'F82SR21Q284JF',
bucket: 'All',
updated: '300TB',
previous: '100TB',
date: '02 Mar 2023',
},
{
name: 'Account',
operation: 'Coupon',
email: 'knowles@aurora.io',
projectID: '',
bucket: 'All',
updated: '30TB',
previous: 'Free Tier',
date: '21 Apr 2023',
},
],
};
},
methods: {
setSearch(searchText) {
this.search = searchText
}
},
};
</script>

View File

@ -0,0 +1,98 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Create New Account
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col>
<p class="pb-2">Create a new account in the US1 satellite.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field variant="outlined" label="Full name" required hide-details="auto" autofocus></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field v-model="email" variant="outlined" :rules="emailRules" label="E-mail"
hint="Generated password will be sent by email." hide-details="auto" required></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn size="large" variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn size="large" color="primary" variant="flat" block @click="onButtonClick">Create Account</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Account created successfully.`,
dialog: false,
valid: false,
email: '',
emailRules: [
value => {
if (value) return true
return 'E-mail is requred.'
},
value => {
if (/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(value)) return true
return 'E-mail must be valid.'
},
],
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,83 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Create New Project
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col>
<p class="pb-2">Enter an account ID and project name.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field label="Enter Account ID" variant="outlined" autofocus readonly
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12">
<v-text-field label="Project Name" placeholder="Enter Project Name" variant="outlined"
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn size="large" variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn size="large" color="primary" variant="flat" block @click="onButtonClick">Create Project</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Project created successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,13 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<p class="text-medium-emphasis">{{ subtitle }}
</p>
</template>
<script>
export default {
props: ['subtitle']
}
</script>

View File

@ -0,0 +1,12 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<h1 class="text-h5 font-weight-bold my-2">{{ title }}</h1>
</template>
<script>
export default {
props: ['title']
}
</script>

View File

@ -0,0 +1,89 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-menu activator="parent">
<v-list class="pa-2">
<v-list-item density="comfortable" link rounded="lg" base-color="info" router-link to="/project-details">
<v-list-item-title class="text-body-2 font-weight-medium">
View Project
</v-list-item-title>
</v-list-item>
<v-divider class="my-2"></v-divider>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Edit Project
<ProjectInformationDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Set Value
<ProjectUserAgentsDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Set Placement
<ProjectGeofenceDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Change Limits
<ProjectLimitsDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
New Bucket
<ProjectNewBucketDialog />
</v-list-item-title>
</v-list-item>
<v-list-item density="comfortable" link rounded="lg">
<v-list-item-title class="text-body-2 font-weight-medium">
Add User
<ProjectAddUserDialog />
</v-list-item-title>
</v-list-item>
<v-divider class="my-2"></v-divider>
<v-list-item density="comfortable" link rounded="lg" base-color="error">
<v-list-item-title class="text-body-2 font-weight-medium">
Delete
<ProjectDeleteDialog />
</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
</template>
<script>
import ProjectDeleteDialog from '@/components/ProjectDeleteDialog.vue';
import ProjectNewBucketDialog from '@/components/ProjectNewBucketDialog.vue';
import ProjectGeofenceDialog from '@/components/ProjectGeofenceDialog.vue';
import ProjectUserAgentsDialog from '@/components/ProjectUserAgentsDialog.vue';
import ProjectLimitsDialog from '@/components/ProjectLimitsDialog.vue';
import ProjectAddUserDialog from '@/components/ProjectAddUserDialog.vue';
import ProjectInformationDialog from './ProjectInformationDialog.vue';
export default {
components: {
ProjectDeleteDialog,
ProjectNewBucketDialog,
ProjectGeofenceDialog,
ProjectUserAgentsDialog,
ProjectLimitsDialog,
ProjectAddUserDialog,
ProjectInformationDialog
},
name: 'ProjectActionsMenu',
}
</script>

View File

@ -0,0 +1,85 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Add User
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Select a user to add to this project.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field label="Enter user email" autofocus variant="outlined" hide-details="auto"></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="56F82SR21Q284" label="Project ID" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `The user was added successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,98 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Delete Project
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Please enter the reason for deleting this project.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-select label="Deleting reason" placeholder="Select one or more reasons"
:items="['Reason 1', 'Reason 2', 'Reason 3', 'Other']" multiple variant="outlined" autofocus required
hide-details="auto"></v-select>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="56F82SR21Q284" label="Project ID" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12">
<v-text-field model-value="itacker@gmail.com" label="Account Email" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col>
<v-alert variant="tonal" color="error" rounded="lg">This will delete the project and all it's data.</v-alert>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="error" variant="flat" block :loading="loading" @click="onButtonClick">Delete Project</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `The project was deleted successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,87 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Set Project Placement
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Select a placement region for this project.</p>
<p>Applies to all the buckets and data.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-select label="Placement region" placeholder="Select the placement region."
:items="['global', 'us-select-1']" variant="outlined" autofocus hide-details="auto"></v-select>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="56F82SR21Q284" label="Project ID" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `The project placement was set successfully.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,81 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Project Information
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Edit the project name and description.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="My First Project" label="Project Name" hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12">
<v-text-field model-value="Description..." label="Project Description" hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="success">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Successfully updated the project information.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

View File

@ -0,0 +1,105 @@
// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<v-dialog v-model="dialog" activator="parent" width="auto" transition="fade-transition">
<v-card rounded="xlg">
<v-sheet>
<v-card-item class="pl-7 py-4">
<template v-slot:prepend>
<v-card-title class="font-weight-bold">
Project Limits
</v-card-title>
</template>
<template v-slot:append>
<v-btn icon="$close" variant="text" size="small" color="default" @click="dialog = false"></v-btn>
</template>
</v-card-item>
</v-sheet>
<v-divider></v-divider>
<v-form v-model="valid" class="pa-7">
<v-row>
<v-col cols="12">
<p>Enter limits for this project.</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12" sm="6">
<v-text-field label="Buckets" model-value="100" suffix="Buckets" variant="outlined"
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12" sm="6">
<v-text-field label="Storage" model-value="100" suffix="TB" variant="outlined"
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12" sm="6">
<v-text-field label="Download per month" model-value="300" suffix="TB" variant="outlined"
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12" sm="6">
<v-text-field label="Segments" model-value="100,000,000" variant="outlined"
hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12" sm="6">
<v-text-field label="Rate" model-value="10,000" variant="outlined" hide-details="auto"></v-text-field>
</v-col>
<v-col cols="12" sm="6">
<v-text-field label="Burst" model-value="50,000" variant="outlined" hide-details="auto"></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field model-value="56F82SR21Q284" label="Project ID" variant="solo-filled" flat readonly
hide-details="auto"></v-text-field>
</v-col>
</v-row>
</v-form>
<v-divider></v-divider>
<v-card-actions class="pa-7">
<v-row>
<v-col>
<v-btn variant="outlined" color="default" block @click="dialog = false">Cancel</v-btn>
</v-col>
<v-col>
<v-btn color="primary" variant="flat" block :loading="loading" @click="onButtonClick">Save</v-btn>
</v-col>
</v-row>
</v-card-actions>
</v-card>
</v-dialog>
<v-snackbar :timeout="7000" v-model="snackbar" color="error">
{{ text }}
<template v-slot:actions>
<v-btn color="default" variant="text" @click="snackbar = false">
Close
</v-btn>
</template>
</v-snackbar>
</template>
<script>
export default {
data() {
return {
snackbar: false,
text: `Error. Cannot change project limits.`,
dialog: false,
}
},
methods: {
onButtonClick() {
this.snackbar = true;
this.dialog = false;
}
}
}
</script>

Some files were not shown because too many files have changed in this diff Show More