Bump macaw to 0.3 (#1807)
* Update to new design theme (#1631) * Update macaw to 0.3.0 (#1623) * Update macaw to 0.3 * Use proper pagination component * Fix type errors * Remove leftover import * Remove variant and color from confirm button * Remove alias * Update macaw * Fix button type * Random fixes (#1633) * Improve layout components * Use colored svgs * Minor fixes * Fix autocomplete loaders * Fix padding * Fix button variant * Remove codegen file * Fixes after bumping macaw to 0.3 part 2 (#1638) * Fix various visual bugs * Fix type errors * Bump macaw * Random fixes part 3 (#1647) * wip * Fix mismatched paddings * Fix actions container padding * Put story in the right directory * Fix shipping zone picker * Fix minor visual bugs * Remove unused imports * Move styles to separate file * Random fixes part 4 (#1641) * Fix various visual bugs * Fix type errors * Fix last table item padding * Add outline on hover * Fix spaces * Fix spaces * Remove dead code * Fix elevation * Remove dead code * Fix shadows * Add outline to expand button * Fix spacing * Fix spacings * Fix selectable tables hover * Use proper delete icon * Fix ConfirmButtonTransitionState imports * Update src/apps/components/CustomApps/CustomApps.tsx Co-authored-by: Wojciech Mista <wojciech.mista@saleor.io> Co-authored-by: Wojciech Mista <wojciech.mista@saleor.io> * Rework error page (#1670) * Remake error page * Fix types * Update error id styles * Fix types * Login page rework (#1703) * Rework login page * Remove outline * Fix logo and footer placement * Sort imports * Random fixes part 5 (#1669) * Fix text color in dark mode * Update password reset pages (#1714) * Update password reset pages * Update src/auth/components/ResetPasswordPage/ResetPasswordPage.tsx Co-authored-by: Jakub Majorek <majorek.jakub@gmail.com> Co-authored-by: Jakub Majorek <majorek.jakub@gmail.com> * Fix collection page * Update dark mode logo * Bring back "create app" button * Fix spacings * Fix selects * Fix login e2e test * Fix not found page displaying * Update selector * Add missing package * Let dropdown overflow through card * Fix scroll * Fix scroll * Fix overflow on grid element * Fix e2e tests * Fix data-test-id * Update snapshots * Update messages * Update macaw * Update snapshots * Use stable macaw version Co-authored-by: Wojciech Mista <wojciech.mista@saleor.io> Co-authored-by: Jakub Majorek <majorek.jakub@gmail.com> * Update to new design theme (#1631) * Update macaw to 0.3.0 (#1623) * Update macaw to 0.3 * Use proper pagination component * Fix type errors * Remove leftover import * Remove variant and color from confirm button * Remove alias * Update macaw * Fix button type * Random fixes (#1633) * Improve layout components * Use colored svgs * Minor fixes * Fix autocomplete loaders * Fix padding * Fix button variant * Remove codegen file * Fixes after bumping macaw to 0.3 part 2 (#1638) * Fix various visual bugs * Fix type errors * Bump macaw * Random fixes part 3 (#1647) * wip * Fix mismatched paddings * Fix actions container padding * Put story in the right directory * Fix shipping zone picker * Fix minor visual bugs * Remove unused imports * Move styles to separate file * Random fixes part 4 (#1641) * Fix various visual bugs * Fix type errors * Fix last table item padding * Add outline on hover * Fix spaces * Fix spaces * Remove dead code * Fix elevation * Remove dead code * Fix shadows * Add outline to expand button * Fix spacing * Fix spacings * Fix selectable tables hover * Use proper delete icon * Fix ConfirmButtonTransitionState imports * Update src/apps/components/CustomApps/CustomApps.tsx Co-authored-by: Wojciech Mista <wojciech.mista@saleor.io> Co-authored-by: Wojciech Mista <wojciech.mista@saleor.io> * Rework error page (#1670) * Remake error page * Fix types * Update error id styles * Fix types * Login page rework (#1703) * Rework login page * Remove outline * Fix logo and footer placement * Sort imports * Random fixes part 5 (#1669) * Fix text color in dark mode * Update password reset pages (#1714) * Update password reset pages * Update src/auth/components/ResetPasswordPage/ResetPasswordPage.tsx Co-authored-by: Jakub Majorek <majorek.jakub@gmail.com> Co-authored-by: Jakub Majorek <majorek.jakub@gmail.com> * Fix collection page * Update dark mode logo * Bring back "create app" button * Fix spacings * Fix selects * Fix login e2e test * Fix not found page displaying * Update selector * Add missing package * Let dropdown overflow through card * Fix scroll * Fix scroll * Fix overflow on grid element * Fix e2e tests * Fix data-test-id * Update snapshots * Update messages * Update macaw * Update snapshots * Use stable macaw version Co-authored-by: Wojciech Mista <wojciech.mista@saleor.io> Co-authored-by: Jakub Majorek <majorek.jakub@gmail.com> * Fix visual bugs and artifacts * Fix dropdown menus being clipped (#1762) * wip * Fix clipped select menus * Remove unused import * Fix spacing * Fix tests * Fix select content appearing under dialogs (#1777) * Fix type errors * Fix bulk delete button placement * Fix filter arrow buttons * Fix messages * Remove backling from pages list * Move status above events * Update messages and snapshots Co-authored-by: Wojciech Mista <wojciech.mista@saleor.io> Co-authored-by: Jakub Majorek <majorek.jakub@gmail.com>
This commit is contained in:
Dominik Żegleń
GitHub
parent
1ee2114153
commit
f8254fd11b
422 changed files with 51975 additions and 54866 deletions
|
|
@ -173,7 +173,7 @@
|
||||||
"no-restricted-imports": [
|
"no-restricted-imports": [
|
||||||
"error",
|
"error",
|
||||||
{
|
{
|
||||||
"paths": ["lodash"]
|
"paths": ["lodash", "@material-ui/icons/Delete"]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
<svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.23278 6.21084L13 -6.40628e-08L14.4656 1.3609L7.23278 9.15006L-1.15036e-05 1.3609L1.46558 -5.68248e-07L7.23278 6.21084Z" fill="#06847B"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.23278 6.21084L13 -6.40628e-08L14.4656 1.3609L7.23278 9.15006L-1.15036e-05 1.3609L1.46558 -5.68248e-07L7.23278 6.21084Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 292 B After Width: | Height: | Size: 297 B |
|
|
@ -1,4 +1,4 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect width="24" height="24"/>
|
<rect width="24" height="24"/>
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM9.75 5.53473C7.07559 6.46535 5.15625 9.00854 5.15625 12C5.15625 15.7797 8.2203 18.8438 12 18.8438C15.7797 18.8438 18.8438 15.7797 18.8438 12C18.8438 8.9737 16.8794 6.40617 14.1562 5.50287V7.10915C16.0335 7.938 17.3438 9.816 17.3438 12C17.3438 14.9513 14.9513 17.3438 12 17.3438C9.04873 17.3438 6.65625 14.9513 6.65625 12C6.65625 9.85254 7.92298 8.00093 9.75 7.15163V5.53473ZM11.25 4.125V11.1562H12.75V4.125H11.25Z" fill="#06847B"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM9.75 5.53473C7.07559 6.46535 5.15625 9.00854 5.15625 12C5.15625 15.7797 8.2203 18.8438 12 18.8438C15.7797 18.8438 18.8438 15.7797 18.8438 12C18.8438 8.9737 16.8794 6.40617 14.1562 5.50287V7.10915C16.0335 7.938 17.3438 9.816 17.3438 12C17.3438 14.9513 14.9513 17.3438 12 17.3438C9.04873 17.3438 6.65625 14.9513 6.65625 12C6.65625 9.85254 7.92298 8.00093 9.75 7.15163V5.53473ZM11.25 4.125V11.1562H12.75V4.125H11.25Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 864 B After Width: | Height: | Size: 869 B |
|
|
@ -1,201 +1,144 @@
|
||||||
<svg width="520" height="1080" viewBox="0 0 520 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="646" height="562" viewBox="0 0 646 562" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path opacity="0.27" d="M-68.594 578.429L511.218 -1.38306V247.737L177.677 581.277L-68.594 578.429Z" fill="url(#paint0_linear)"/>
|
|
||||||
<path d="M200.595 334.229H131.194L81.7325 383.691H151.004L200.595 334.229Z" fill="#412578"/>
|
|
||||||
<path opacity="0.3" d="M437.285 1032.9H413.978L355.712 1091.17H379.019L437.285 1032.9Z" fill="#412578"/>
|
|
||||||
<g opacity="0.8">
|
|
||||||
<path opacity="0.8" d="M40.6874 535.96H94.0332V615.978H40.6874V535.96Z" fill="url(#paint1_linear)" stroke="#93D7EA" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path opacity="0.8" d="M94.0332 615.978L147.379 562.633V482.614L94.0332 535.96V615.978Z" fill="url(#paint2_linear)" stroke="#93D7EA" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path opacity="0.8" d="M40.6874 535.96L94.0332 482.614H147.379L94.0332 535.96H40.6874Z" fill="url(#paint3_linear)" stroke="#93D7EA" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</g>
|
|
||||||
<path opacity="0.3" d="M443.888 564.186H410.612L327.356 647.442H360.633L443.888 564.186Z" fill="#412578"/>
|
|
||||||
<path opacity="0.3" d="M385.622 513.301H226.88L-170.106 910.287H-11.3637L385.622 513.301Z" fill="#412578"/>
|
|
||||||
<g opacity="0.4">
|
<g opacity="0.4">
|
||||||
<path opacity="0.65" d="M128.604 644.205L157.09 615.719H232.965L204.48 644.205H128.604Z" fill="url(#paint4_linear)" stroke="#93D7EA" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<line y1="-1.5" x2="46.229" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 0 131.92)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.37" d="M156.831 539.844H232.706V615.719H156.831V539.844V539.844Z" fill="url(#paint5_linear)" stroke="#93D7EA" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<line opacity="0.4" y1="-1.5" x2="52.4334" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 24.1896 177.269)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.4" d="M203.962 644.464V568.588" stroke="url(#paint6_linear)" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<line y1="-1.5" x2="33.3335" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 20.1545 140.989)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<g opacity="0.4">
|
<line y1="-1.5" x2="33.3335" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 60.3416 121.041)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<g opacity="0.4">
|
<line opacity="0.44" y1="-1.5" x2="105.962" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 54.6961 104.77)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.78" d="M128.474 644.205L156.959 615.719V539.844L128.474 568.329V644.205Z" fill="url(#paint7_linear)" stroke="#93D7EA" stroke-width="1.2122" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<line y1="-1.5" x2="46.229" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 0 384.535)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.4" d="M128.346 568.33H204.221V644.205H128.346V568.33V568.33Z" fill="url(#paint8_linear)" stroke="#93D7EA" stroke-width="1.2122" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<line opacity="0.44" y1="-1.5" x2="105.962" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 54.6961 357.384)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.4" d="M204.221 644.205L232.707 615.719V539.844L204.221 568.329V644.205Z" fill="url(#paint9_linear)" stroke="#93D7EA" stroke-width="1.2122" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<line y1="-1.5" x2="35.8883" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 171.456 46.8113)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.4" d="M128.346 568.329L156.831 539.844H232.706L204.221 568.329H128.346Z" fill="url(#paint10_linear)" stroke="#93D7EA" stroke-width="1.2122" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 160.404 52.2979)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 99.8362 101.437)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 76.8121 151.148)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="37.1657" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 88.7313 145.232)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line opacity="0.4" y1="-1.5" x2="42.4881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 196.538 91.717)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="42.4273" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 142.822 118.381)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 130.933 124.283)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 186.204 96.8477)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 245.045 67.6399)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 258.401 61.0088)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 272.796 53.8635)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="14.8419" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 112.157 95.3188)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line opacity="0.4" y1="-1.5" x2="33.3335" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 45.265 186.98)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="21.8979" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 85.4521 167.031)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 113.837 152.941)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 202.326 109.015)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 322.772 49.2256)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 333.366 43.968)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 344.191 38.595)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 354.322 33.5657)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line opacity="0.4" y1="-1.5" x2="31.6304" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122631 0.93987 126.214 146.795)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="33.3335" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 45.2676 206.463)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="33.3335" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 85.4543 186.514)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 124.949 166.909)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="25.9126" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 137.27 160.792)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="31.6304" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 206.822 126.268)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="65.6938" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 245.049 107.292)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.7178" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 311.029 74.5403)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.7178" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 334.29 62.9934)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.7178" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 322.775 68.7104)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.7178" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 346.035 57.1631)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.7178" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 357.492 51.4773)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.7178" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 368.086 46.2175)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="33.3335" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 45.2701 225.946)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="33.3335" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 85.4572 205.997)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.69104" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 124.952 186.392)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="10.5935" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 173.646 162.221)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="16.5603" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 292.711 103.118)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="9.86928" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 313.435 92.8313)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="33.8202" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 137.273 180.277)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="33.9608" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 162.582 128.743)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="33.9608" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 217.97 101.249)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="65.8858" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 256.725 82.012)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="33.4552" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 168.016 145.531)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="33.8202" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 188.4 154.898)" stroke="#378AFF" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="66.3021" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 226.399 136.036)" stroke="#378AFF" stroke-width="3"/>
|
||||||
</g>
|
</g>
|
||||||
<path opacity="0.4" d="M128.993 567.941H204.48" stroke="url(#paint11_linear)" stroke-width="1.3046" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<line y1="-1.5" x2="44.4042" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 45.2752 264.365)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.4" d="M129.511 568.07C129.511 568.588 128.993 569.106 128.475 569.106C127.957 569.106 127.439 568.588 127.439 568.07C127.439 567.552 127.957 567.034 128.475 567.034C128.993 567.034 129.511 567.552 129.511 568.07Z" fill="white"/>
|
<path d="M32.0986 340.053V250.09L458.667 40.8381V130.801L32.0986 340.053Z" stroke="#28234A" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2 6"/>
|
||||||
<path opacity="0.4" d="M205.386 568.07C205.386 568.588 204.868 569.106 204.35 569.106C203.832 569.106 203.314 568.588 203.314 568.07C203.314 567.552 203.832 567.034 204.35 567.034C204.868 567.034 205.386 567.552 205.386 568.07Z" fill="white"/>
|
<line y1="-1.5" x2="81.2657" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 78.0943 267.558)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.4" d="M129.511 644.205C129.511 644.723 128.993 645.241 128.475 645.241C127.957 645.241 127.439 644.723 127.439 644.205C127.439 643.687 127.957 643.169 128.475 643.169C128.993 643.169 129.511 643.687 129.511 644.205Z" fill="white"/>
|
<line y1="-1.5" x2="54.5015" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 78.0967 287.041)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.4" d="M205.386 644.205C205.386 644.723 204.868 645.241 204.35 645.241C203.832 645.241 203.314 644.723 203.314 644.205C203.314 643.687 203.832 643.169 204.35 643.169C204.868 643.169 205.386 643.687 205.386 644.205Z" fill="white"/>
|
<line y1="-1.5" x2="31.771" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 172.041 240.408)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.4" d="M157.478 540.103C157.478 540.621 156.961 541.139 156.443 541.139C155.925 541.139 155.407 540.621 155.407 540.103C155.407 539.585 155.925 539.067 156.443 539.067C156.961 539.067 157.478 539.585 157.478 540.103Z" fill="white"/>
|
<line y1="-1.5" x2="31.771" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 220.42 216.393)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.4" d="M233.224 540.103C233.224 540.621 232.706 541.139 232.189 541.139C231.671 541.139 231.153 540.621 231.153 540.103C231.153 539.585 231.671 539.067 232.189 539.067C232.836 539.067 233.224 539.585 233.224 540.103Z" fill="white"/>
|
<line y1="-1.5" x2="38.9297" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 268.552 192.501)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.4" d="M233.224 616.237C233.224 616.755 232.706 617.273 232.189 617.273C231.671 617.273 231.153 616.755 231.153 616.237C231.153 615.719 231.671 615.201 232.189 615.201C232.836 615.201 233.224 615.719 233.224 616.237Z" fill="white"/>
|
<line y1="-1.5" x2="7.29931" y2="-1.5" transform="matrix(0.946523 -0.469829 0.000122716 0.93987 207.295 222.909)" stroke="#378AFF" stroke-width="3"/>
|
||||||
</g>
|
<line y1="-1.5" x2="7.29931" y2="-1.5" transform="matrix(0.946523 -0.469829 0.000122716 0.93987 254.33 199.56)" stroke="#378AFF" stroke-width="3"/>
|
||||||
</g>
|
<line y1="-1.5" x2="55.4748" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 202.11 205.997)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path d="M367.625 429.138L299.777 496.986V429.138L367.625 361.291V429.138Z" fill="url(#paint12_linear)" stroke="#93D7EA" stroke-width="1.2122" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<line y1="-1.5" x2="9.85407" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 178.159 217.886)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path d="M299.648 429.138H274.27L342.117 361.291H367.495L299.648 429.138Z" fill="url(#paint13_linear)" stroke="#93D7EA" stroke-width="1.2122" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<line y1="-1.5" x2="9.85407" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 190.364 211.827)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path opacity="0.8" d="M274.27 429.138H299.648V496.986H274.27V429.138Z" fill="url(#paint14_linear)" stroke="#93D7EA" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<line y1="-1.5" x2="104.319" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 258.762 177.876)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path d="M275.435 429.138C275.435 429.656 275.046 430.045 274.528 430.045C274.01 430.045 273.622 429.656 273.622 429.138C273.622 428.62 274.01 428.232 274.528 428.232C275.046 428.232 275.435 428.62 275.435 429.138Z" fill="white"/>
|
<line y1="-1.5" x2="68.5527" y2="-1.5" transform="matrix(0.946515 -0.469845 0.00012271 0.93987 362.913 126.176)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path d="M300.554 429.138C300.554 429.656 300.165 430.045 299.648 430.045C299.13 430.045 298.741 429.656 298.741 429.138C298.741 428.62 299.13 428.232 299.648 428.232C300.036 428.232 300.554 428.62 300.554 429.138Z" fill="white"/>
|
<line y1="-1.5" x2="15.876" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 432.005 91.8799)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path d="M275.435 496.856C275.435 497.374 275.046 497.763 274.528 497.763C274.01 497.763 273.622 497.374 273.622 496.856C273.622 496.338 274.01 495.95 274.528 495.95C275.046 495.95 275.435 496.338 275.435 496.856Z" fill="white"/>
|
<line y1="-1.5" x2="44.4042" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 95.9973 239.186)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path d="M300.554 496.856C300.554 497.374 300.165 497.763 299.648 497.763C299.13 497.763 298.741 497.374 298.741 496.856C298.741 496.338 299.13 495.95 299.648 495.95C300.036 495.95 300.554 496.338 300.554 496.856Z" fill="white"/>
|
<line y1="-1.5" x2="8.75918" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 146.719 214.009)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path d="M368.919 361.42C368.919 361.938 368.531 362.327 368.013 362.327C367.495 362.327 367.107 361.938 367.107 361.42C367.107 360.902 367.495 360.514 368.013 360.514C368.531 360.514 368.919 360.902 368.919 361.42Z" fill="white"/>
|
<line y1="-1.5" x2="8.75918" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 159.733 207.549)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path d="M343.023 361.42C343.023 361.938 342.635 362.327 342.117 362.327C341.599 362.327 341.211 361.938 341.211 361.42C341.211 360.902 341.599 360.514 342.117 360.514C342.635 360.514 343.023 360.902 343.023 361.42Z" fill="white"/>
|
<line y1="-1.5" x2="8.75918" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 47.125 321.627)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path d="M368.919 429.138C368.919 429.656 368.531 430.045 368.013 430.045C367.495 430.045 367.107 429.656 367.107 429.138C367.107 428.62 367.495 428.232 368.013 428.232C368.531 428.232 368.919 428.62 368.919 429.138Z" fill="white"/>
|
<line y1="-1.5" x2="8.75918" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 24.2127 353.309)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path d="M200.984 790.906V879.082L493.35 586.586V486.239L202.149 777.311L200.984 790.906Z" stroke="#95D4E7" stroke-miterlimit="10"/>
|
<line y1="-1.5" x2="8.75918" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 172.036 201.442)" stroke="#378AFF" stroke-width="3"/>
|
||||||
<path d="M523.13 591.118V526.119L463.44 585.809V650.42L487.912 625.948L523.13 591.118Z" fill="url(#paint15_linear)"/>
|
<path d="M281.3 34.1207L290.364 38.6526L356.693 5.53194L347.629 1L281.3 34.1207Z" fill="#EFF5F8" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<path opacity="0.61" d="M2.23177 336.56L240.475 98.3167H371.25L441.817 168.883L-8.77405 619.474V345.624L2.23177 336.56Z" fill="url(#paint16_linear)"/>
|
<path d="M281.3 84.2054L290.271 88.6906V38.8983L281.3 34.4131V84.2054Z" fill="#EFF5F8" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<path d="M96.1048 571.307L-38.425 707.003V729.532L119.8 571.178L96.1048 571.307Z" fill="url(#paint17_linear)"/>
|
<path d="M290.272 88.5722L356.683 55.3664V5.55786L290.272 38.7636V88.5722Z" fill="#EFF5F8" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<path opacity="0.27" d="M499.824 613.518L813.554 299.658H828.703L512.383 615.978L499.824 613.518Z" fill="url(#paint18_linear)"/>
|
<path d="M139.992 344.923L158.828 354.341L296.668 285.512L277.832 276.094L139.992 344.923Z" fill="#EFF5F8" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<path opacity="0.27" d="M127.439 912.229L355.713 683.955V782.101L224.42 913.394L127.439 912.229Z" fill="url(#paint19_linear)"/>
|
<path d="M139.992 464.549L158.634 473.87V354.203L139.992 344.882V464.549Z" fill="#EFF5F8" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<path opacity="0.6" d="M519.116 965.834V910.287H463.44L519.116 965.834Z" fill="url(#paint20_linear)"/>
|
<path d="M158.634 473.626L296.646 404.62V285.351L158.634 354.357V473.626Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<path opacity="0.4" d="M327.097 516.019V630.868L442.723 508.639V395.732L327.097 516.019Z" fill="url(#paint21_linear)"/>
|
<path d="M83.8782 159.207L102.714 168.625L240.554 99.7959L221.718 90.3779L83.8782 159.207Z" fill="#EFF5F8" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<path d="M94.0332 687.322L372.286 409.069H385.622L105.169 689.523L94.0332 687.322Z" fill="url(#paint22_linear)"/>
|
<path d="M83.8775 296.322L102.519 305.643V168.488L83.8775 159.167V296.322Z" fill="#EFF5F8" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<path d="M426.409 720.857H402.196L384.845 738.207H409.188L426.409 720.857Z" fill="#E30D13"/>
|
<path d="M102.519 305.644L240.532 236.638V99.8511L102.519 168.857V305.644Z" fill="#EFF5F8" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<defs>
|
<path d="M220.033 469.198V204.077L545.393 41.3967V306.518L220.033 469.198Z" fill="#EFF5F8" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<linearGradient id="paint0_linear" x1="210.919" y1="544.839" x2="252.208" y2="18.3994" gradientUnits="userSpaceOnUse">
|
<path d="M233.348 214.692C234.324 213.436 234.498 211.938 233.738 211.347C232.977 210.756 231.569 211.295 230.593 212.551C229.617 213.807 229.442 215.304 230.203 215.895C230.964 216.487 232.372 215.948 233.348 214.692Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop stop-color="#9EE0E0" stop-opacity="0.9"/>
|
<path d="M242.322 210.121C243.298 208.865 243.472 207.368 242.711 206.776C241.951 206.185 240.543 206.724 239.567 207.98C238.591 209.236 238.416 210.733 239.177 211.325C239.938 211.916 241.346 211.377 242.322 210.121Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.0690068" stop-color="#87D9D8" stop-opacity="0.9069"/>
|
<path d="M251.294 205.551C252.27 204.295 252.444 202.798 251.683 202.206C250.922 201.615 249.514 202.154 248.538 203.41C247.562 204.666 247.388 206.163 248.149 206.755C248.91 207.346 250.318 206.807 251.294 205.551Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.1999" stop-color="#62CDCC" stop-opacity="0.92"/>
|
<path d="M235.117 233.483L297.428 202.327" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.3369" stop-color="#43C4C2" stop-opacity="0.9337"/>
|
<path d="M236.238 284.48V263.862L262.021 250.97V271.589L236.238 284.48Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.4797" stop-color="#2BBCBB" stop-opacity="0.948"/>
|
<path d="M236.238 312.174V291.556L262.021 278.664V299.282L236.238 312.174Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.6307" stop-color="#1BB7B5" stop-opacity="0.9631"/>
|
<path d="M236.238 339.867V319.249L262.021 306.358V326.976L236.238 339.867Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.7955" stop-color="#10B4B2" stop-opacity="0.9796"/>
|
<path d="M500.004 104.557V83.9252L525.787 71.0337V91.6656L500.004 104.557Z" fill="white" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="1" stop-color="#0DB3B1"/>
|
<path d="M500.003 99.806L525.786 86.9146" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
</linearGradient>
|
<path d="M500.003 95.0534L525.786 82.1619" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<linearGradient id="paint1_linear" x1="86.8793" y1="548.022" x2="-31.5978" y2="717.592" gradientUnits="userSpaceOnUse">
|
<path d="M500.003 89.6671L525.786 76.7756" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop stop-color="#F9B000"/>
|
<path d="M500.003 95.0534V84.032L513.776 77.1455V88.1669L500.003 95.0534Z" fill="white" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.0455285" stop-color="#F69903"/>
|
<path d="M501.633 86.9268L511.51 81.9883" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1 3"/>
|
||||||
<stop offset="0.1341" stop-color="#F17407"/>
|
<path d="M501.633 90.2108L511.51 85.2722" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1 3"/>
|
||||||
<stop offset="0.23" stop-color="#ED540B"/>
|
<path d="M449.921 151.869L496.992 128.333" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.3333" stop-color="#E93A0E"/>
|
<path d="M449.921 170.606L524.871 133.132" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.4468" stop-color="#E72610"/>
|
<path d="M449.921 179.026L524.871 141.552" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.5756" stop-color="#E51812"/>
|
<path d="M449.921 187.446L524.871 149.971" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.7329" stop-color="#E41013"/>
|
<path d="M449.924 234.784L524.873 196.941V215.414L449.924 253.278V234.784Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="1" stop-color="#E30D13"/>
|
<path d="M454.667 242.191L461.434 238.812" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
</linearGradient>
|
<path d="M458.047 237.443V243.774" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<linearGradient id="paint2_linear" x1="8.42613" y1="621.292" x2="192.07" y2="503.552" gradientUnits="userSpaceOnUse">
|
<path d="M449.923 208.449L524.873 170.606V189.079L449.923 226.943V208.449Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.00124199" stop-color="#F9B000" stop-opacity="0.7"/>
|
<path d="M568.348 231.352C567.452 230.801 566.351 230.755 565.41 231.214L503.114 262.362C502.081 262.867 501.438 263.923 501.438 265.071V389.639C501.438 390.695 501.989 391.659 502.884 392.21C503.366 392.508 503.917 392.669 504.468 392.669C504.927 392.669 505.386 392.554 505.822 392.348L568.118 361.2C569.151 360.695 569.794 359.639 569.794 358.491V233.923C569.794 232.89 569.243 231.903 568.348 231.352Z" fill="#EFF5F8" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.046714" stop-color="#F69903" stop-opacity="0.7137"/>
|
<path d="M507.496 266.815L569.792 235.69V360.258L507.496 391.383V266.815Z" fill="white" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.1351" stop-color="#F17407" stop-opacity="0.7402"/>
|
<path d="M540.703 368.151C542.197 366.229 542.466 363.939 541.305 363.037C540.144 362.135 537.992 362.961 536.498 364.883C535.005 366.805 534.735 369.094 535.896 369.997C537.058 370.899 539.21 370.072 540.703 368.151Z" fill="#EFF5F8" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="0.231" stop-color="#ED540B" stop-opacity="0.769"/>
|
<rect width="6.32811" height="15.8909" rx="3.16405" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 321.48 36.2905)" fill="#EFF5F8" stroke="#28234A"/>
|
||||||
<stop offset="0.3342" stop-color="#E93A0E" stop-opacity="0.8"/>
|
<path d="M331.42 42.4535C331.42 47.0218 328.313 52.2679 324.479 54.171C320.645 56.0741 317.537 53.9135 317.536 49.3452" stroke="#28234A"/>
|
||||||
<stop offset="0.4475" stop-color="#E72610" stop-opacity="0.834"/>
|
<rect width="1.29051" height="4.74139" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 323.869 55.1755)" fill="#28234A"/>
|
||||||
<stop offset="0.5762" stop-color="#E51812" stop-opacity="0.8727"/>
|
<path d="M171.114 215.187L157.937 211.378L157.935 195.48L171.109 178.327L184.659 182.218L184.661 198.108L171.114 215.187Z" fill="white" stroke="#28234A"/>
|
||||||
<stop offset="0.7332" stop-color="#E41013" stop-opacity="0.9199"/>
|
<path d="M171.111 199.562L171.111 215.118" stroke="#28234A"/>
|
||||||
<stop offset="1" stop-color="#E30D13"/>
|
<path d="M183.426 294.179L199.892 285.939" stroke="#056DFF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
</linearGradient>
|
<path d="M191.651 279.533V300.57" stroke="#056DFF" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<linearGradient id="paint3_linear" x1="-90.7801" y1="491.557" x2="132.111" y2="513.032" gradientUnits="userSpaceOnUse">
|
<path d="M543.63 274.26L587.378 172.183L645.708 143.018" stroke="#378AFF" stroke-width="0.6" stroke-miterlimit="10"/>
|
||||||
<stop stop-color="#C86128"/>
|
<path d="M645.706 122.699V137.282L587.376 166.447V151.864L645.706 122.699Z" fill="#378AFF"/>
|
||||||
<stop offset="1" stop-color="#B83626"/>
|
<path d="M232.385 523.159C237.223 511.362 235.328 499.413 228.154 496.472C220.98 493.53 211.243 500.71 206.406 512.507C201.568 524.305 203.463 536.253 210.637 539.194C217.811 542.136 227.548 534.957 232.385 523.159Z" fill="#378AFF" stroke="#28234A" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
</linearGradient>
|
<path d="M219.363 497.461V517.833L230.565 497.782C227.705 495.589 223.748 495.282 219.363 497.461Z" fill="white" stroke="#28234A" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<linearGradient id="paint4_linear" x1="-4.1855" y1="612.121" x2="218.97" y2="633.621" gradientUnits="userSpaceOnUse">
|
<path d="M211.475 555.907L223.359 549.972" stroke="#28234A" stroke-miterlimit="10"/>
|
||||||
<stop stop-color="#412D79"/>
|
<path d="M227.315 548.007L235.242 544.05" stroke="#28234A" stroke-miterlimit="10"/>
|
||||||
<stop offset="1" stop-color="#1988BE"/>
|
<path d="M211.475 561L227.316 553.1" stroke="#28234A" stroke-miterlimit="10"/>
|
||||||
</linearGradient>
|
<path d="M279.052 497.84C283.889 486.042 281.995 474.094 274.821 471.153C267.647 468.211 257.909 475.39 253.072 487.188C248.235 498.985 250.13 510.933 257.304 513.875C264.478 516.816 274.215 509.637 279.052 497.84Z" fill="#378AFF" stroke="#28234A" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<linearGradient id="paint5_linear" x1="43.3468" y1="563.209" x2="226.08" y2="580.815" gradientUnits="userSpaceOnUse">
|
<path d="M277.138 472.282C274.215 469.997 270.19 469.685 265.743 471.901V492.624L277.138 501.599C280.104 496.41 281.726 490.563 281.857 484.588C281.857 478.85 280.048 474.58 277.138 472.282Z" fill="white" stroke="#28234A" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop stop-color="#412D79"/>
|
<path d="M254.185 530.808L277.94 518.951" stroke="#28234A" stroke-miterlimit="10"/>
|
||||||
<stop offset="1" stop-color="#1988BE"/>
|
<path d="M254.185 535.902L266.069 529.98" stroke="#28234A" stroke-miterlimit="10"/>
|
||||||
</linearGradient>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M300.848 455.992L300.848 455.992C303.722 450.885 307.679 446.621 312.05 444.442V464.814L312.051 464.814L312.05 464.814L296.21 472.715C296.338 466.841 297.933 461.092 300.848 455.992Z" fill="#378AFF"/>
|
||||||
<linearGradient id="paint6_linear" x1="-99999" y1="-99999" x2="-99999" y2="-99999" gradientUnits="userSpaceOnUse">
|
<path d="M300.848 455.992L300.412 455.746L300.202 456.12L300.539 456.385L300.848 455.992ZM300.848 455.992L301.282 456.24L301.497 455.865L301.157 455.599L300.848 455.992ZM312.05 444.442H312.55V443.634L311.827 443.994L312.05 444.442ZM312.05 464.814H311.55V465.057L311.741 465.207L312.05 464.814ZM312.051 464.814L312.305 465.245L312.935 464.873L312.36 464.421L312.051 464.814ZM312.05 464.814L312.274 465.262L312.289 465.254L312.304 465.245L312.05 464.814ZM296.21 472.715L295.71 472.704L295.692 473.532L296.433 473.162L296.21 472.715ZM300.539 456.385L300.539 456.385L301.157 455.599L301.157 455.599L300.539 456.385ZM311.827 443.994C307.34 446.231 303.319 450.583 300.412 455.746L301.284 456.237C304.126 451.187 308.018 447.01 312.273 444.889L311.827 443.994ZM312.55 464.814V444.442H311.55V464.814H312.55ZM312.36 464.421L312.359 464.421L311.741 465.207L311.742 465.207L312.36 464.421ZM312.304 465.245L312.305 465.245L311.797 464.383L311.797 464.384L312.304 465.245ZM296.433 473.162L312.274 465.262L311.827 464.367L295.987 472.267L296.433 473.162ZM300.414 455.744C297.457 460.917 295.84 466.747 295.71 472.704L296.71 472.725C296.836 466.935 298.408 461.268 301.282 456.24L300.414 455.744Z" fill="#28234A"/>
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
<path d="M323.266 444.83C320.392 442.571 316.435 442.263 312.051 444.442V464.815L296.21 472.715C296.21 478.343 297.988 482.554 300.848 484.813C303.709 487.072 307.679 487.366 312.051 485.187C316.837 482.515 320.735 478.5 323.266 473.637C326.182 468.537 327.776 462.788 327.905 456.914C327.905 451.286 326.127 447.089 323.266 444.83Z" fill="white" stroke="#28234A" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<path d="M300.167 503.81L304.137 501.845" stroke="#28234A" stroke-miterlimit="10"/>
|
||||||
</linearGradient>
|
<path d="M308.094 499.867L323.934 491.966" stroke="#28234A" stroke-miterlimit="10"/>
|
||||||
<linearGradient id="paint7_linear" x1="125.822" y1="596.701" x2="165.997" y2="585.55" gradientUnits="userSpaceOnUse">
|
<path d="M300.167 508.904L319.978 499.038" stroke="#28234A" stroke-miterlimit="10"/>
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
<path d="M346.204 237.641L353.612 221.713C359.575 208.193 365.177 206.685 372.344 207.285L387.733 208.881C399.629 209.845 424.354 213.519 429.804 214.633C437.188 216.142 438.116 221.339 438.598 224.511C439.05 232.823 438.393 250.441 437.725 256.584C436.821 264.896 433.448 284.14 430.768 291.849C429.607 295.188 422.777 305.943 419.445 310.882L410.595 316.524C408.37 319.154 374.964 331.09 368.67 331.632C366.898 331.784 347.446 332.93 343.554 332.686C336.838 332.264 332.833 331.12 325.846 329.674C320.256 328.518 306.993 323.535 301.059 321.188C294.614 317.742 287.599 314.526 285.462 313.322C281.585 311.137 280.191 306.515 283.082 304.136C286.896 300.997 303.861 292.231 308.74 289.56C311.601 287.994 316.119 284.591 319.461 281.007C321.986 278.3 330.243 270.046 335.995 258.542L346.204 237.641Z" fill="white"/>
|
||||||
<stop offset="1" stop-color="#0DB3B1"/>
|
<path d="M302.958 322.205C302.379 321.894 301.741 321.553 301.059 321.188M409.808 317.025L410.595 316.524M301.059 321.188C294.614 317.742 287.599 314.526 285.462 313.322C281.585 311.137 280.191 306.515 283.082 304.136C286.896 300.997 303.861 292.231 308.74 289.56C311.601 287.994 316.119 284.591 319.461 281.007C321.986 278.3 330.243 270.046 335.995 258.542L346.204 237.641L353.612 221.713C359.575 208.193 365.177 206.685 372.344 207.285L387.733 208.881C399.629 209.845 424.354 213.519 429.804 214.633C437.188 216.142 438.116 221.339 438.598 224.511C439.05 232.823 438.393 250.441 437.725 256.584C436.821 264.896 433.448 284.14 430.768 291.849C429.607 295.188 422.777 305.943 419.445 310.882L410.595 316.524M301.059 321.188C306.993 323.535 320.256 328.518 325.846 329.674C332.833 331.12 336.838 332.264 343.554 332.686C347.446 332.93 366.898 331.784 368.67 331.632C374.964 331.09 408.37 319.154 410.595 316.524" stroke="#28234A"/>
|
||||||
</linearGradient>
|
<path d="M285.934 409.102L301.972 321.665C301.425 321.371 312.365 325.403 313.028 325.552L313.032 325.536C313.07 325.556 313.067 325.561 313.028 325.552L308.822 342.607L309.906 343.812L349.658 341.643L350.225 332.744L368.149 331.796L381.053 328.31L380.858 339.114L405.673 337.427L406.757 335.259L400.373 320.803L409.287 317.189L445.185 399.103L443.619 400.91L440.005 400.91L435.909 400.91L412.268 348.15L380.978 350.168L383.99 434.399L380.738 435.603L377.606 435.603L376.16 434.399L372.305 369.349L361.524 351.839L356.916 351.975L354.356 378.866L353.272 379.95L349.658 379.95L347.852 378.866L347.129 377.782L348.695 352.605L308.486 355.298C307.586 355.359 306.838 356.013 306.659 356.897L296.058 409.227C295.775 410.626 294.545 411.631 293.118 411.631L288.705 411.631L286.777 410.788L285.934 409.102Z" fill="white" stroke="#28234A"/>
|
||||||
<linearGradient id="paint8_linear" x1="186.759" y1="584.48" x2="62.9013" y2="716.77" gradientUnits="userSpaceOnUse">
|
<path d="M389.804 239.489L433.552 137.412L491.882 108.247" stroke="#378AFF" stroke-width="0.6" stroke-miterlimit="10"/>
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
<path d="M491.88 87.9282V102.511L433.55 131.676V117.093L491.88 87.9282Z" fill="#378AFF"/>
|
||||||
<stop offset="1" stop-color="#0DB3B1"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint9_linear" x1="201.587" y1="596.701" x2="241.762" y2="585.55" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="#0DB3B1"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint10_linear" x1="134.897" y1="578.386" x2="227.683" y2="528.988" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="#0DB3B1"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint11_linear" x1="-99999" y1="-99999" x2="-99999" y2="-99999" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="white"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint12_linear" x1="296.265" y1="512.615" x2="364.588" y2="359.948" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#160F4A" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="#0DB3B1"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint13_linear" x1="249.759" y1="427.379" x2="351.876" y2="381.199" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="#0DB3B1"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint14_linear" x1="291.639" y1="457.632" x2="239.337" y2="518.417" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#412D79"/>
|
|
||||||
<stop offset="1" stop-color="#1988BE"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint15_linear" x1="501.325" y1="463.542" x2="489.815" y2="643.6" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#0DB3B1"/>
|
|
||||||
<stop offset="0.0800204" stop-color="#11A4AA"/>
|
|
||||||
<stop offset="0.388" stop-color="#1D6E91"/>
|
|
||||||
<stop offset="0.6549" stop-color="#26487F"/>
|
|
||||||
<stop offset="0.8678" stop-color="#2B3074"/>
|
|
||||||
<stop offset="1" stop-color="#2D2870"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint16_linear" x1="379.168" y1="94.602" x2="3.56627" y2="470.204" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#49BABB" stop-opacity="0.9"/>
|
|
||||||
<stop offset="0.2113" stop-color="#4BB7B9" stop-opacity="0.9211"/>
|
|
||||||
<stop offset="0.3934" stop-color="#51ACB3" stop-opacity="0.9393"/>
|
|
||||||
<stop offset="0.5647" stop-color="#5B9AA9" stop-opacity="0.9565"/>
|
|
||||||
<stop offset="0.7295" stop-color="#68819B" stop-opacity="0.9729"/>
|
|
||||||
<stop offset="0.8881" stop-color="#7A6189" stop-opacity="0.9888"/>
|
|
||||||
<stop offset="1" stop-color="#89467A"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint17_linear" x1="-44.393" y1="723.589" x2="113.902" y2="565.294" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#9EE0E0" stop-opacity="0.9"/>
|
|
||||||
<stop offset="0.0690068" stop-color="#87D9D8" stop-opacity="0.9069"/>
|
|
||||||
<stop offset="0.1999" stop-color="#62CDCC" stop-opacity="0.92"/>
|
|
||||||
<stop offset="0.3369" stop-color="#43C4C2" stop-opacity="0.9337"/>
|
|
||||||
<stop offset="0.4797" stop-color="#2BBCBB" stop-opacity="0.948"/>
|
|
||||||
<stop offset="0.6307" stop-color="#1BB7B5" stop-opacity="0.9631"/>
|
|
||||||
<stop offset="0.7955" stop-color="#10B4B2" stop-opacity="0.9796"/>
|
|
||||||
<stop offset="1" stop-color="#0DB3B1"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint18_linear" x1="499.78" y1="457.835" x2="828.66" y2="457.835" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#9EE0E0" stop-opacity="0.9"/>
|
|
||||||
<stop offset="0.0690068" stop-color="#87D9D8" stop-opacity="0.9069"/>
|
|
||||||
<stop offset="0.1999" stop-color="#62CDCC" stop-opacity="0.92"/>
|
|
||||||
<stop offset="0.3369" stop-color="#43C4C2" stop-opacity="0.9337"/>
|
|
||||||
<stop offset="0.4797" stop-color="#2BBCBB" stop-opacity="0.948"/>
|
|
||||||
<stop offset="0.6307" stop-color="#1BB7B5" stop-opacity="0.9631"/>
|
|
||||||
<stop offset="0.7955" stop-color="#10B4B2" stop-opacity="0.9796"/>
|
|
||||||
<stop offset="1" stop-color="#0DB3B1"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint19_linear" x1="237.473" y1="899.056" x2="253.73" y2="691.786" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#9EE0E0" stop-opacity="0.9"/>
|
|
||||||
<stop offset="0.0690068" stop-color="#87D9D8" stop-opacity="0.9069"/>
|
|
||||||
<stop offset="0.1999" stop-color="#62CDCC" stop-opacity="0.92"/>
|
|
||||||
<stop offset="0.3369" stop-color="#43C4C2" stop-opacity="0.9337"/>
|
|
||||||
<stop offset="0.4797" stop-color="#2BBCBB" stop-opacity="0.948"/>
|
|
||||||
<stop offset="0.6307" stop-color="#1BB7B5" stop-opacity="0.9631"/>
|
|
||||||
<stop offset="0.7955" stop-color="#10B4B2" stop-opacity="0.9796"/>
|
|
||||||
<stop offset="1" stop-color="#0DB3B1"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint20_linear" x1="555.91" y1="890.358" x2="441.045" y2="975.174" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.00124199" stop-color="#F2F2F2"/>
|
|
||||||
<stop offset="0.2791" stop-color="#E3E3E3"/>
|
|
||||||
<stop offset="0.6619" stop-color="#D6D6D6"/>
|
|
||||||
<stop offset="1" stop-color="#D1D1D1"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint21_linear" x1="384.889" y1="395.701" x2="384.889" y2="630.868" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.00124199" stop-color="#F9B000" stop-opacity="0.7"/>
|
|
||||||
<stop offset="0.2564" stop-color="#F59C05" stop-opacity="0.7766"/>
|
|
||||||
<stop offset="0.7738" stop-color="#EC6A12" stop-opacity="0.932"/>
|
|
||||||
<stop offset="1" stop-color="#E85218"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint22_linear" x1="93.9868" y1="549.345" x2="385.611" y2="549.345" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.00124199" stop-color="#E30D13" stop-opacity="0.7"/>
|
|
||||||
<stop offset="0.147" stop-color="#E52123" stop-opacity="0.7438"/>
|
|
||||||
<stop offset="0.4444" stop-color="#E8534D" stop-opacity="0.8331"/>
|
|
||||||
<stop offset="0.8632" stop-color="#EEA48F" stop-opacity="0.9589"/>
|
|
||||||
<stop offset="1" stop-color="#F0C0A6"/>
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
</svg>
|
||||||
|
ks
|
||||||
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 25 KiB |
|
|
@ -1,9 +1,27 @@
|
||||||
<svg width="95" height="32" viewBox="0 0 95 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
<path d="M5.03838 0L0 5.09097H25.5072L30.5454 0H5.03838Z" fill="#13BEBB"/>
|
width="90" height="32" viewBox="80 0 90 89.6">
|
||||||
<path d="M14.6423 31.9654C20.9094 31.9654 22.4853 29.4455 22.4853 25.9937C22.4853 21.7478 18.6533 20.9539 15.466 20.436C13.0307 20.0217 11.9205 19.8147 11.9205 18.3305C11.9205 17.2259 12.8873 16.8116 14.4632 16.8116C16.3972 16.8116 16.9342 17.3639 17.1134 18.9862L22.1988 18.2269C21.7688 14.7405 19.7992 12.9799 14.6064 12.9799C8.91239 12.9799 6.90688 15.2582 6.90688 18.8827C6.87118 23.5774 11.3118 24.0605 14.6064 24.6127C16.6476 24.9927 17.4358 25.3376 17.4358 26.684C17.4358 27.7887 16.7554 28.272 14.7138 28.272C12.4577 28.272 11.7773 27.8923 11.4908 26.0627L6.54883 26.7876C7.01433 30.4811 9.19886 31.9654 14.6423 31.9654Z" fill="white"/>
|
<style type="text/css">
|
||||||
<path d="M31.0348 28.1685C28.6352 28.1685 27.7759 27.6506 27.7759 25.9248C27.7759 24.3714 28.6352 23.7501 31.2138 23.7501H33.7923V25.5451C33.7923 27.271 32.9328 28.1685 31.0348 28.1685ZM28.8144 31.9655C31.6077 31.9655 32.8613 31.068 33.7566 29.7562V31.7239H38.8058V19.228C38.8058 15.0512 37.1943 12.9456 31.6077 12.9456C26.2 12.9456 24.3022 14.4643 23.55 18.1924L28.5638 18.9519C28.8859 17.3641 29.3516 16.8806 31.4287 16.8806C33.4342 16.8806 33.7566 17.7091 33.7566 19.09V20.3672H31.3928C24.9826 20.3672 22.7979 22.3003 22.7979 26.2353C22.7979 30.1014 24.7677 31.9655 28.8144 31.9655Z" fill="white"/>
|
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
|
||||||
<path d="M40.0952 31.7237H45.2523V5.091L40.0952 10.1818V31.7237Z" fill="white"/>
|
.st1{opacity:0.4;fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;enable-background:new ;}
|
||||||
<path d="M51.5551 20.4704V19.5386C51.5551 17.9163 52.3072 16.8115 54.5634 16.8115C56.7479 16.8115 57.4643 17.7436 57.4643 19.5386V20.4704H51.5551ZM54.5634 32C60.5083 32 62.084 29.2385 62.442 26.4769L57.5359 25.752C57.321 27.4088 56.9987 28.2719 54.5634 28.2719C52.0925 28.2719 51.5551 27.0636 51.5551 25.4759V23.957H62.442V20.6431C62.442 16.0177 60.6156 12.9454 54.5634 12.9454C48.5829 12.9454 46.5415 16.0521 46.5415 19.9874V24.958C46.5415 28.7898 48.6186 32 54.5634 32Z" fill="white"/>
|
</style>
|
||||||
<path d="M72.0036 32C77.9125 32 80.3476 28.9968 80.3476 24.958V19.9874C80.3476 15.8796 77.9125 12.9454 72.0036 12.9454C66.0943 12.9454 63.731 15.8796 63.731 19.9874V24.958C63.731 28.9968 66.0586 32 72.0036 32ZM72.0036 27.9958C69.9263 27.9958 68.8879 26.9257 68.8879 25.1998V19.884C68.8879 18.1234 69.9263 17.0533 72.0036 17.0533C74.0807 17.0533 75.1907 18.1234 75.1907 19.884V25.1998C75.1907 26.9257 74.0807 27.9958 72.0036 27.9958Z" fill="white"/>
|
<g>
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M89.5578 18.2135H86.7936V31.6158H81.6367V18.2135L86.6751 13.1226H94.5962L89.5578 18.2135Z" fill="white"/>
|
<path class="st0" d="M58,79.1c12.2,0,15.3-5,15.3-11.8c0-8.4-7.5-9.9-13.7-10.9c-4.7-0.8-6.9-1.2-6.9-4.1c0-2.2,1.9-3,5-3
|
||||||
|
c3.8,0,4.8,1.1,5.2,4.3l9.9-1.5c-0.8-6.9-4.7-10.3-14.8-10.3c-11.1,0-15,4.5-15,11.6c-0.1,9.2,8.6,10.2,15,11.3
|
||||||
|
c4,0.7,5.5,1.4,5.5,4.1c0,2.2-1.3,3.1-5.3,3.1c-4.4,0-5.7-0.7-6.3-4.4l-9.6,1.4C43.1,76.2,47.4,79.1,58,79.1z"/>
|
||||||
|
<path class="st0" d="M91.6,71.6c-4.7,0-6.3-1-6.3-4.4c0-3.1,1.7-4.3,6.7-4.3h5v3.5C97,69.8,95.3,71.6,91.6,71.6z M87.3,79.1
|
||||||
|
c5.4,0,7.9-1.8,9.6-4.4v3.9h9.8V54c0-8.2-3.1-12.4-14-12.4c-10.5,0-14.2,3-15.7,10.3l9.8,1.5c0.6-3.1,1.5-4.1,5.6-4.1
|
||||||
|
c3.9,0,4.5,1.6,4.5,4.4v2.5h-4.6c-12.5,0-16.7,3.8-16.7,11.6C75.5,75.4,79.4,79.1,87.3,79.1z"/>
|
||||||
|
<path class="st0" d="M111.4,78.6h10V26.2l-10,10V78.6z"/>
|
||||||
|
<path class="st0" d="M135.3,56.5v-1.8c0-3.2,1.5-5.4,5.9-5.4c4.3,0,5.7,1.8,5.7,5.4v1.8H135.3z M141.1,79.2
|
||||||
|
c11.6,0,14.6-5.4,15.3-10.9l-9.6-1.4c-0.4,3.3-1,5-5.8,5c-4.8,0-5.9-2.4-5.9-5.5v-3h21.2v-6.5c0-9.1-3.6-15.2-15.3-15.2
|
||||||
|
c-11.6,0-15.6,6.1-15.6,13.9v9.8C125.5,72.8,129.5,79.2,141.1,79.2z"/>
|
||||||
|
<path class="st0" d="M175.9,79.2c11.5,0,16.3-5.9,16.3-13.9v-9.8c0-8.1-4.7-13.9-16.3-13.9c-11.5,0-16.1,5.8-16.1,13.9v9.8
|
||||||
|
C159.7,73.2,164.3,79.2,175.9,79.2z M175.9,71.3c-4,0-6.1-2.1-6.1-5.5V55.3c0-3.5,2-5.6,6.1-5.6c4,0,6.2,2.1,6.2,5.6v10.5
|
||||||
|
C182.1,69.2,179.9,71.3,175.9,71.3z"/>
|
||||||
|
<path class="st0" d="M211.1,52h-5.4v26.4h-10V52l0,0l9.8-10h15.4L211.1,52z"/>
|
||||||
|
<path class="st1" d="M70.9,10.4L57.5,24.5h33.3l13.5-14.1H70.9z"/>
|
||||||
|
<path class="st0" d="M42.1,15.2c0.3-0.3,0.6-0.4,1-0.4h43.8c0.6,0,1.1,0.4,1.3,0.9c0.2,0.5,0.1,1.2-0.3,1.6L75.3,29.9
|
||||||
|
c-0.3,0.3-0.6,0.4-1,0.4H30.5c-0.6,0-1.1-0.4-1.3-0.9c-0.2-0.5-0.1-1.2,0.3-1.6L42.1,15.2z M43.7,17.7L34,27.4h39.7l9.7-9.7H43.7z"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2 KiB |
|
|
@ -1 +1,15 @@
|
||||||
<svg enable-background="new 20 0 57.6 19.5" viewBox="0 0 57.6 19.5" xmlns="http://www.w3.org/2000/svg"><path d="m15.5 3.1h-15.5l3.1-3.1h15.5z" fill="#54baba"/><g fill="#222046"><path d="m8.9 19.5c3.8 0 4.8-1.5 4.8-3.6 0-2.6-2.3-3.1-4.3-3.4-1.5-.3-2.2-.4-2.2-1.3 0-.7.6-.9 1.5-.9 1.2 0 1.5.3 1.6 1.3l3.1-.5c-.1-2.1-1.3-3.2-4.5-3.2-3.5 0-4.7 1.4-4.7 3.6 0 2.9 2.7 3.2 4.7 3.5 1.2.2 1.7.4 1.7 1.3 0 .7-.4 1-1.7 1-1.4 0-1.8-.2-2-1.3l-3 .4c.4 2.2 1.7 3.1 5 3.1z"/><path d="m17.5 19.5c1.7 0 2.5-.5 3-1.3v1.2h3.1v-7.6c0-2.5-1-3.8-4.4-3.8-3.3 0-4.4.9-4.9 3.2l3.1.5c.2-1 .5-1.3 1.7-1.3s1.4.5 1.4 1.3v.8h-1.4c-3.9 0-5.2 1.2-5.2 3.6 0 2.2 1.2 3.4 3.6 3.4zm1.4-2.3c-1.5 0-2-.3-2-1.4 0-.9.5-1.3 2.1-1.3h1.6v1.1c0 1-.5 1.6-1.7 1.6z"/><path d="m24.4 19.3h3.1v-16.2l-3.1 3.1z"/><path d="m33.2 19.5c3.6 0 4.6-1.7 4.8-3.4l-3-.4c-.1 1-.3 1.5-1.8 1.5s-1.8-.7-1.8-1.7v-.9h6.6v-2c0-2.8-1.1-4.7-4.8-4.7-3.6 0-4.9 1.9-4.9 4.3v3c0 2.3 1.3 4.3 4.9 4.3zm-1.8-7v-.6c0-1 .5-1.7 1.8-1.7s1.8.6 1.8 1.7v.6z"/><path d="m43.8 7.9c-3.6 0-5 1.8-5 4.3v3c0 2.5 1.4 4.3 5 4.3s5.1-1.8 5.1-4.3v-3c0-2.5-1.5-4.3-5.1-4.3zm2 7.4c0 1.1-.7 1.7-1.9 1.7s-1.9-.7-1.9-1.7v-3.2c0-1.1.6-1.7 1.9-1.7s1.9.7 1.9 1.7z"/><path d="m52.8 8-3.1 3.1v8.2h3.1v-8.2h1.7l3.1-3.1z"/></g></svg>
|
<svg width="93" height="32" viewBox="0 0 93 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<mask id="mask0_9465_114291" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="1" width="93" height="31">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.16235H92.9171V32H0V1.16235Z" fill="white"/>
|
||||||
|
</mask>
|
||||||
|
<g mask="url(#mask0_9465_114291)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4623 31.9685C21.1688 31.9685 22.6037 29.6641 22.6037 26.5075C22.6037 22.6248 19.1145 21.8988 16.2123 21.4252C13.9949 21.0465 12.984 20.8572 12.984 19.4998C12.984 18.4899 13.8644 18.1108 15.2993 18.1108C17.0602 18.1108 17.5492 18.6159 17.7124 20.0995L22.3428 19.4051C21.9513 16.2169 20.1579 14.6072 15.4296 14.6072C10.2449 14.6072 8.41883 16.6905 8.41883 20.0047C8.38632 24.2979 12.4298 24.7398 15.4296 25.2448C17.2882 25.5921 18.0059 25.9076 18.0059 27.1389C18.0059 28.1489 17.3863 28.5909 15.5275 28.5909C13.4732 28.5909 12.8536 28.2437 12.5928 26.5707L8.0928 27.2336C8.51667 30.6112 10.5058 31.9685 15.4623 31.9685Z" fill="#28234A"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.3892 28.496C28.2043 28.496 27.4219 28.0225 27.4219 26.4441C27.4219 25.0236 28.2043 24.4555 30.5522 24.4555H32.9001V26.0969C32.9001 27.6752 32.1175 28.496 30.3892 28.496ZM28.3673 31.9684C30.9108 31.9684 32.0522 31.1476 32.8674 29.9481V31.7475H37.4651V20.3204C37.4651 16.501 35.9976 14.5754 30.9108 14.5754C25.9868 14.5754 24.2587 15.9642 23.5738 19.3735L28.1391 20.0679C28.4325 18.6159 28.8565 18.1738 30.7478 18.1738C32.5739 18.1738 32.8674 18.9314 32.8674 20.1943V21.3623H30.7151C24.8782 21.3623 22.8889 23.1299 22.8889 26.7284C22.8889 30.2638 24.6826 31.9684 28.3673 31.9684Z" fill="#28234A"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.639 31.7473H43.3348V7.39282L38.639 12.0483V31.7473Z" fill="#28234A"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M49.0741 21.4564V20.6043C49.0741 19.1207 49.759 18.1103 51.8133 18.1103C53.8024 18.1103 54.4548 18.9628 54.4548 20.6043V21.4564H49.0741ZM51.8123 32.0001C57.2255 32.0001 58.6602 29.4746 58.9862 26.9493L54.5189 26.2864C54.3233 27.8016 54.0298 28.5908 51.8123 28.5908C49.5625 28.5908 49.0731 27.486 49.0731 26.034V24.6452H58.9862V21.6147C58.9862 17.3848 57.3231 14.5754 51.8123 14.5754C46.3667 14.5754 44.508 17.4165 44.508 21.0151V25.5605C44.508 29.0644 46.3993 32.0001 51.8123 32.0001Z" fill="#28234A"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M67.6926 32.0001C73.073 32.0001 75.2903 29.2539 75.2903 25.5606V21.0151C75.2903 17.2588 73.073 14.5754 67.6926 14.5754C62.312 14.5754 60.16 17.2588 60.16 21.0151V25.5606C60.16 29.2539 62.2794 32.0001 67.6926 32.0001ZM67.6921 28.3382C65.8007 28.3382 64.8551 27.3598 64.8551 25.7814V20.9202C64.8551 19.3105 65.8007 18.3319 67.6921 18.3319C69.5834 18.3319 70.5941 19.3105 70.5941 20.9202V25.7814C70.5941 27.3598 69.5834 28.3382 67.6921 28.3382Z" fill="#28234A"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M83.6773 19.3928H81.1605V31.6486H76.4649V19.3928H76.4647L81.0524 14.7375H88.265L83.6773 19.3928Z" fill="#28234A"/>
|
||||||
|
</g>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2159 0L15.0357 6.43938H30.3028L36.4829 0H21.2159Z" fill="#056DFF"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.09858 2.31947C8.18993 2.22839 8.31366 2.17725 8.44265 2.17725H28.5222C28.7194 2.17725 28.8971 2.29612 28.9725 2.47838C29.0478 2.66063 29.0059 2.87033 28.8662 3.00958L23.0764 8.78282C22.9851 8.87391 22.8613 8.92505 22.7323 8.92505H2.65282C2.45561 8.92505 2.27784 8.80618 2.2025 8.62392C2.12716 8.44167 2.16911 8.23197 2.30876 8.09272L8.09858 2.31947ZM8.64408 3.15181L3.83162 7.95049H22.5309L27.3434 3.15181H8.64408Z" fill="#28234A"/>
|
||||||
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 3.6 KiB |
|
|
@ -1,3 +1,3 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 0H14V10H24V0ZM0 14H10V24H0V14ZM14 14H24V24H14V14ZM4 0H6V4L10 4V6H6V10H4V6H0V4L4 4V0Z" fill="currentColor"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 4.00391C15.4477 4.00391 15 4.45162 15 5.00391V8.00391C15 8.55619 15.4477 9.00391 16 9.00391H19C19.5523 9.00391 20 8.55619 20 8.00391V5.00391C20 4.45162 19.5523 4.00391 19 4.00391H16ZM13 5.00391C13 3.34705 14.3431 2.00391 16 2.00391H19C20.6569 2.00391 22 3.34705 22 5.00391V8.00391C22 9.66076 20.6569 11.0039 19 11.0039H16C14.3431 11.0039 13 9.66076 13 8.00391V5.00391ZM16 15.0039C15.4477 15.0039 15 15.4516 15 16.0039V19.0039C15 19.5562 15.4477 20.0039 16 20.0039H19C19.5523 20.0039 20 19.5562 20 19.0039V16.0039C20 15.4516 19.5523 15.0039 19 15.0039H16ZM13 16.0039C13 14.3471 14.3431 13.0039 16 13.0039H19C20.6569 13.0039 22 14.3471 22 16.0039V19.0039C22 20.6608 20.6569 22.0039 19 22.0039H16C14.3431 22.0039 13 20.6608 13 19.0039V16.0039ZM4 16.0039C4 15.4516 4.44772 15.0039 5 15.0039H8C8.55228 15.0039 9 15.4516 9 16.0039V19.0039C9 19.5562 8.55228 20.0039 8 20.0039H5C4.44772 20.0039 4 19.5562 4 19.0039V16.0039ZM5 13.0039C3.34315 13.0039 2 14.3471 2 16.0039V19.0039C2 20.6608 3.34315 22.0039 5 22.0039H8C9.65685 22.0039 11 20.6608 11 19.0039V16.0039C11 14.3471 9.65685 13.0039 8 13.0039H5ZM6 2.00391C6.55228 2.00391 7 2.45162 7 3.00391V5.00391H9C9.55228 5.00391 10 5.45162 10 6.00391C10 6.55619 9.55228 7.00391 9 7.00391H7V9.00391C7 9.55619 6.55228 10.0039 6 10.0039C5.44772 10.0039 5 9.55619 5 9.00391V7.00391H3C2.44771 7.00391 2 6.55619 2 6.00391C2 5.45162 2.44771 5.00391 3 5.00391H5V3.00391C5 2.45162 5.44772 2.00391 6 2.00391Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 264 B After Width: | Height: | Size: 1.6 KiB |
|
|
@ -1,3 +1,3 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.46875 4.07018L11.9062 8.09357L23.4375 4.07018L11.9062 0L0.46875 4.07018ZM0 6.22222L10.6875 9.87134V24L0 20.3509V6.22222ZM24 6.22222L13.3125 9.87134V24L24 20.3509V6.22222Z" fill="currentColor" />
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.22559 5.62861C5.37745 5.24895 5.74516 5 6.15407 5H17.8459C18.2548 5 18.6225 5.24895 18.7744 5.62861L19.523 7.5H4.47703L5.22559 5.62861ZM15.5 9.5H20V18C20 18.5523 19.5523 19 19 19H5C4.44772 19 4 18.5523 4 18V9.5H8.5V14.4597C8.5 15.7174 9.9549 16.4167 10.937 15.631L12 14.7806L13.063 15.631C14.0451 16.4167 15.5 15.7174 15.5 14.4597V9.5ZM13.5 9.5H10.5V13.4194L11.063 12.969C11.6108 12.5307 12.3892 12.5307 12.937 12.969L13.5 13.4194V9.5ZM6.15407 3C4.92735 3 3.82423 3.74685 3.36864 4.88583L2 8.30742V18C2 19.6569 3.34315 21 5 21H19C20.6569 21 22 19.6569 22 18V8.30742L20.6314 4.88583C20.1758 3.74685 19.0726 3 17.8459 3H6.15407Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 350 B After Width: | Height: | Size: 805 B |
|
|
@ -1,3 +1,4 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M20.7101 8.77354L20.3013 7.80451C21.7011 4.64075 21.6083 4.54674 21.3365 4.2723L19.5483 2.52524L19.3708 2.37571H19.1637C19.0544 2.37571 18.7283 2.37571 16.0101 3.6086L15.0096 3.20523C13.7167 0 13.5841 0 13.2055 0H10.6829C10.3047 0 10.1577 -0.000423225 8.95855 3.21665L7.96243 3.62108C6.12551 2.84545 5.04821 2.4528 4.75748 2.4528L4.51902 2.46021L2.59563 4.346C2.30377 4.62044 2.20192 4.71721 3.68195 7.83202L3.2747 8.79766C0 10.0636 0 10.1864 0 10.5738V13.0472C0 13.4352 0 13.5719 3.28571 14.7489L3.69288 15.7128C2.29333 18.8749 2.38735 18.9698 2.65925 19.2417L4.44743 20.9908L4.62531 21.1438H4.83345C4.94101 21.1438 5.26312 21.1438 7.98514 19.9083L8.9838 20.3145C10.277 23.5193 10.4098 23.5185 10.7893 23.5185H13.3122C13.698 23.5185 13.8349 23.5185 15.0376 20.303L16.0388 19.8982C17.8736 20.674 18.9485 21.0679 19.2374 21.0679L19.4775 21.0612L21.4156 19.1638C21.6913 18.8856 21.7879 18.7894 20.3161 15.6875L20.7205 14.721C23.9999 13.4538 23.9999 13.3208 23.9999 12.9422V10.4715C23.9996 10.0823 23.9996 9.94634 20.7101 8.77354ZM11.9994 15.8738C9.68608 15.8738 7.80247 14.0268 7.80247 11.7573C7.80247 9.4895 9.68615 7.64426 11.9994 7.64426C14.3114 7.64426 16.191 9.48993 16.191 11.7573C16.1906 14.0268 14.311 15.8738 11.9994 15.8738Z" fill="currentColor"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0025 2.00969C11.0068 2.00976 11.0102 2.00982 11.0127 2.00982H12.9046C12.9071 2.00982 12.9106 2.00976 12.915 2.00969C12.9832 2.0086 13.2641 2.00412 13.5536 2.15609C13.8428 2.30786 14.0216 2.54473 14.136 2.72266C14.3555 3.06407 14.6185 3.65209 15.0136 4.61737C15.846 4.24679 16.3461 4.04782 16.6603 3.94026C16.9889 3.82777 17.1803 3.7916 17.3732 3.7916C17.7094 3.7916 18.0347 3.91039 18.2918 4.12699L18.3342 4.16274L19.7075 5.5045L19.7133 5.51033C19.7151 5.51215 19.7176 5.51461 19.7208 5.51769C19.7697 5.56547 19.9723 5.76335 20.0683 6.07743C20.165 6.39387 20.12 6.69086 20.072 6.89902C19.9814 7.29118 19.7469 7.8814 19.339 8.8171C20.3062 9.16815 20.9012 9.4071 21.2502 9.61481C21.4352 9.72486 21.6866 9.90189 21.8477 10.2004C22.0067 10.4951 22.0017 10.7852 22.0006 10.8524C22.0005 10.8567 22.0005 10.8601 22.0005 10.8626V12.7165C22.0005 12.719 22.0005 12.7225 22.0006 12.7269C22.0017 12.7957 22.0065 13.0837 21.8464 13.3784C21.6885 13.6692 21.4441 13.8458 21.2637 13.9573C20.9194 14.1701 20.3284 14.4247 19.3573 14.8059C19.7816 15.7143 20.0286 16.2942 20.1258 16.6846C20.178 16.8942 20.2278 17.1959 20.1285 17.5195C20.032 17.834 19.8272 18.0333 19.7797 18.0795C19.7766 18.0825 19.7742 18.0849 19.7725 18.0866L19.7672 18.092L18.4369 19.3943C18.1742 19.6515 17.8242 19.8001 17.4567 19.8104L17.4285 19.8108C17.231 19.8108 17.0359 19.7602 16.9231 19.729C16.7806 19.6895 16.6154 19.6352 16.4342 19.5706C16.0789 19.444 15.6148 19.2611 15.0499 19.0263C14.6847 19.9865 14.4369 20.5777 14.2223 20.9234C14.1094 21.1055 13.9303 21.3486 13.6344 21.5033C13.3446 21.6549 13.0616 21.65 12.9948 21.6489C12.9905 21.6488 12.9871 21.6487 12.9847 21.6487H11.0924C11.0899 21.6487 11.0864 21.6488 11.082 21.6489C11.0141 21.65 10.7333 21.6545 10.444 21.5031C10.1544 21.3515 9.97525 21.1146 9.86055 20.9364C9.64068 20.5948 9.37735 20.0065 8.98203 19.0409C8.14963 19.4118 7.65039 19.6109 7.3374 19.7185C7.01083 19.8307 6.81943 19.8677 6.62555 19.8677C6.28563 19.8677 5.95696 19.7458 5.69919 19.5242L5.65976 19.4903L4.28784 18.1483C4.28603 18.1465 4.28356 18.1441 4.28041 18.141C4.23127 18.0935 4.02695 17.8958 3.92988 17.5807C3.83226 17.2637 3.87732 16.966 3.92523 16.758C4.01549 16.3661 4.24952 15.7766 4.65658 14.8428C3.69141 14.4908 3.09762 14.2511 2.74924 14.0432C2.56455 13.9329 2.31366 13.7558 2.15289 13.4576C1.99393 13.1627 1.99911 12.8727 2.00032 12.8054C2.0004 12.8011 2.00046 12.7977 2.00046 12.7952V10.9402C2.00046 10.9377 2.0004 10.9342 2.00032 10.9298C1.99914 10.8614 1.99415 10.5723 2.15344 10.2775C2.31205 9.98392 2.55857 9.80697 2.73896 9.69606C3.08242 9.48489 3.67299 9.23216 4.64143 8.85226C4.21522 7.9406 3.96615 7.35518 3.87047 6.95968C3.81893 6.74663 3.77052 6.43568 3.88215 6.1048C3.98908 5.78783 4.2061 5.59156 4.25486 5.54746L4.25736 5.5452L5.56186 4.2662C5.8233 4.00987 6.17159 3.86127 6.53754 3.8499L6.56858 3.84942C6.76546 3.84942 6.96014 3.89955 7.0738 3.93082C7.21675 3.97016 7.38247 4.02439 7.56435 4.08894C7.91996 4.21514 8.38387 4.39748 8.94834 4.63153C9.31291 3.67092 9.56168 3.08008 9.77747 2.73374C9.89107 2.55143 10.07 2.30996 10.3638 2.15585C10.6535 2.00384 10.9356 2.00857 11.0025 2.00969ZM6.73381 5.91808L5.89673 6.7388C5.99067 6.98655 6.16929 7.40026 6.49427 8.09291C6.72191 8.5781 6.73806 9.14268 6.52646 9.64441C6.32504 10.122 5.93783 10.4928 5.46272 10.6785C4.6904 10.9805 4.25016 11.167 4.00046 11.2868V12.4395C4.24846 12.5517 4.68166 12.7241 5.4329 12.997C5.9271 13.1765 6.33182 13.5543 6.53975 14.0465C6.7449 14.5322 6.73668 15.0778 6.52878 15.5531C6.20812 16.2862 6.03479 16.7171 5.94573 16.9723L6.78433 17.7926C7.03788 17.7002 7.47246 17.5247 8.20983 17.1954C8.6927 16.9798 9.24672 16.9663 9.74346 17.1683C10.2339 17.3677 10.6181 17.7576 10.8154 18.2403C11.12 18.9857 11.3085 19.4095 11.4288 19.6487H12.6378C12.7498 19.4106 12.9226 18.9947 13.1964 18.2737C13.3882 17.7683 13.7824 17.3591 14.2908 17.1536C14.7706 16.9596 15.3043 16.9658 15.7761 17.1623C16.3479 17.4004 16.7894 17.5741 17.1054 17.6866C17.1649 17.7078 17.2182 17.7262 17.2656 17.7421L18.1033 16.922C18.0089 16.6737 17.8298 16.2593 17.5041 15.5644C17.2775 15.081 17.2609 14.5189 17.4702 14.0187C17.6711 13.5387 18.0593 13.1661 18.5359 12.9797C19.3102 12.6768 19.7511 12.4891 20.0005 12.3686V11.2199C19.7524 11.1081 19.3194 10.9367 18.569 10.6653C18.0723 10.4857 17.6656 10.1064 17.457 9.6119C17.2519 9.12561 17.2602 8.57941 17.4683 8.10351C17.7893 7.36938 17.9628 6.93821 18.0519 6.68297L17.215 5.86533C16.9618 5.95716 16.5265 6.13238 15.7859 6.46283C15.3048 6.67746 14.7531 6.6917 14.2576 6.49194C13.7645 6.29311 13.378 5.90209 13.1799 5.41726C12.8757 4.6727 12.6875 4.24915 12.5672 4.00982H11.3604C11.2481 4.24765 11.0746 4.66413 10.8009 5.38684C10.6101 5.89068 10.2177 6.29928 9.71087 6.50505C9.23192 6.6995 8.69888 6.69368 8.22763 6.49783C7.65477 6.25974 7.21224 6.08619 6.89543 5.97376C6.83544 5.95247 6.78168 5.93399 6.73381 5.91808ZM17.5216 17.8175L17.5205 17.8173L17.5216 17.8175Z" fill="currentColor"/>
|
||||||
|
<circle cx="12" cy="12.0078" r="2" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 5 KiB |
|
|
@ -1,3 +1,3 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.625 5.625C17.625 8.7316 15.1066 11.25 12 11.25C8.8934 11.25 6.375 8.7316 6.375 5.625C6.375 2.5184 8.8934 0 12 0C15.1066 0 17.625 2.5184 17.625 5.625ZM15 14.0625C19.5896 14.0625 23.3768 17.4979 23.9304 21.9375C23.9763 22.306 24 23.619 24 24H0C0 23.619 0.0236738 22.306 0.0696305 21.9375C0.623241 17.4979 4.41043 14.0625 9 14.0625H15Z" fill="currentColor"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5007 6.6875C14.5007 8.17177 13.2975 9.375 11.8132 9.375C10.329 9.375 9.12573 8.17177 9.12573 6.6875C9.12573 5.20323 10.329 4 11.8132 4C13.2975 4 14.5007 5.20323 14.5007 6.6875ZM11.8132 11.375C14.4021 11.375 16.5007 9.27633 16.5007 6.6875C16.5007 4.09867 14.4021 2 11.8132 2C9.2244 2 7.12573 4.09867 7.12573 6.6875C7.12573 9.27633 9.2244 11.375 11.8132 11.375ZM4.00267 19.7447C4.39159 17.0222 6.72322 15 9.47335 15H14.153C16.9031 15 19.2348 17.0222 19.6237 19.7447C19.643 19.8794 19.5384 20 19.4023 20H4.22408C4.08797 20 3.98342 19.8794 4.00267 19.7447ZM9.47335 13C5.72792 13 2.55245 15.7541 2.02277 19.4619C1.83139 20.8015 2.87087 22 4.22408 22H19.4023C20.7555 22 21.795 20.8015 21.6036 19.4619C21.0739 15.7541 17.8984 13 14.153 13H9.47335Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 512 B After Width: | Height: | Size: 920 B |
|
|
@ -1,3 +1,3 @@
|
||||||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7809 0H21.2346L24.0003 2.7647L24.0003 9.21617L13.0608 20.1518L3.84137 10.9356L14.7809 0ZM0 14.7756L1.85855 12.9171L11.0849 22.1435L9.22637 24.002L0 14.7756ZM19.0596 6.06587C19.8892 6.06587 20.5618 5.39355 20.5618 4.5642C20.5618 3.73485 19.8892 3.06253 19.0596 3.06253C18.2299 3.06253 17.5574 3.73485 17.5574 4.5642C17.5574 5.39355 18.2299 6.06587 19.0596 6.06587Z" fill="currentColor"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7793 2C13.9493 2 13.1533 2.32973 12.5664 2.91665L2.91665 12.5664C1.69445 13.7886 1.69445 15.7701 2.91665 16.9923L7.00768 21.0834C8.22987 22.3055 10.2114 22.3056 11.4336 21.0834L21.0834 11.4336C21.6703 10.8467 22 10.0507 22 9.22066V6.25466C22 5.42463 21.6703 4.6286 21.0834 4.04168L19.9583 2.91665C19.3714 2.32973 18.5754 2 17.7453 2H14.7793ZM14.0417 4.39197C14.2373 4.19633 14.5027 4.08642 14.7793 4.08642H17.7453C18.022 4.08642 18.2874 4.19633 18.483 4.39197L19.608 5.517C19.8037 5.71264 19.9136 5.97798 19.9136 6.25466V9.22066C19.9136 9.49734 19.8037 9.76268 19.608 9.95832L12.3503 17.2161L6.78394 11.6497L14.0417 4.39197ZM5.30862 13.125L10.875 18.6914L9.95832 19.608C9.55093 20.0154 8.8904 20.0154 8.483 19.608L4.39197 15.517C3.98457 15.1096 3.98457 14.4491 4.39197 14.0417L5.30862 13.125ZM16.2623 9.30248C17.1266 9.30248 17.8272 8.60189 17.8272 7.73766C17.8272 6.87344 17.1266 6.17285 16.2623 6.17285C15.3981 6.17285 14.6975 6.87344 14.6975 7.73766C14.6975 8.60189 15.3981 9.30248 16.2623 9.30248Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 543 B After Width: | Height: | Size: 1.2 KiB |
|
|
@ -1,3 +1,3 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6875 0H0V13.4062H10.6875V0ZM24 10.5938H13.3125V24H24V10.5938ZM13.3125 0H24V7.96875H13.3125V0ZM10.6875 16.0312H0V24H10.6875V16.0312Z" fill="currentColor"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V11C2 12.1046 2.89543 13 4 13H9C10.1046 13 11 12.1046 11 11V4C11 2.89543 10.1046 2 9 2H4ZM4 4H9V11H4V4ZM15 11C13.8954 11 13 11.8954 13 13V20C13 21.1046 13.8954 22 15 22H20C21.1046 22 22 21.1046 22 20V13C22 11.8954 21.1046 11 20 11H15ZM15 13H20V20H15V13ZM13 4C13 2.89543 13.8954 2 15 2H20C21.1046 2 22 2.89543 22 4V7C22 8.10457 21.1046 9 20 9H15C13.8954 9 13 8.10457 13 7V4ZM20 4H15V7H20V4ZM4 15C2.89543 15 2 15.8954 2 17V20C2 21.1046 2.89543 22 4 22H9C10.1046 22 11 21.1046 11 20V17C11 15.8954 10.1046 15 9 15H4ZM4 17H9V20H4V17Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 311 B After Width: | Height: | Size: 732 B |
|
|
@ -1,3 +1,3 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 1H0V3.16803H3.74269V11.9344C3.74269 13.6311 4.8655 14.998 6.78363 14.998H21.1462V12.9242H6.78363C6.26901 12.9242 5.80117 12.5 5.80117 11.9344V10.6619H20.5848L24 2.93238V1ZM8.98257 20.8893C8.98257 22.6073 7.60015 24 5.89485 24C4.18955 24 2.80713 22.6073 2.80713 20.8893C2.80713 19.1714 4.18955 17.7787 5.89485 17.7787C7.60015 17.7787 8.98257 19.1714 8.98257 20.8893ZM20.8656 24C22.5709 24 23.9533 22.6073 23.9533 20.8893C23.9533 19.1714 22.5709 17.7787 20.8656 17.7787C19.1603 17.7787 17.7778 19.1714 17.7778 20.8893C17.7778 22.6073 19.1603 24 20.8656 24Z" fill="currentColor" />
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 4.04169C2 3.46638 2.46638 3 3.04169 3H5.15004C6.42278 3 7.55576 3.76978 8.03557 4.92487H18.8724C21.018 4.92487 22.5254 7.03745 21.8276 9.06637L20.815 12.0103C20.3811 13.2719 19.194 14.1189 17.8599 14.1189H9.0654C8.79025 14.1189 8.5672 14.342 8.5672 14.6171C8.5672 14.8923 8.79025 15.1153 9.0654 15.1153H19.3465C19.9218 15.1153 20.3881 15.5817 20.3881 16.157C20.3881 16.7323 19.9218 17.1987 19.3465 17.1987H9.0654C7.63962 17.1987 6.48381 16.0429 6.48381 14.6171C6.48381 13.6191 7.05019 12.7533 7.87907 12.3237L6.27116 6.24637L6.14965 5.83198C6.01954 5.38824 5.61247 5.08339 5.15004 5.08339H3.04169C2.46638 5.08339 2 4.617 2 4.04169ZM8.6278 7.00825L9.95791 12.0356H17.8599C18.3046 12.0356 18.7003 11.7532 18.8449 11.3327L19.8575 8.38876C20.0901 7.71245 19.5876 7.00825 18.8724 7.00825H8.6278ZM10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18C9.32843 18 10 18.6716 10 19.5ZM17.5 21C18.3284 21 19 20.3284 19 19.5C19 18.6716 18.3284 18 17.5 18C16.6716 18 16 18.6716 16 19.5C16 20.3284 16.6716 21 17.5 21Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 735 B After Width: | Height: | Size: 1.2 KiB |
3
assets/images/menu-pages-icon.svg
Normal file
3
assets/images/menu-pages-icon.svg
Normal 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 fill-rule="evenodd" clip-rule="evenodd" d="M9 4.00195C8.44772 4.00195 8 4.44967 8 5.00195V19.002C8 19.5542 8.44772 20.002 9 20.002H17C17.5523 20.002 18 19.5542 18 19.002V7.58038C18 7.31516 17.8946 7.06081 17.7071 6.87327L15.1287 4.29485C14.9411 4.10731 14.6868 4.00195 14.4216 4.00195H9ZM6 5.00195C6 3.3451 7.34315 2.00195 9 2.00195H14.4216C15.2172 2.00195 15.9803 2.31802 16.5429 2.88063L19.1213 5.45906C19.6839 6.02167 20 6.78473 20 7.58038V19.002C20 20.6588 18.6569 22.002 17 22.002H9C7.34315 22.002 6 20.6588 6 19.002V5.00195ZM4 6.00195C4.55228 6.00195 5 6.44967 5 7.00195V20.002C5 20.5542 4.55228 21.002 4 21.002C3.44772 21.002 3 20.5542 3 20.002V7.00195C3 6.44967 3.44772 6.00195 4 6.00195ZM10.5 13.002C10.2239 13.002 10 13.2258 10 13.502V14.502C10 14.7781 10.2239 15.002 10.5 15.002H15.5C15.7761 15.002 16 14.7781 16 14.502V13.502C16 13.2258 15.7761 13.002 15.5 13.002H10.5ZM10 10.502C10 10.2258 10.2239 10.002 10.5 10.002H15.5C15.7761 10.002 16 10.2258 16 10.502V11.502C16 11.7781 15.7761 12.002 15.5 12.002H10.5C10.2239 12.002 10 11.7781 10 11.502V10.502ZM10.5 16.002C10.2239 16.002 10 16.2258 10 16.502V17.502C10 17.7781 10.2239 18.002 10.5 18.002H15.5C15.7761 18.002 16 17.7781 16 17.502V16.502C16 16.2258 15.7761 16.002 15.5 16.002H10.5Z" fill="currentColor"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -1,3 +1,3 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0019 0C15.2067 0 18.2197 1.24805 20.4859 3.51413C22.752 5.7803 24 8.79328 24 11.9981C24 15.2029 22.752 18.2159 20.4859 20.482C18.2197 22.7481 15.2067 23.9962 12.0019 23.9962C9.99525 23.9962 8.01872 23.4932 6.26752 22.5393L0 24L1.46067 17.7325C0.506766 15.9813 0.00384375 14.0048 0.00384375 11.9981C0.00384375 8.79328 1.25189 5.7803 3.51802 3.51413C5.78414 1.24805 8.79712 0 12.0019 0ZM2.81588 11.9981C2.81588 17.0633 6.9367 21.1841 12.0019 21.1841C17.0671 21.1841 21.188 17.0633 21.188 11.9981C21.188 6.93286 17.0671 2.81203 12.0019 2.81203C6.9367 2.81203 2.81588 6.93286 2.81588 11.9981ZM14.3709 6.31687C13.8901 5.35519 13.3072 4.68942 12.705 4.39261V11.295H15.5253C15.445 9.40683 15.0424 7.65994 14.3709 6.31687ZM12.705 12.7011V12.7011V19.6035C13.3071 19.3067 13.8901 18.6409 14.3709 17.6792C15.0424 16.3363 15.445 14.5893 15.5253 12.7011H12.705ZM9.63291 17.6793C8.96142 16.3363 8.55886 14.5894 8.47856 12.7011H11.2989V19.6035C10.6967 19.3067 10.1137 18.641 9.63291 17.6793ZM9.63291 6.31687C8.96142 7.65984 8.55886 9.40678 8.47856 11.295H11.2989V4.39265C10.6967 4.68947 10.1137 5.35528 9.63291 6.31687ZM15.6285 5.68805C15.4868 5.40446 15.3364 5.1406 15.1786 4.89666C17.686 6.02274 19.4927 8.43886 19.7498 11.295H16.9324C16.8493 9.1882 16.3938 7.21866 15.6285 5.68805ZM16.9324 12.7011C16.8493 14.808 16.3938 16.7775 15.6285 18.3081C15.4867 18.5917 15.3364 18.8556 15.1786 19.0995C17.6859 17.9735 19.4927 15.5573 19.7498 12.7011H16.9324ZM7.07137 12.7011C7.15453 14.8079 7.61001 16.7775 8.3753 18.3081C8.51714 18.5917 8.66742 18.8556 8.8252 19.0995C6.31786 17.9734 4.51106 15.5573 4.254 12.7011H7.07137ZM4.254 11.295H7.07137C7.15453 9.1882 7.60997 7.21866 8.3753 5.68805C8.51714 5.40446 8.66742 5.1406 8.8252 4.89666C6.31781 6.02269 4.51111 8.43881 4.254 11.295Z" fill="currentColor"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.65092 18.3538L6.18814 15.9803L5.83266 15.3207C5.45189 14.6142 5.18886 13.8345 5.07064 13.0059H8.03103C8.14673 14.8686 8.58594 16.7188 9.34866 18.4869C9.1204 18.3934 8.89825 18.2882 8.68291 18.172L8.02264 17.8158L5.65092 18.3538ZM10.0354 13.0059C10.1814 15.0638 10.7786 17.1026 11.8269 19.0038C11.8844 19.0052 11.9421 19.0059 12 19.0059C12.1441 19.0059 12.2871 19.0015 12.4291 18.9929C13.4737 17.0949 14.0688 15.0599 14.2146 13.0059H10.0354ZM14.2146 11.0059H10.0354C10.1814 8.94788 10.7786 6.90908 11.8269 5.00796C11.8844 5.00656 11.9421 5.00586 12 5.00586C12.1441 5.00586 12.2872 5.01021 12.4291 5.0188C13.4737 6.91683 14.0688 8.95179 14.2146 11.0059ZM16.219 13.0059C16.1062 14.8211 15.6862 16.6245 14.959 18.3515C17.0575 17.3713 18.5894 15.3809 18.9291 13.0059H16.219ZM18.9291 11.0059H16.219C16.1062 9.19064 15.6863 7.38726 14.9591 5.6602C17.0575 6.6404 18.5894 8.63084 18.9291 11.0059ZM8.03103 11.0059H5.07089C5.42699 8.51633 7.093 6.44937 9.34834 5.52554C8.58581 7.29342 8.14671 9.14341 8.03103 11.0059ZM3.1751 20.2325C3.09391 20.5912 3.41471 20.9118 3.77336 20.8305L7.73342 19.9322C9.00313 20.6171 10.4562 21.0059 12 21.0059C16.9706 21.0059 21 16.9764 21 12.0059C21 7.0353 16.9706 3.00586 12 3.00586C7.02944 3.00586 3 7.0353 3 12.0059C3 13.5485 3.38813 15.0006 4.07208 16.2696L3.1751 20.2325Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.4 KiB |
|
|
@ -1,4 +1,4 @@
|
||||||
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<circle cx="18" cy="18" r="17.5" fill="white" stroke="#EAEAEA"/>
|
<circle cx="18" cy="18" r="17.5" fill="white" stroke="#EAEAEA"/>
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 10H17V17H10V19H17V26H19V19H26V17H19V10Z" fill="#06847B"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 10H17V17H10V19H17V26H19V19H26V17H19V10Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 279 B After Width: | Height: | Size: 284 B |
|
|
@ -1,4 +1,4 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect width="24" height="24"/>
|
<rect width="24" height="24"/>
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2149 2L21 5.78505L18.6131 8.17192L14.8281 4.38686L17.2149 2ZM16.8054 4.38686L18.6131 6.19457L19.0227 5.78505L17.2149 3.97734L16.8054 4.38686ZM14.4186 4.79638L18.2036 8.58144L6.78505 20H3V16.2149L14.4186 4.79638ZM4.39819 16.7941V17.6131L5.38686 18.6018H6.2059L16.2263 8.58144L14.4186 6.77372L4.39819 16.7941Z" fill="#06847B"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2149 2L21 5.78505L18.6131 8.17192L14.8281 4.38686L17.2149 2ZM16.8054 4.38686L18.6131 6.19457L19.0227 5.78505L17.2149 3.97734L16.8054 4.38686ZM14.4186 4.79638L18.2036 8.58144L6.78505 20H3V16.2149L14.4186 4.79638ZM4.39819 16.7941V17.6131L5.38686 18.6018H6.2059L16.2263 8.58144L14.4186 6.77372L4.39819 16.7941Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 513 B After Width: | Height: | Size: 518 B |
|
|
@ -1,3 +1,3 @@
|
||||||
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 7.58853L1.5 3.83853V10.5H16.5V3.83853L9 7.58853ZM18 12H0V0H18V12ZM16.5 1.5V2.16147L9 5.91147L1.5 2.16147V1.5H16.5Z" fill="#06847B"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 7.58853L1.5 3.83853V10.5H16.5V3.83853L9 7.58853ZM18 12H0V0H18V12ZM16.5 1.5V2.16147L9 5.91147L1.5 2.16147V1.5H16.5Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 288 B After Width: | Height: | Size: 293 B |
|
|
@ -1,3 +1,140 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="488" height="359" viewBox="0 0 488 359" fill="none">
|
<svg width="489" height="481" viewBox="0 0 489 481" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M186.62 211.896H227.139L272.972 0L306.039 33.7306L253.045 238.466H216.123L186.62 211.896ZM170.678 298.931H211.197L219.832 259.74L246.235 285.944L237.103 325.501H200.181L170.678 298.931ZM318.141 328.822H358.66L367.296 289.632L393.698 315.835L384.566 355.392H347.645L318.141 328.822ZM468.031 64.7883C479.185 98.6093 467.483 129.579 432.905 157.677C392.561 177.947 377.642 200.848 371.77 245.169L340.471 245.773L370.612 259.748L400.253 261.165L405.769 230.574C419.118 196.387 459.156 192.667 476.599 159.502C487.498 141.701 490.586 124.17 485.848 106.886L468.031 64.7883ZM429.669 97.3605C431.638 75.985 422.397 64.6821 401.927 63.4306C367.716 62.7717 346.204 79.928 337.378 114.881L303.894 116.754L335.699 144.15L365.933 144.023C374.549 110.04 396.119 93.8932 429.669 97.3605ZM14.2468 331.554H54.7661L63.4013 292.363L89.804 318.566L80.6718 358.124H43.7502L14.2468 331.554ZM164.136 67.5171C175.29 101.338 163.589 132.308 129.011 160.406C88.6667 180.676 73.7478 203.577 67.8758 247.898L36.5762 248.501L66.7172 262.48L96.3587 263.893L101.875 233.303C115.223 199.116 155.262 195.396 172.705 162.231C183.604 144.429 186.692 126.898 181.954 109.617L164.136 67.5171ZM125.774 100.092C127.743 78.7163 118.502 67.4134 98.0327 66.162C63.8211 65.5004 42.31 82.6566 33.4835 117.609L0 119.485L31.8044 146.879L62.0383 146.751C70.6549 112.771 92.2244 96.6218 125.774 100.092Z" fill="#C4C4C4"/>
|
<g opacity="0.4">
|
||||||
|
<line y1="-1.5" x2="43.5882" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 0 129.511)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line opacity="0.4" y1="-1.5" x2="49.4381" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 22.8077 172.269)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="31.4294" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 19.0032 138.062)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="31.4294" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 56.8945 119.253)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line opacity="0.44" y1="-1.5" x2="99.9087" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 51.5715 103.911)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="43.5882" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 0 367.695)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line opacity="0.44" y1="-1.5" x2="99.9087" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 51.5715 342.095)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="33.8382" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 161.661 49.264)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 151.241 54.4369)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 94.1331 100.768)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 72.4242 147.641)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="35.0426" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 83.6625 142.062)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line opacity="0.4" y1="-1.5" x2="40.061" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 185.311 91.6042)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="40.0036" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 134.663 116.745)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 123.453 122.31)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 175.567 96.4419)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 231.047 68.9026)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 243.64 62.6501)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 257.212 55.9133)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="13.9941" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 105.75 95.0002)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line opacity="0.4" y1="-1.5" x2="31.4294" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 42.6792 181.425)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="20.647" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 80.5707 162.616)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 107.334 149.33)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 190.768 107.914)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 304.334 51.5403)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 314.323 46.5829)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 324.53 41.517)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 334.081 36.7748)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line opacity="0.4" y1="-1.5" x2="29.8235" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122631 0.93987 119.004 143.536)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="31.4294" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 42.6816 199.795)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="31.4294" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 80.5728 180.986)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 117.812 162.501)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="24.4323" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 129.429 156.734)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="29.8235" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 195.007 124.182)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="61.9411" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 231.051 106.29)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.39117" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 293.261 75.4089)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.39117" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 315.193 64.5216)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.39117" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 304.336 69.9119)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.39117" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 326.268 59.0242)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.39117" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 337.07 53.6633)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="5.39117" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 347.059 48.7039)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="31.4294" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 42.684 218.165)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="31.4294" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 80.5754 199.356)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.30881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 117.814 180.871)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="9.98835" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 163.727 158.081)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="15.6143" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 275.99 102.354)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="9.3055" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 295.53 92.6549)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="31.8882" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 129.431 175.105)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="32.0208" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 153.294 126.515)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="32.0208" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 205.519 100.592)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="62.1221" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 242.059 82.4539)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="31.5441" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 158.418 142.344)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="31.8882" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 177.637 151.176)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="62.5146" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 213.466 133.392)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
</g>
|
||||||
|
<line y1="-1.5" x2="41.8676" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 42.6888 254.39)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<path d="M30.2649 325.754V240.93L432.466 43.6317V128.456L30.2649 325.754Z" stroke="#28234A" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2 6"/>
|
||||||
|
<line y1="-1.5" x2="76.6234" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 73.6332 257.4)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="51.3881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 73.6355 275.77)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="29.9561" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 162.213 231.801)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="29.9561" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 207.828 209.158)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="36.7058" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 253.211 186.631)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.88234" y2="-1.5" transform="matrix(0.946523 -0.469829 0.000122716 0.93987 195.453 215.302)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="6.88234" y2="-1.5" transform="matrix(0.946523 -0.469829 0.000122716 0.93987 239.802 193.287)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="52.3058" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 190.564 199.356)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="9.29116" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 167.982 210.566)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="9.29116" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 179.489 204.853)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="98.3601" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 243.98 172.841)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="64.6367" y2="-1.5" transform="matrix(0.946515 -0.469845 0.00012271 0.93987 342.182 124.094)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="14.9691" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 407.326 91.7578)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="41.8676" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 90.5134 230.648)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="8.25881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 138.338 206.91)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="8.25881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 150.608 200.82)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="8.25881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 44.433 308.381)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="8.25881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 22.8295 338.253)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<line y1="-1.5" x2="8.25881" y2="-1.5" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 162.208 195.062)" stroke="#FEADAD" stroke-width="3"/>
|
||||||
|
<path d="M256.015 37.0035L264.561 41.2766L327.1 10.048L318.554 5.7749L256.015 37.0035Z" fill="#EFF5F8" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M256.015 84.227L264.473 88.456V41.508L256.015 37.2791V84.227Z" fill="#EFF5F8" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M264.474 88.3446L327.091 57.0358V10.0725L264.474 41.3814V88.3446Z" fill="#EFF5F8" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M105.229 295.247L122.989 304.127L252.955 239.229L235.195 230.349L105.229 295.247Z" fill="#EFF5F8" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M105.229 408.04L122.806 416.828V303.997L105.229 295.208V408.04Z" fill="#EFF5F8" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M122.806 416.598L252.935 351.533V239.078L122.806 304.142V416.598Z" fill="white" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M52.6152 129.062L70.3753 137.942L200.341 73.0442L182.581 64.1642L52.6152 129.062Z" fill="#EFF5F8" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M52.6146 258.343L70.1915 267.132V137.812L52.6146 129.023V258.343Z" fill="#EFF5F8" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M70.1915 267.133L200.32 202.069V73.0962L70.1915 138.16V267.133Z" fill="#EFF5F8" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M180.698 421.05V179.701L487.472 26.3145V267.663L180.698 421.05Z" fill="white"/>
|
||||||
|
<path d="M180.698 421.05V179.701L487.472 26.3145V267.663L180.698 421.05Z" fill="#EFF5F8" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M193.252 189.71C194.172 188.525 194.337 187.114 193.62 186.556C192.902 185.999 191.575 186.507 190.654 187.691C189.734 188.875 189.57 190.287 190.287 190.845C191.004 191.402 192.332 190.894 193.252 189.71Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M201.714 185.4C202.634 184.216 202.798 182.804 202.081 182.247C201.364 181.689 200.036 182.197 199.116 183.382C198.195 184.566 198.031 185.978 198.748 186.535C199.466 187.093 200.793 186.585 201.714 185.4Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M210.173 181.092C211.093 179.907 211.258 178.495 210.54 177.938C209.823 177.38 208.495 177.889 207.575 179.073C206.655 180.257 206.49 181.669 207.208 182.226C207.925 182.784 209.253 182.276 210.173 181.092Z" fill="white" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M194.92 207.428L253.672 178.052" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M195.977 255.512V236.071L220.287 223.916V243.357L195.977 255.512Z" fill="#FEADAD" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M195.977 281.624V262.183L220.287 250.028V269.468L195.977 281.624Z" fill="#FEADAD" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M195.977 307.735V288.295L220.287 276.14V295.58L195.977 307.735Z" fill="#FEADAD" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M444.676 85.867V66.4137L468.986 54.2587V73.712L444.676 85.867Z" fill="white" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M444.675 81.3872L468.985 69.2322" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M444.675 76.9063L468.985 64.7512" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M444.675 71.8273L468.985 59.6722" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M444.675 76.906V66.5142L457.661 60.0211V70.4129L444.675 76.906Z" fill="white" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M446.211 69.2436L455.524 64.5872" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1 3"/>
|
||||||
|
<path d="M446.211 72.34L455.524 67.6836" stroke="#28234A" stroke-width="1.06896" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1 3"/>
|
||||||
|
<path d="M398.316 139.103L442.699 116.912" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M398.317 156.771L468.985 121.436" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M398.317 164.709L468.985 129.375" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M398.317 172.648L468.985 137.314" stroke="#28234A" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M398.319 217.282L468.987 181.601V199.019L398.319 234.719V217.282Z" fill="#FEADAD" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M402.791 224.265L409.172 221.08" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M405.978 219.789V225.758" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M398.318 192.452L468.986 156.771V174.188L398.318 209.889V192.452Z" fill="#FEADAD" stroke="#28234A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<rect width="5.96662" height="14.9831" rx="2.98331" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 293.9 39.0492)" fill="#EFF5F8" stroke="#28234A" stroke-width="2"/>
|
||||||
|
<path d="M303.271 44.8604C303.272 49.1677 300.342 54.1141 296.727 55.9085C293.112 57.7029 290.181 55.6657 290.181 51.3584" stroke="#28234A" stroke-width="2"/>
|
||||||
|
<rect width="1.21679" height="4.47054" transform="matrix(0.946516 -0.469843 0.000122711 0.93987 296.152 56.8552)" fill="#28234A"/>
|
||||||
|
<path d="M134.872 189.839L122.944 186.391L122.942 171.878L134.868 156.351L147.139 159.875L147.141 174.372L134.872 189.839Z" fill="white" stroke="#28234A" stroke-width="2"/>
|
||||||
|
<path d="M135.006 175.463L135.008 189.202" stroke="#28234A" stroke-width="2"/>
|
||||||
|
<path d="M129.221 273.579L144.747 265.809" stroke="#B65757" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M136.976 259.769V279.605" stroke="#B65757" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<g opacity="0.9">
|
||||||
|
<path d="M312.103 183.508L320.143 166.221C326.614 151.549 332.694 149.912 340.472 150.563L357.174 152.295C370.084 153.341 396.917 157.329 402.833 158.538C410.847 160.175 411.854 165.815 412.377 169.258C412.867 178.279 412.154 197.399 411.429 204.067C410.448 213.087 406.788 233.972 403.879 242.339C402.619 245.963 395.207 257.635 391.59 262.995L381.985 269.118C379.57 271.973 343.316 284.927 336.485 285.515C334.562 285.68 313.451 286.924 309.227 286.659C301.938 286.201 297.591 284.959 290.008 283.39C283.942 282.135 269.547 276.728 263.108 274.181C256.113 270.441 248.5 266.95 246.18 265.643C241.973 263.272 240.46 258.256 243.597 255.674C247.737 252.267 266.149 242.754 271.444 239.855C274.549 238.156 279.452 234.463 283.079 230.573C285.82 227.634 294.78 218.676 301.023 206.191L312.103 183.508Z" fill="white"/>
|
||||||
|
<path d="M265.169 275.284C264.54 274.947 263.847 274.576 263.108 274.181M381.131 269.663L381.985 269.118M263.108 274.181C256.113 270.441 248.5 266.95 246.18 265.643C241.973 263.272 240.46 258.256 243.597 255.674C247.737 252.267 266.149 242.754 271.444 239.855C274.549 238.156 279.452 234.463 283.079 230.573C285.82 227.634 294.78 218.676 301.023 206.191L312.103 183.508L320.143 166.221C326.614 151.549 332.694 149.912 340.472 150.563L357.174 152.295C370.084 153.341 396.917 157.329 402.833 158.538C410.847 160.175 411.854 165.815 412.377 169.258C412.867 178.279 412.154 197.399 411.429 204.067C410.448 213.087 406.788 233.972 403.879 242.339C402.619 245.963 395.207 257.635 391.59 262.995L381.985 269.118M263.108 274.181C269.547 276.728 283.942 282.135 290.008 283.39C297.591 284.959 301.938 286.201 309.227 286.659C313.451 286.924 334.562 285.68 336.485 285.515C343.316 284.927 379.57 271.973 381.985 269.118" stroke="#28234A" stroke-width="2"/>
|
||||||
|
<path d="M246.693 369.592L264.098 274.698C263.504 274.379 275.378 278.755 276.097 278.917L276.101 278.899C276.143 278.921 276.14 278.927 276.097 278.917L271.532 297.426L272.709 298.733L315.852 296.38L316.467 286.722L335.92 285.692L349.923 281.91L349.712 293.635L376.644 291.804L377.82 289.451L370.891 273.763L380.566 269.84L419.525 358.741L417.825 360.702L413.903 360.702L409.458 360.702L383.801 303.442L349.843 305.632L353.111 397.046L349.582 398.353L346.182 398.353L344.614 397.046L340.43 326.449L328.729 307.446L323.729 307.593L320.95 336.777L319.774 337.954L315.852 337.954L313.891 336.777L313.106 335.6L314.806 308.277L271.038 311.209C270.138 311.269 269.39 311.923 269.211 312.807L257.639 369.933C257.355 371.331 256.126 372.337 254.698 372.337L249.7 372.337L247.608 371.422L246.693 369.592Z" fill="white" stroke="#28234A" stroke-width="2"/>
|
||||||
|
</g>
|
||||||
|
<path d="M373.435 142.903L414.683 46.6566L469.681 19.1577" stroke="#FEADAD" stroke-width="2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M469.68 0V13.7495L414.682 41.2484V27.4989L469.68 0Z" fill="#FEADAD"/>
|
||||||
|
<path d="M183.785 438.461C189.095 425.511 187.016 412.395 179.14 409.166C171.265 405.937 160.577 413.818 155.267 426.768C149.957 439.719 152.037 452.834 159.912 456.063C167.787 459.292 178.476 451.412 183.785 438.461Z" fill="#FEADAD" stroke="#28234A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M169.491 410.251V432.614L181.787 410.603C178.647 408.197 174.304 407.859 169.491 410.251Z" fill="white" stroke="#28234A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M160.831 474.409L173.877 467.894" stroke="#28234A" stroke-width="2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M178.219 465.737L186.921 461.393" stroke="#28234A" stroke-width="2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M160.831 480L178.22 471.328" stroke="#28234A" stroke-width="2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M227.264 418.702C232.573 405.752 230.494 392.636 222.619 389.407C214.743 386.178 204.055 394.059 198.745 407.009C193.435 419.96 195.515 433.075 203.39 436.304C211.265 439.533 221.954 431.653 227.264 418.702Z" fill="#FEADAD" stroke="#28234A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M225.162 390.647C221.953 388.139 217.535 387.796 212.654 390.229V412.977L225.162 422.829C228.418 417.133 230.199 410.714 230.342 404.155C230.342 397.856 228.357 393.169 225.162 390.647Z" fill="white" stroke="#28234A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M199.966 454.893L226.042 441.877" stroke="#28234A" stroke-width="2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M199.966 460.483L213.012 453.983" stroke="#28234A" stroke-width="2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M243.517 381.964L242.646 381.474L242.226 382.22L242.899 382.75L243.517 381.964ZM243.518 381.964L244.386 382.46L244.814 381.711L244.136 381.178L243.518 381.964ZM255.814 369.286H256.814V367.67L255.368 368.391L255.814 369.286ZM255.814 391.648H254.814V392.133L255.195 392.433L255.814 391.648ZM255.815 391.649L256.26 392.544L257.673 391.842L256.434 390.864L255.815 391.649ZM255.814 391.649L255.369 390.753L254.814 391.029V391.649H255.814ZM255.814 391.649L255.197 392.436L256.814 393.703V391.649H255.814ZM255.814 391.649L256.431 390.862L255.934 390.472L255.368 390.754L255.814 391.649ZM238.426 400.321L237.426 400.299L237.39 401.955L238.872 401.216L238.426 400.321ZM242.899 382.75L242.899 382.75L244.136 381.178L244.136 381.178L242.899 382.75ZM255.368 368.391C250.337 370.898 245.865 375.754 242.646 381.474L244.389 382.455C247.48 376.963 251.694 372.457 256.26 370.181L255.368 368.391ZM256.814 391.648V369.286H254.814V391.648H256.814ZM256.434 390.864L256.434 390.864L255.195 392.433L255.195 392.433L256.434 390.864ZM256.259 392.544L256.26 392.544L255.37 390.753L255.369 390.753L256.259 392.544ZM256.814 391.649V391.649H254.814V391.649H256.814ZM255.197 392.436L255.197 392.436L256.431 390.862L256.431 390.862L255.197 392.436ZM238.872 401.216L256.261 392.544L255.368 390.754L237.98 399.426L238.872 401.216ZM242.649 381.468C239.366 387.212 237.571 393.685 237.426 400.299L239.426 400.343C239.563 394.062 241.268 387.915 244.386 382.46L242.649 381.468Z" fill="#28234A"/>
|
||||||
|
<path d="M268.126 369.711C264.971 367.231 260.628 366.894 255.815 369.286V391.649L238.426 400.321C238.426 406.499 240.377 411.122 243.518 413.602C246.658 416.081 251.016 416.404 255.815 414.012C261.068 411.079 265.348 406.671 268.126 401.334C271.327 395.735 273.077 389.425 273.218 382.977C273.218 376.799 271.266 372.191 268.126 369.711Z" fill="white" stroke="#28234A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M242.77 434.456L247.128 432.299" stroke="#28234A" stroke-width="2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M251.471 430.127L268.86 421.454" stroke="#28234A" stroke-width="2" stroke-miterlimit="10"/>
|
||||||
|
<path d="M242.77 440.047L264.517 429.217" stroke="#28234A" stroke-width="2" stroke-miterlimit="10"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 25 KiB |
|
|
@ -6,7 +6,12 @@ module.exports = api => {
|
||||||
const ignore =
|
const ignore =
|
||||||
isTest || isStorybook
|
isTest || isStorybook
|
||||||
? []
|
? []
|
||||||
: ["**/*.test.ts", "**/*.test.tsx", "src/storybook"];
|
: [
|
||||||
|
"**/*.test.ts",
|
||||||
|
"**/*.test.tsx",
|
||||||
|
"src/storybook",
|
||||||
|
"node_modules/core-js"
|
||||||
|
];
|
||||||
|
|
||||||
const presets = [
|
const presets = [
|
||||||
[
|
[
|
||||||
|
|
|
||||||
|
|
@ -42,6 +42,6 @@ export const PRODUCTS_LIST = {
|
||||||
},
|
},
|
||||||
nextPageButton: "[data-test='button-pagination-next']",
|
nextPageButton: "[data-test='button-pagination-next']",
|
||||||
previousPagePagination: "[data-test='button-pagination-back']",
|
previousPagePagination: "[data-test='button-pagination-back']",
|
||||||
resultsOnPageSelect: "[data-test-id='rowNumberSelect']",
|
resultsOnPageSelect: "[data-test-id='PaginationRowNumberSelect']",
|
||||||
rowNumberOption: "[data-test-id='rowNumberOption']"
|
rowNumberOption: "[data-test-id='rowNumberOption']"
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ export const VARIANTS_SELECTORS = {
|
||||||
attributeSelector: "[data-test='attribute-value']",
|
attributeSelector: "[data-test='attribute-value']",
|
||||||
attributeOption:
|
attributeOption:
|
||||||
"[data-test-type='option'], [data-test='multiautocomplete-select-option']",
|
"[data-test-type='option'], [data-test='multiautocomplete-select-option']",
|
||||||
addWarehouseButton: "button[class*='MuiIconButton-colorPrimary']",
|
addWarehouseButton: "[data-test-id='add-warehouse']",
|
||||||
warehouseOption: "[role='menuitem']",
|
warehouseOption: "[role='menuitem']",
|
||||||
saveButton: "[data-test='button-bar-confirm']",
|
saveButton: "[data-test='button-bar-confirm']",
|
||||||
skuInputInAddVariant: "[name='sku']",
|
skuInputInAddVariant: "[name='sku']",
|
||||||
|
|
|
||||||
|
|
@ -91,9 +91,6 @@
|
||||||
"configurationMenuPageTypes": {
|
"configurationMenuPageTypes": {
|
||||||
"string": "Define types of content pages used in your store"
|
"string": "Define types of content pages used in your store"
|
||||||
},
|
},
|
||||||
"configurationMenuPages": {
|
|
||||||
"string": "Manage and add additional pages"
|
|
||||||
},
|
|
||||||
"configurationMenuPermissionGroups": {
|
"configurationMenuPermissionGroups": {
|
||||||
"string": "Manage your permission groups and their permissions"
|
"string": "Manage your permission groups and their permissions"
|
||||||
},
|
},
|
||||||
|
|
@ -765,14 +762,14 @@
|
||||||
"context": "table actions",
|
"context": "table actions",
|
||||||
"string": "Actions"
|
"string": "Actions"
|
||||||
},
|
},
|
||||||
"src_dot_apps_dot_components_dot_CustomApps_dot_3152347892": {
|
|
||||||
"context": "custom apps content",
|
|
||||||
"string": "Your custom created apps will be shown here."
|
|
||||||
},
|
|
||||||
"src_dot_apps_dot_components_dot_CustomApps_dot_3230241731": {
|
"src_dot_apps_dot_components_dot_CustomApps_dot_3230241731": {
|
||||||
"context": "create app button",
|
"context": "create app button",
|
||||||
"string": "Create App"
|
"string": "Create App"
|
||||||
},
|
},
|
||||||
|
"src_dot_apps_dot_components_dot_CustomApps_dot_4044120866": {
|
||||||
|
"context": "custom apps content",
|
||||||
|
"string": "Your custom-created apps will be shown here."
|
||||||
|
},
|
||||||
"src_dot_apps_dot_components_dot_DeactivatedText_dot_3064552173": {
|
"src_dot_apps_dot_components_dot_DeactivatedText_dot_3064552173": {
|
||||||
"context": "app deactivated",
|
"context": "app deactivated",
|
||||||
"string": "Deactivated"
|
"string": "Deactivated"
|
||||||
|
|
@ -1227,25 +1224,25 @@
|
||||||
"context": "deleted multiple attributes",
|
"context": "deleted multiple attributes",
|
||||||
"string": "Attributes successfully delete"
|
"string": "Attributes successfully delete"
|
||||||
},
|
},
|
||||||
"src_dot_auth_dot_components_dot_LoginPage_dot_109182747": {
|
"src_dot_auth_dot_components_dot_LoginPage_dot_1173110163": {
|
||||||
|
"context": "card header",
|
||||||
|
"string": "Sign In"
|
||||||
|
},
|
||||||
|
"src_dot_auth_dot_components_dot_LoginPage_dot_1405865627": {
|
||||||
"context": "button",
|
"context": "button",
|
||||||
"string": "Login"
|
"string": "Sign in"
|
||||||
},
|
},
|
||||||
"src_dot_auth_dot_components_dot_LoginPage_dot_2237029987": {
|
"src_dot_auth_dot_components_dot_LoginPage_dot_2237029987": {
|
||||||
"string": "Password"
|
"string": "Password"
|
||||||
},
|
},
|
||||||
"src_dot_auth_dot_components_dot_LoginPage_dot_2981302356": {
|
"src_dot_auth_dot_components_dot_LoginPage_dot_3242928626": {
|
||||||
"context": "link",
|
"context": "description",
|
||||||
"string": "Use this link to recover it"
|
"string": "Forgot password?"
|
||||||
},
|
},
|
||||||
"src_dot_auth_dot_components_dot_LoginPage_dot_3762459576": {
|
"src_dot_auth_dot_components_dot_LoginPage_dot_3762459576": {
|
||||||
"context": "description",
|
"context": "description",
|
||||||
"string": "or login using"
|
"string": "or login using"
|
||||||
},
|
},
|
||||||
"src_dot_auth_dot_components_dot_LoginPage_dot_599516345": {
|
|
||||||
"context": "description",
|
|
||||||
"string": "Forgot password? {resetPasswordLink}"
|
|
||||||
},
|
|
||||||
"src_dot_auth_dot_components_dot_LoginPage_dot_externalLoginError": {
|
"src_dot_auth_dot_components_dot_LoginPage_dot_externalLoginError": {
|
||||||
"context": "error message",
|
"context": "error message",
|
||||||
"string": "Sorry, login went wrong. Please try again."
|
"string": "Sorry, login went wrong. Please try again."
|
||||||
|
|
@ -1261,9 +1258,6 @@
|
||||||
"src_dot_auth_dot_components_dot_NewPasswordPage_dot_1254879564": {
|
"src_dot_auth_dot_components_dot_NewPasswordPage_dot_1254879564": {
|
||||||
"string": "New Password"
|
"string": "New Password"
|
||||||
},
|
},
|
||||||
"src_dot_auth_dot_components_dot_NewPasswordPage_dot_1915811227": {
|
|
||||||
"string": "Please set up a new password."
|
|
||||||
},
|
|
||||||
"src_dot_auth_dot_components_dot_NewPasswordPage_dot_2342634351": {
|
"src_dot_auth_dot_components_dot_NewPasswordPage_dot_2342634351": {
|
||||||
"context": "button",
|
"context": "button",
|
||||||
"string": "Set new password"
|
"string": "Set new password"
|
||||||
|
|
@ -1271,20 +1265,33 @@
|
||||||
"src_dot_auth_dot_components_dot_NewPasswordPage_dot_2799926859": {
|
"src_dot_auth_dot_components_dot_NewPasswordPage_dot_2799926859": {
|
||||||
"string": "Confirm Password"
|
"string": "Confirm Password"
|
||||||
},
|
},
|
||||||
|
"src_dot_auth_dot_components_dot_NewPasswordPage_dot_3349581442": {
|
||||||
|
"string": "Please set up a new password for your account. Repeat your new password to make sure you will be able to remember it."
|
||||||
|
},
|
||||||
"src_dot_auth_dot_components_dot_NewPasswordPage_dot_4253911811": {
|
"src_dot_auth_dot_components_dot_NewPasswordPage_dot_4253911811": {
|
||||||
"string": "Passwords do not match"
|
"string": "Passwords do not match"
|
||||||
},
|
},
|
||||||
"src_dot_auth_dot_components_dot_ResetPasswordPage_dot_2370700732": {
|
"src_dot_auth_dot_components_dot_NewPasswordPage_dot_533029895": {
|
||||||
"string": "Forgot your password? Don't worry, we'll reset it for you."
|
"context": "page title",
|
||||||
|
"string": "Set up new password"
|
||||||
},
|
},
|
||||||
"src_dot_auth_dot_components_dot_ResetPasswordPage_dot_3663311080": {
|
"src_dot_auth_dot_components_dot_ResetPasswordPage_dot_2422931690": {
|
||||||
"context": "password reset, button",
|
"context": "password reset, button",
|
||||||
"string": "Send Instructions"
|
"string": "Send an email with reset link"
|
||||||
|
},
|
||||||
|
"src_dot_auth_dot_components_dot_ResetPasswordPage_dot_2925394684": {
|
||||||
|
"string": "Reset password"
|
||||||
|
},
|
||||||
|
"src_dot_auth_dot_components_dot_ResetPasswordPage_dot_365271428": {
|
||||||
|
"string": "Provide us with an email - if we find it in our database we will send you a link to reset your password. You should be able to find it in your inbox in the next couple of minutes."
|
||||||
},
|
},
|
||||||
"src_dot_auth_dot_components_dot_ResetPasswordSuccessPage_dot_2245157344": {
|
"src_dot_auth_dot_components_dot_ResetPasswordSuccessPage_dot_2245157344": {
|
||||||
"context": "button",
|
"context": "button",
|
||||||
"string": "Back to login"
|
"string": "Back to login"
|
||||||
},
|
},
|
||||||
|
"src_dot_auth_dot_components_dot_ResetPasswordSuccessPage_dot_2925394684": {
|
||||||
|
"string": "Reset password"
|
||||||
|
},
|
||||||
"src_dot_auth_dot_components_dot_ResetPasswordSuccessPage_dot_4066297200": {
|
"src_dot_auth_dot_components_dot_ResetPasswordSuccessPage_dot_4066297200": {
|
||||||
"string": "Success! In a few minutes you’ll receive a message with instructions on how to reset your password."
|
"string": "Success! In a few minutes you’ll receive a message with instructions on how to reset your password."
|
||||||
},
|
},
|
||||||
|
|
@ -2124,21 +2131,23 @@
|
||||||
"context": "header",
|
"context": "header",
|
||||||
"string": "Error"
|
"string": "Error"
|
||||||
},
|
},
|
||||||
"src_dot_components_dot_ErrorPage_dot_1723676032": {
|
"src_dot_components_dot_ErrorPage_dot_btnDashboard": {
|
||||||
"context": "button",
|
"context": "button linking to dashboard",
|
||||||
"string": "Back to home"
|
"string": "Dashboard"
|
||||||
},
|
},
|
||||||
"src_dot_components_dot_ErrorPage_dot_2736139139": {
|
"src_dot_components_dot_ErrorPage_dot_btnRefresh": {
|
||||||
"string": "Ooops!..."
|
"context": "button refreshing page",
|
||||||
|
"string": "Refresh page"
|
||||||
},
|
},
|
||||||
"src_dot_components_dot_ErrorPage_dot_2845142593": {
|
"src_dot_components_dot_ErrorPage_dot_content": {
|
||||||
"string": "Error"
|
"string": "Don’t worry we will fix it soon. Try to refresh the page or go back to dashboard."
|
||||||
},
|
},
|
||||||
"src_dot_components_dot_ErrorPage_dot_3090161573": {
|
"src_dot_components_dot_ErrorPage_dot_header": {
|
||||||
"string": "Don't worry, everything is gonna be fine"
|
"string": "We’ve encountered an unexpected error"
|
||||||
},
|
},
|
||||||
"src_dot_components_dot_ErrorPage_dot_3182212440": {
|
"src_dot_components_dot_ErrorPage_dot_or": {
|
||||||
"string": "We've encountered a problem..."
|
"context": "conjunction, choice between going to dashboard or refreshing page",
|
||||||
|
"string": "or"
|
||||||
},
|
},
|
||||||
"src_dot_components_dot_FilterBar_dot_2173195312": {
|
"src_dot_components_dot_FilterBar_dot_2173195312": {
|
||||||
"context": "button",
|
"context": "button",
|
||||||
|
|
@ -2205,18 +2214,18 @@
|
||||||
"context": "header",
|
"context": "header",
|
||||||
"string": "Private Metadata"
|
"string": "Private Metadata"
|
||||||
},
|
},
|
||||||
"src_dot_components_dot_Metadata_dot_2024779015": {
|
"src_dot_components_dot_Metadata_dot_1827848527": {
|
||||||
"context": "empty metadata text",
|
"context": "number of metadata fields in model",
|
||||||
"string": "There is no private metadata created for this element."
|
"string": "{number,plural,one{{number} string} other{{number} strings}}"
|
||||||
},
|
|
||||||
"src_dot_components_dot_Metadata_dot_2087058956": {
|
|
||||||
"context": "empty metadata text",
|
|
||||||
"string": "There is no metadata created for this element."
|
|
||||||
},
|
},
|
||||||
"src_dot_components_dot_Metadata_dot_2537046678": {
|
"src_dot_components_dot_Metadata_dot_2537046678": {
|
||||||
"context": "metadata field name, header",
|
"context": "metadata field name, header",
|
||||||
"string": "Field"
|
"string": "Field"
|
||||||
},
|
},
|
||||||
|
"src_dot_components_dot_Metadata_dot_2741366539": {
|
||||||
|
"context": "empty metadata text",
|
||||||
|
"string": "No metadata created for this element. Use the button below to add new metadata field."
|
||||||
|
},
|
||||||
"src_dot_components_dot_Metadata_dot_3181473584": {
|
"src_dot_components_dot_Metadata_dot_3181473584": {
|
||||||
"context": "add metadata field,button",
|
"context": "add metadata field,button",
|
||||||
"string": "Add Field"
|
"string": "Add Field"
|
||||||
|
|
@ -2225,14 +2234,6 @@
|
||||||
"context": "table action",
|
"context": "table action",
|
||||||
"string": "Actions"
|
"string": "Actions"
|
||||||
},
|
},
|
||||||
"src_dot_components_dot_Metadata_dot_549104951": {
|
|
||||||
"context": "number of metadata fields in model",
|
|
||||||
"string": "{number,plural,one{{number} Field} other{{number} Fields}}"
|
|
||||||
},
|
|
||||||
"src_dot_components_dot_Metadata_dot_553451245": {
|
|
||||||
"context": "empty metadata text",
|
|
||||||
"string": "Use the button below to add new metadata field"
|
|
||||||
},
|
|
||||||
"src_dot_components_dot_MoneyRange_dot_12301532": {
|
"src_dot_components_dot_MoneyRange_dot_12301532": {
|
||||||
"context": "money",
|
"context": "money",
|
||||||
"string": "to {money}"
|
"string": "to {money}"
|
||||||
|
|
@ -2469,6 +2470,10 @@
|
||||||
"src_dot_components_dot_TableHead_dot_868570480": {
|
"src_dot_components_dot_TableHead_dot_868570480": {
|
||||||
"string": "Selected {number} items"
|
"string": "Selected {number} items"
|
||||||
},
|
},
|
||||||
|
"src_dot_components_dot_TablePagination_dot_noOfRows": {
|
||||||
|
"context": "pagination",
|
||||||
|
"string": "No. of rows"
|
||||||
|
},
|
||||||
"src_dot_components_dot_Timeline_dot_1359200231": {
|
"src_dot_components_dot_Timeline_dot_1359200231": {
|
||||||
"context": "add order note, button",
|
"context": "add order note, button",
|
||||||
"string": "Send"
|
"string": "Send"
|
||||||
|
|
@ -3484,7 +3489,7 @@
|
||||||
"string": "Edit"
|
"string": "Edit"
|
||||||
},
|
},
|
||||||
"src_dot_email": {
|
"src_dot_email": {
|
||||||
"string": "E-mail Address"
|
"string": "Email address"
|
||||||
},
|
},
|
||||||
"src_dot_endDate": {
|
"src_dot_endDate": {
|
||||||
"string": "End Date"
|
"string": "End Date"
|
||||||
|
|
@ -3657,50 +3662,54 @@
|
||||||
"context": "gift card settings header",
|
"context": "gift card settings header",
|
||||||
"string": "Gift Cards Settings"
|
"string": "Gift Cards Settings"
|
||||||
},
|
},
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_giftCardActivated": {
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_activated": {
|
||||||
"context": "gift card history message",
|
"context": "gift card history message",
|
||||||
"string": "Gift card was activated by {activatedBy}"
|
"string": "Gift card was activated by {activatedBy}"
|
||||||
},
|
},
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_giftCardBalanceReset": {
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_activatedAnonymous": {
|
||||||
|
"context": "gift card history message",
|
||||||
|
"string": "Gift card was activated"
|
||||||
|
},
|
||||||
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_balanceReset": {
|
||||||
"context": "gift card history message",
|
"context": "gift card history message",
|
||||||
"string": "Gift card balance was reset by {resetBy}"
|
"string": "Gift card balance was reset by {resetBy}"
|
||||||
},
|
},
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_giftCardBought": {
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_balanceResetAnonymous": {
|
||||||
|
"context": "gift card history message",
|
||||||
|
"string": "Gift card balance was reset by {resetBy}"
|
||||||
|
},
|
||||||
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_bought": {
|
||||||
"context": "gift card history message",
|
"context": "gift card history message",
|
||||||
"string": "Gift card was bought in order {orderNumber}"
|
"string": "Gift card was bought in order {orderNumber}"
|
||||||
},
|
},
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_giftCardDeactivated": {
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_deactivated": {
|
||||||
"context": "gift card history message",
|
"context": "gift card history message",
|
||||||
"string": "Gift card was deactivated by {deactivatedBy}"
|
"string": "Gift card was deactivated by {deactivatedBy}"
|
||||||
},
|
},
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_giftCardExpiryDateUpdate": {
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_deactivatedAnonymous": {
|
||||||
|
"context": "gift card history message",
|
||||||
|
"string": "Gift card was deactivated"
|
||||||
|
},
|
||||||
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_expiryDateUpdate": {
|
||||||
"context": "gift card history message",
|
"context": "gift card history message",
|
||||||
"string": "Gift card expiry date was updated by {expiryUpdatedBy}"
|
"string": "Gift card expiry date was updated by {expiryUpdatedBy}"
|
||||||
},
|
},
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_giftCardIssued": {
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_expiryDateUpdateAnonymous": {
|
||||||
"context": "dsc",
|
|
||||||
"string": "Gift card was issued by {issuedBy}"
|
|
||||||
},
|
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_giftCardResent": {
|
|
||||||
"context": "gift card history message",
|
"context": "gift card history message",
|
||||||
"string": "Gift card was resent"
|
"string": "Gift card expiry date was updated"
|
||||||
},
|
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_giftCardSentToCustomer": {
|
|
||||||
"context": "gift card history message",
|
|
||||||
"string": "Gift card was sent to customer"
|
|
||||||
},
|
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_giftCardTagsUpdated": {
|
|
||||||
"context": "gift card history message",
|
|
||||||
"string": "Gift card tags were updated"
|
|
||||||
},
|
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_giftCardUsedInOrder": {
|
|
||||||
"context": "gift card history message",
|
|
||||||
"string": "Gift card was used as a payment method on order {orderLink} <buyer>by</buyer>"
|
|
||||||
},
|
},
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_historyHeaderTitle": {
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_historyHeaderTitle": {
|
||||||
"context": "section header title",
|
"context": "section header title",
|
||||||
"string": "Gift Card Timeline"
|
"string": "Gift Card Timeline"
|
||||||
},
|
},
|
||||||
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_issued": {
|
||||||
|
"context": "gift card history message",
|
||||||
|
"string": "Gift card was issued by {issuedBy}"
|
||||||
|
},
|
||||||
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_issuedAnonymous": {
|
||||||
|
"context": "gift card history message",
|
||||||
|
"string": "Gift card was issued"
|
||||||
|
},
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_noteAddError": {
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_noteAddError": {
|
||||||
"context": "notifier message",
|
"context": "notifier message",
|
||||||
"string": "There was an error adding a note"
|
"string": "There was an error adding a note"
|
||||||
|
|
@ -3709,6 +3718,26 @@
|
||||||
"context": "notifier message",
|
"context": "notifier message",
|
||||||
"string": "Note was added sucessfully"
|
"string": "Note was added sucessfully"
|
||||||
},
|
},
|
||||||
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_resent": {
|
||||||
|
"context": "gift card history message",
|
||||||
|
"string": "Gift card was resent"
|
||||||
|
},
|
||||||
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_sentToCustomer": {
|
||||||
|
"context": "gift card history message",
|
||||||
|
"string": "Gift card was sent to customer"
|
||||||
|
},
|
||||||
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_tagsUpdated": {
|
||||||
|
"context": "gift card history message",
|
||||||
|
"string": "Gift card tags were updated"
|
||||||
|
},
|
||||||
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_usedInOrder": {
|
||||||
|
"context": "gift card history message",
|
||||||
|
"string": "Gift card was used as a payment method on order {orderLink} <buyer>by</buyer>"
|
||||||
|
},
|
||||||
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardHistory_dot_usedInOrderAnonymous": {
|
||||||
|
"context": "gift card history message",
|
||||||
|
"string": "Gift card was used as a payment method on order {orderLink}"
|
||||||
|
},
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardResendCodeDialog_dot_consentCheckboxLabel": {
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardResendCodeDialog_dot_consentCheckboxLabel": {
|
||||||
"context": "consent to send gift card to different address checkbox label",
|
"context": "consent to send gift card to different address checkbox label",
|
||||||
"string": "Yes, I want to send gift card to different address"
|
"string": "Yes, I want to send gift card to different address"
|
||||||
|
|
@ -3759,7 +3788,7 @@
|
||||||
},
|
},
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardUpdateDetailsCard_dot_setBalanceButtonLabel": {
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardUpdateDetailsCard_dot_setBalanceButtonLabel": {
|
||||||
"context": "set balance button label",
|
"context": "set balance button label",
|
||||||
"string": "set balance"
|
"string": "Set Balance"
|
||||||
},
|
},
|
||||||
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardUpdateDetailsCard_dot_tagInputLabel": {
|
"src_dot_giftCards_dot_GiftCardUpdate_dot_GiftCardUpdateDetailsCard_dot_tagInputLabel": {
|
||||||
"context": "tag label",
|
"context": "tag label",
|
||||||
|
|
@ -5489,13 +5518,13 @@
|
||||||
"src_dot_pageTypes_dot_components_dot_PageTypeDetails_dot_1631499902": {
|
"src_dot_pageTypes_dot_components_dot_PageTypeDetails_dot_1631499902": {
|
||||||
"string": "Content Type Name"
|
"string": "Content Type Name"
|
||||||
},
|
},
|
||||||
"src_dot_pageTypes_dot_components_dot_PageTypeListPage_dot_1793515137": {
|
|
||||||
"context": "button",
|
|
||||||
"string": "create page type"
|
|
||||||
},
|
|
||||||
"src_dot_pageTypes_dot_components_dot_PageTypeListPage_dot_1793828289": {
|
"src_dot_pageTypes_dot_components_dot_PageTypeListPage_dot_1793828289": {
|
||||||
"string": "Search Page Type"
|
"string": "Search Page Type"
|
||||||
},
|
},
|
||||||
|
"src_dot_pageTypes_dot_components_dot_PageTypeListPage_dot_4077151320": {
|
||||||
|
"context": "button",
|
||||||
|
"string": "Create page type"
|
||||||
|
},
|
||||||
"src_dot_pageTypes_dot_components_dot_PageTypeListPage_dot_464566131": {
|
"src_dot_pageTypes_dot_components_dot_PageTypeListPage_dot_464566131": {
|
||||||
"context": "tab name",
|
"context": "tab name",
|
||||||
"string": "All Page Types"
|
"string": "All Page Types"
|
||||||
|
|
@ -5848,8 +5877,8 @@
|
||||||
"context": "section header",
|
"context": "section header",
|
||||||
"string": "Plugin Information and Status"
|
"string": "Plugin Information and Status"
|
||||||
},
|
},
|
||||||
"src_dot_plugins_dot_components_dot_PluginInfo_dot_4013064767": {
|
"src_dot_plugins_dot_components_dot_PluginInfo_dot_3954867850": {
|
||||||
"string": "Set plugin as Active"
|
"string": "Set plugin as active"
|
||||||
},
|
},
|
||||||
"src_dot_plugins_dot_components_dot_PluginSecretFieldDialog_dot_3032939398": {
|
"src_dot_plugins_dot_components_dot_PluginSecretFieldDialog_dot_3032939398": {
|
||||||
"context": "header",
|
"context": "header",
|
||||||
|
|
|
||||||
516
package-lock.json
generated
516
package-lock.json
generated
|
|
@ -1664,6 +1664,52 @@
|
||||||
"@babel/plugin-transform-typescript": "^7.13.0"
|
"@babel/plugin-transform-typescript": "^7.13.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"@babel/register": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/register/-/register-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-lzl4yfs0zVXnooeLE0AAfYaT7F3SPA8yB2Bj4W1BiZwLbMS3MZH35ZvCWSRHvneUugwuM+Wsnrj7h0F7UmU3NQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"clone-deep": "^4.0.1",
|
||||||
|
"find-cache-dir": "^2.0.0",
|
||||||
|
"make-dir": "^2.1.0",
|
||||||
|
"pirates": "^4.0.0",
|
||||||
|
"source-map-support": "^0.5.16"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"clone-deep": {
|
||||||
|
"version": "4.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
|
||||||
|
"integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"is-plain-object": "^2.0.4",
|
||||||
|
"kind-of": "^6.0.2",
|
||||||
|
"shallow-clone": "^3.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"find-cache-dir": {
|
||||||
|
"version": "2.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
|
||||||
|
"integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"commondir": "^1.0.1",
|
||||||
|
"make-dir": "^2.0.0",
|
||||||
|
"pkg-dir": "^3.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"shallow-clone": {
|
||||||
|
"version": "3.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
|
||||||
|
"integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"kind-of": "^6.0.2"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"@babel/runtime": {
|
"@babel/runtime": {
|
||||||
"version": "7.13.10",
|
"version": "7.13.10",
|
||||||
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.13.10.tgz",
|
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.13.10.tgz",
|
||||||
|
|
@ -5286,9 +5332,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@saleor/macaw-ui": {
|
"@saleor/macaw-ui": {
|
||||||
"version": "0.2.7",
|
"version": "0.3.1-0",
|
||||||
"resolved": "https://registry.npmjs.org/@saleor/macaw-ui/-/macaw-ui-0.2.7.tgz",
|
"resolved": "https://registry.npmjs.org/@saleor/macaw-ui/-/macaw-ui-0.3.1-0.tgz",
|
||||||
"integrity": "sha512-sRt193W5u1Vu+5893zEsRbkVF3H1uXuqNC+BEXwTg85i+J9YHmykJZjDneExgGH24nYe948S5dffsy3NMOGSTQ==",
|
"integrity": "sha512-aIG226XQMES65Bg/hkaE5+WzSXYBuosgVTT/Oqk1FZezMx1VHp0ySOJbZhSBbCFk0u02uUK6uH79AZNfoTSgqw==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"clsx": "^1.1.1",
|
"clsx": "^1.1.1",
|
||||||
"lodash": "^4.17.21",
|
"lodash": "^4.17.21",
|
||||||
|
|
@ -6483,11 +6529,21 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@types/js-yaml": {
|
"@types/js-yaml": {
|
||||||
"version": "4.0.3",
|
"version": "4.0.5",
|
||||||
"resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.5.tgz",
|
||||||
"integrity": "sha512-5t9BhoORasuF5uCPr+d5/hdB++zRFUTMIZOzbNkr+jZh3yQht4HYbRDyj9fY8n2TZT30iW9huzav73x4NikqWg==",
|
"integrity": "sha512-FhpRzf927MNQdRZP0J5DLIdTXhjLYzeUTmLAu69mnVksLH9CJY3IuSeEgbKUki7GQZm0WqDkGzyxju2EZGD2wA==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"@types/jscodeshift": {
|
||||||
|
"version": "0.11.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/jscodeshift/-/jscodeshift-0.11.3.tgz",
|
||||||
|
"integrity": "sha512-pM0JD9kWVDH9DQp5Y6td16924V3MwZHei8P3cTeuFhXpzpk0K+iWraBZz8wF61QkFs9fZeAQNX0q8SG0+TFm2w==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"ast-types": "^0.14.1",
|
||||||
|
"recast": "^0.20.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
"@types/json-schema": {
|
"@types/json-schema": {
|
||||||
"version": "7.0.7",
|
"version": "7.0.7",
|
||||||
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.7.tgz",
|
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.7.tgz",
|
||||||
|
|
@ -15643,6 +15699,12 @@
|
||||||
"integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
|
"integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"flow-parser": {
|
||||||
|
"version": "0.165.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.165.1.tgz",
|
||||||
|
"integrity": "sha512-vz/5MZIePDCZO9FfnRaH398cc+XSwtgoUzR6pC5zbekpk5ttCaXOnxypho+hb0NzUyQNFV+6vpU8joRZ1llrCw==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
"flush-write-stream": {
|
"flush-write-stream": {
|
||||||
"version": "1.1.1",
|
"version": "1.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz",
|
||||||
|
|
@ -19628,6 +19690,416 @@
|
||||||
"integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
|
"integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"jscodeshift": {
|
||||||
|
"version": "0.13.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.13.0.tgz",
|
||||||
|
"integrity": "sha512-FNHLuwh7TeI0F4EzNVIRwUSxSqsGWM5nTv596FK4NfBnEEKFpIcyFeG559DMFGHSTIYA5AY4Fqh2cBrJx0EAwg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/core": "^7.13.16",
|
||||||
|
"@babel/parser": "^7.13.16",
|
||||||
|
"@babel/plugin-proposal-class-properties": "^7.13.0",
|
||||||
|
"@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8",
|
||||||
|
"@babel/plugin-proposal-optional-chaining": "^7.13.12",
|
||||||
|
"@babel/plugin-transform-modules-commonjs": "^7.13.8",
|
||||||
|
"@babel/preset-flow": "^7.13.13",
|
||||||
|
"@babel/preset-typescript": "^7.13.0",
|
||||||
|
"@babel/register": "^7.13.16",
|
||||||
|
"babel-core": "^7.0.0-bridge.0",
|
||||||
|
"colors": "^1.1.2",
|
||||||
|
"flow-parser": "0.*",
|
||||||
|
"graceful-fs": "^4.2.4",
|
||||||
|
"micromatch": "^3.1.10",
|
||||||
|
"neo-async": "^2.5.0",
|
||||||
|
"node-dir": "^0.1.17",
|
||||||
|
"recast": "^0.20.4",
|
||||||
|
"temp": "^0.8.4",
|
||||||
|
"write-file-atomic": "^2.3.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/code-frame": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-IF4EOMEV+bfYwOmNxGzSnjR2EmQod7f1UXOpZM3l4i4o4QNwzjtJAu/HxdjHq0aYBvdqMuQEY1eg0nqW9ZPORA==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/highlight": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/compat-data": {
|
||||||
|
"version": "7.16.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.4.tgz",
|
||||||
|
"integrity": "sha512-1o/jo7D+kC9ZjHX5v+EHrdjl3PhxMrLSOTGsOdHJ+KL8HCaEK6ehrVL2RS6oHDZp+L7xLirLrPmQtEng769J/Q==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"@babel/core": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-mYZEvshBRHGsIAiyH5PzCFTCfbWfoYbO/jcSdXQSUQu1/pW0xDZAUP7KEc32heqWTAfAHhV9j1vH8Sav7l+JNQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/code-frame": "^7.16.0",
|
||||||
|
"@babel/generator": "^7.16.0",
|
||||||
|
"@babel/helper-compilation-targets": "^7.16.0",
|
||||||
|
"@babel/helper-module-transforms": "^7.16.0",
|
||||||
|
"@babel/helpers": "^7.16.0",
|
||||||
|
"@babel/parser": "^7.16.0",
|
||||||
|
"@babel/template": "^7.16.0",
|
||||||
|
"@babel/traverse": "^7.16.0",
|
||||||
|
"@babel/types": "^7.16.0",
|
||||||
|
"convert-source-map": "^1.7.0",
|
||||||
|
"debug": "^4.1.0",
|
||||||
|
"gensync": "^1.0.0-beta.2",
|
||||||
|
"json5": "^2.1.2",
|
||||||
|
"semver": "^6.3.0",
|
||||||
|
"source-map": "^0.5.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/generator": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-RR8hUCfRQn9j9RPKEVXo9LiwoxLPYn6hNZlvUOR8tSnaxlD0p0+la00ZP9/SnRt6HchKr+X0fO2r8vrETiJGew==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/types": "^7.16.0",
|
||||||
|
"jsesc": "^2.5.1",
|
||||||
|
"source-map": "^0.5.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-compilation-targets": {
|
||||||
|
"version": "7.16.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.16.3.tgz",
|
||||||
|
"integrity": "sha512-vKsoSQAyBmxS35JUOOt+07cLc6Nk/2ljLIHwmq2/NM6hdioUaqEXq/S+nXvbvXbZkNDlWOymPanJGOc4CBjSJA==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/compat-data": "^7.16.0",
|
||||||
|
"@babel/helper-validator-option": "^7.14.5",
|
||||||
|
"browserslist": "^4.17.5",
|
||||||
|
"semver": "^6.3.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-function-name": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-BZh4mEk1xi2h4HFjWUXRQX5AEx4rvaZxHgax9gcjdLWdkjsY7MKt5p0otjsg5noXw+pB+clMCjw+aEVYADMjog==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/helper-get-function-arity": "^7.16.0",
|
||||||
|
"@babel/template": "^7.16.0",
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-get-function-arity": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-ASCquNcywC1NkYh/z7Cgp3w31YW8aojjYIlNg4VeJiHkqyP4AzIvr4qx7pYDb4/s8YcsZWqqOSxgkvjUz1kpDQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-hoist-variables": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-1AZlpazjUR0EQZQv3sgRNfM9mEVWPK3M6vlalczA+EECcPz3XPh6VplbErL5UoMpChhSck5wAJHthlj1bYpcmg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-member-expression-to-functions": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-bsjlBFPuWT6IWhl28EdrQ+gTvSvj5tqVP5Xeftp07SEuz5pLnsXZuDkDD3Rfcxy0IsHmbZ+7B2/9SHzxO0T+sQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-module-imports": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-kkH7sWzKPq0xt3H1n+ghb4xEMP8k0U7XV3kkB+ZGy69kDk2ySFW1qPi06sjKzFY3t1j6XbJSqr4mF9L7CYVyhg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-module-transforms": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-My4cr9ATcaBbmaEa8M0dZNA74cfI6gitvUAskgDtAFmAqyFKDSHQo5YstxPbN+lzHl2D9l/YOEFqb2mtUh4gfA==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/helper-module-imports": "^7.16.0",
|
||||||
|
"@babel/helper-replace-supers": "^7.16.0",
|
||||||
|
"@babel/helper-simple-access": "^7.16.0",
|
||||||
|
"@babel/helper-split-export-declaration": "^7.16.0",
|
||||||
|
"@babel/helper-validator-identifier": "^7.15.7",
|
||||||
|
"@babel/template": "^7.16.0",
|
||||||
|
"@babel/traverse": "^7.16.0",
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-optimise-call-expression": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-SuI467Gi2V8fkofm2JPnZzB/SUuXoJA5zXe/xzyPP2M04686RzFKFHPK6HDVN6JvWBIEW8tt9hPR7fXdn2Lgpw==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-replace-supers": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-TQxuQfSCdoha7cpRNJvfaYxxxzmbxXw/+6cS7V02eeDYyhxderSoMVALvwupA54/pZcOTtVeJ0xccp1nGWladA==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/helper-member-expression-to-functions": "^7.16.0",
|
||||||
|
"@babel/helper-optimise-call-expression": "^7.16.0",
|
||||||
|
"@babel/traverse": "^7.16.0",
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-simple-access": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-o1rjBT/gppAqKsYfUdfHq5Rk03lMQrkPHG1OWzHWpLgVXRH4HnMM9Et9CVdIqwkCQlobnGHEJMsgWP/jE1zUiw==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-split-export-declaration": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-0YMMRpuDFNGTHNRiiqJX19GjNXA4H0E8jZ2ibccfSxaCogbm3am5WN/2nQNj0YnQwGWM1J06GOcQ2qnh3+0paw==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/helper-validator-identifier": {
|
||||||
|
"version": "7.15.7",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz",
|
||||||
|
"integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"@babel/helper-validator-option": {
|
||||||
|
"version": "7.14.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.14.5.tgz",
|
||||||
|
"integrity": "sha512-OX8D5eeX4XwcroVW45NMvoYaIuFI+GQpA2a8Gi+X/U/cDUIRsV37qQfF905F0htTRCREQIB4KqPeaveRJUl3Ow==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"@babel/helpers": {
|
||||||
|
"version": "7.16.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.16.3.tgz",
|
||||||
|
"integrity": "sha512-Xn8IhDlBPhvYTvgewPKawhADichOsbkZuzN7qz2BusOM0brChsyXMDJvldWaYMMUNiCQdQzNEioXTp3sC8Nt8w==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/template": "^7.16.0",
|
||||||
|
"@babel/traverse": "^7.16.3",
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/highlight": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-t8MH41kUQylBtu2+4IQA3atqevA2lRgqA2wyVB/YiWmsDSuylZZuXOUy9ric30hfzauEFfdsuk/eXTRrGrfd0g==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/helper-validator-identifier": "^7.15.7",
|
||||||
|
"chalk": "^2.0.0",
|
||||||
|
"js-tokens": "^4.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/parser": {
|
||||||
|
"version": "7.16.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.4.tgz",
|
||||||
|
"integrity": "sha512-6V0qdPUaiVHH3RtZeLIsc+6pDhbYzHR8ogA8w+f+Wc77DuXto19g2QUwveINoS34Uw+W8/hQDGJCx+i4n7xcng==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"@babel/template": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-MnZdpFD/ZdYhXwiunMqqgyZyucaYsbL0IrjoGjaVhGilz+x8YB++kRfygSOIj1yOtWKPlx7NBp+9I1RQSgsd5A==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/code-frame": "^7.16.0",
|
||||||
|
"@babel/parser": "^7.16.0",
|
||||||
|
"@babel/types": "^7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/traverse": {
|
||||||
|
"version": "7.16.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.16.3.tgz",
|
||||||
|
"integrity": "sha512-eolumr1vVMjqevCpwVO99yN/LoGL0EyHiLO5I043aYQvwOJ9eR5UsZSClHVCzfhBduMAsSzgA/6AyqPjNayJag==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/code-frame": "^7.16.0",
|
||||||
|
"@babel/generator": "^7.16.0",
|
||||||
|
"@babel/helper-function-name": "^7.16.0",
|
||||||
|
"@babel/helper-hoist-variables": "^7.16.0",
|
||||||
|
"@babel/helper-split-export-declaration": "^7.16.0",
|
||||||
|
"@babel/parser": "^7.16.3",
|
||||||
|
"@babel/types": "^7.16.0",
|
||||||
|
"debug": "^4.1.0",
|
||||||
|
"globals": "^11.1.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@babel/types": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-PJgg/k3SdLsGb3hhisFvtLOw5ts113klrpLuIPtCJIU+BB24fqq6lf8RWqKJEjzqXR9AEH1rIb5XTqwBHB+kQg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/helper-validator-identifier": "^7.15.7",
|
||||||
|
"to-fast-properties": "^2.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"braces": {
|
||||||
|
"version": "2.3.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
|
||||||
|
"integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"arr-flatten": "^1.1.0",
|
||||||
|
"array-unique": "^0.3.2",
|
||||||
|
"extend-shallow": "^2.0.1",
|
||||||
|
"fill-range": "^4.0.0",
|
||||||
|
"isobject": "^3.0.1",
|
||||||
|
"repeat-element": "^1.1.2",
|
||||||
|
"snapdragon": "^0.8.1",
|
||||||
|
"snapdragon-node": "^2.0.1",
|
||||||
|
"split-string": "^3.0.2",
|
||||||
|
"to-regex": "^3.0.1"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"extend-shallow": {
|
||||||
|
"version": "2.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
|
||||||
|
"integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"is-extendable": "^0.1.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"browserslist": {
|
||||||
|
"version": "4.18.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.18.1.tgz",
|
||||||
|
"integrity": "sha512-8ScCzdpPwR2wQh8IT82CA2VgDwjHyqMovPBZSNH54+tm4Jk2pCuv90gmAdH6J84OCRWi0b4gMe6O6XPXuJnjgQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"caniuse-lite": "^1.0.30001280",
|
||||||
|
"electron-to-chromium": "^1.3.896",
|
||||||
|
"escalade": "^3.1.1",
|
||||||
|
"node-releases": "^2.0.1",
|
||||||
|
"picocolors": "^1.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"caniuse-lite": {
|
||||||
|
"version": "1.0.30001282",
|
||||||
|
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001282.tgz",
|
||||||
|
"integrity": "sha512-YhF/hG6nqBEllymSIjLtR2iWDDnChvhnVJqp+vloyt2tEHFG1yBR+ac2B/rOw0qOK0m0lEXU2dv4E/sMk5P9Kg==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"electron-to-chromium": {
|
||||||
|
"version": "1.3.906",
|
||||||
|
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.906.tgz",
|
||||||
|
"integrity": "sha512-UjoECdcOYIVzWmrbtNnYpPrDuu+RtiO5W08Vdbid9ydGQMSdnqtJUtvOqQEAVQqpoXN9kSW9YnQufvzLQMYQOw==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"fill-range": {
|
||||||
|
"version": "4.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
|
||||||
|
"integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"extend-shallow": "^2.0.1",
|
||||||
|
"is-number": "^3.0.0",
|
||||||
|
"repeat-string": "^1.6.1",
|
||||||
|
"to-regex-range": "^2.1.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"extend-shallow": {
|
||||||
|
"version": "2.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
|
||||||
|
"integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"is-extendable": "^0.1.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"is-number": {
|
||||||
|
"version": "3.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
|
||||||
|
"integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"kind-of": "^3.0.2"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"kind-of": {
|
||||||
|
"version": "3.2.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
|
||||||
|
"integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"is-buffer": "^1.1.5"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"micromatch": {
|
||||||
|
"version": "3.1.10",
|
||||||
|
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
|
||||||
|
"integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"arr-diff": "^4.0.0",
|
||||||
|
"array-unique": "^0.3.2",
|
||||||
|
"braces": "^2.3.1",
|
||||||
|
"define-property": "^2.0.2",
|
||||||
|
"extend-shallow": "^3.0.2",
|
||||||
|
"extglob": "^2.0.4",
|
||||||
|
"fragment-cache": "^0.2.1",
|
||||||
|
"kind-of": "^6.0.2",
|
||||||
|
"nanomatch": "^1.2.9",
|
||||||
|
"object.pick": "^1.3.0",
|
||||||
|
"regex-not": "^1.0.0",
|
||||||
|
"snapdragon": "^0.8.1",
|
||||||
|
"to-regex": "^3.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node-releases": {
|
||||||
|
"version": "2.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
|
||||||
|
"integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"semver": {
|
||||||
|
"version": "6.3.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
|
||||||
|
"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"to-regex-range": {
|
||||||
|
"version": "2.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
|
||||||
|
"integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"is-number": "^3.0.0",
|
||||||
|
"repeat-string": "^1.6.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"jsdom": {
|
"jsdom": {
|
||||||
"version": "11.12.0",
|
"version": "11.12.0",
|
||||||
"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-11.12.0.tgz",
|
"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-11.12.0.tgz",
|
||||||
|
|
@ -23196,9 +23668,9 @@
|
||||||
"integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
|
"integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
|
||||||
},
|
},
|
||||||
"picocolors": {
|
"picocolors": {
|
||||||
"version": "0.2.1",
|
"version": "1.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
|
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
|
||||||
"integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
|
"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"picomatch": {
|
"picomatch": {
|
||||||
|
|
@ -23392,6 +23864,12 @@
|
||||||
"source-map": "^0.6.1"
|
"source-map": "^0.6.1"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"picocolors": {
|
||||||
|
"version": "0.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
|
||||||
|
"integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
"source-map": {
|
"source-map": {
|
||||||
"version": "0.6.1",
|
"version": "0.6.1",
|
||||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||||
|
|
@ -28737,6 +29215,26 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"temp": {
|
||||||
|
"version": "0.8.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/temp/-/temp-0.8.4.tgz",
|
||||||
|
"integrity": "sha512-s0ZZzd0BzYv5tLSptZooSjK8oj6C+c19p7Vqta9+6NPOf7r+fxq0cJe6/oN4LTC79sy5NY8ucOJNgwsKCSbfqg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"rimraf": "~2.6.2"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"rimraf": {
|
||||||
|
"version": "2.6.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
|
||||||
|
"integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"glob": "^7.1.3"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"temp-dir": {
|
"temp-dir": {
|
||||||
"version": "2.0.0",
|
"version": "2.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,7 @@
|
||||||
"@material-ui/icons": "^4.11.2",
|
"@material-ui/icons": "^4.11.2",
|
||||||
"@material-ui/lab": "^4.0.0-alpha.58",
|
"@material-ui/lab": "^4.0.0-alpha.58",
|
||||||
"@material-ui/styles": "^4.11.4",
|
"@material-ui/styles": "^4.11.4",
|
||||||
"@saleor/macaw-ui": "^0.2.7",
|
"@saleor/macaw-ui": "^0.3.1-0",
|
||||||
"@saleor/sdk": "^0.4.1",
|
"@saleor/sdk": "^0.4.1",
|
||||||
"@sentry/react": "^6.0.0",
|
"@sentry/react": "^6.0.0",
|
||||||
"@types/faker": "^5.1.6",
|
"@types/faker": "^5.1.6",
|
||||||
|
|
@ -119,6 +119,7 @@
|
||||||
"@types/enzyme": "^3.10.8",
|
"@types/enzyme": "^3.10.8",
|
||||||
"@types/fuzzaldrin": "^2.1.2",
|
"@types/fuzzaldrin": "^2.1.2",
|
||||||
"@types/jest": "^24.0.24",
|
"@types/jest": "^24.0.24",
|
||||||
|
"@types/jscodeshift": "^0.11.3",
|
||||||
"@types/lodash-es": "^4.17.3",
|
"@types/lodash-es": "^4.17.3",
|
||||||
"@types/pollyjs__adapter-node-http": "^2.0.1",
|
"@types/pollyjs__adapter-node-http": "^2.0.1",
|
||||||
"@types/pollyjs__persister-fs": "^2.0.1",
|
"@types/pollyjs__persister-fs": "^2.0.1",
|
||||||
|
|
@ -163,11 +164,13 @@
|
||||||
"eslint-plugin-simple-import-sort": "^5.0.3",
|
"eslint-plugin-simple-import-sort": "^5.0.3",
|
||||||
"file-loader": "^5.0.2",
|
"file-loader": "^5.0.2",
|
||||||
"fork-ts-checker-webpack-plugin": "^3.1.1",
|
"fork-ts-checker-webpack-plugin": "^3.1.1",
|
||||||
|
"graphql-request": "^3.5.0",
|
||||||
"html-webpack-plugin": "^3.2.0",
|
"html-webpack-plugin": "^3.2.0",
|
||||||
"husky": "^4.3.0",
|
"husky": "^4.3.0",
|
||||||
"jest": "^24.8.0",
|
"jest": "^24.8.0",
|
||||||
"jest-file": "^1.0.0",
|
"jest-file": "^1.0.0",
|
||||||
"jest-localstorage-mock": "^2.4.3",
|
"jest-localstorage-mock": "^2.4.3",
|
||||||
|
"jscodeshift": "^0.13.0",
|
||||||
"lint-staged": "^10.5.1",
|
"lint-staged": "^10.5.1",
|
||||||
"mock-apollo-client": "^0.4.0",
|
"mock-apollo-client": "^0.4.0",
|
||||||
"prettier": "^1.19.1",
|
"prettier": "^1.19.1",
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
import { DialogContentText } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import { getStringOrPlaceholder } from "@saleor/misc";
|
import { getStringOrPlaceholder } from "@saleor/misc";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
import { DialogContentText } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import { getStringOrPlaceholder } from "@saleor/misc";
|
import { getStringOrPlaceholder } from "@saleor/misc";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
import { DialogContentText } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import { getStringOrPlaceholder } from "@saleor/misc";
|
import { getStringOrPlaceholder } from "@saleor/misc";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import { Button, Card, CardContent, Typography } from "@material-ui/core";
|
import { ButtonBase, Card, CardContent, Typography } from "@material-ui/core";
|
||||||
import CardSpacer from "@saleor/components/CardSpacer";
|
import CardSpacer from "@saleor/components/CardSpacer";
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
|
|
@ -6,8 +6,9 @@ import ExternalLink from "@saleor/components/ExternalLink";
|
||||||
import PageHeader from "@saleor/components/PageHeader";
|
import PageHeader from "@saleor/components/PageHeader";
|
||||||
import Skeleton from "@saleor/components/Skeleton";
|
import Skeleton from "@saleor/components/Skeleton";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
import { Backlink } from "@saleor/macaw-ui";
|
import { Backlink, Button } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
import SVG from "react-inlinesvg";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
import ReactMarkdown from "react-markdown";
|
import ReactMarkdown from "react-markdown";
|
||||||
|
|
||||||
|
|
@ -51,9 +52,9 @@ export const AppDetailsPage: React.FC<AppDetailsPageProps> = ({
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<Button
|
<Button
|
||||||
|
component="a"
|
||||||
href={data?.homepageUrl}
|
href={data?.homepageUrl}
|
||||||
color="primary"
|
variant="primary"
|
||||||
variant="contained"
|
|
||||||
data-tc="open-app"
|
data-tc="open-app"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|
@ -68,32 +69,30 @@ export const AppDetailsPage: React.FC<AppDetailsPageProps> = ({
|
||||||
href={data.supportUrl}
|
href={data.supportUrl}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
<img src={supportIcon} alt="" />
|
<SVG src={supportIcon} />
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
defaultMessage="Get Support"
|
defaultMessage="Get Support"
|
||||||
description="link"
|
description="link"
|
||||||
/>
|
/>
|
||||||
</ExternalLink>
|
</ExternalLink>
|
||||||
<Button
|
<ButtonBase
|
||||||
color="primary"
|
|
||||||
className={classes.headerLinkContainer}
|
className={classes.headerLinkContainer}
|
||||||
|
disableRipple
|
||||||
onClick={navigateToAppSettings}
|
onClick={navigateToAppSettings}
|
||||||
>
|
>
|
||||||
<img src={settingsIcon} alt="" />
|
<SVG src={settingsIcon} />
|
||||||
|
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
defaultMessage="Edit settings"
|
defaultMessage="Edit settings"
|
||||||
description="link"
|
description="link"
|
||||||
/>
|
/>
|
||||||
</Button>
|
</ButtonBase>
|
||||||
<Button
|
<ButtonBase
|
||||||
variant="text"
|
|
||||||
color="primary"
|
|
||||||
className={classes.headerLinkContainer}
|
className={classes.headerLinkContainer}
|
||||||
disableFocusRipple
|
disableRipple
|
||||||
onClick={data.isActive ? onAppDeactivateOpen : onAppActivateOpen}
|
onClick={data.isActive ? onAppDeactivateOpen : onAppActivateOpen}
|
||||||
>
|
>
|
||||||
<img src={activateIcon} alt="" />
|
<SVG src={activateIcon} />
|
||||||
{data?.isActive ? (
|
{data?.isActive ? (
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
defaultMessage="Deactivate"
|
defaultMessage="Deactivate"
|
||||||
|
|
@ -105,7 +104,7 @@ export const AppDetailsPage: React.FC<AppDetailsPageProps> = ({
|
||||||
description="link"
|
description="link"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</Button>
|
</ButtonBase>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<Skeleton />
|
<Skeleton />
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,10 @@
|
||||||
import { Button, Typography } from "@material-ui/core";
|
import { Typography } from "@material-ui/core";
|
||||||
import CardSpacer from "@saleor/components/CardSpacer";
|
import CardSpacer from "@saleor/components/CardSpacer";
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
import Grid from "@saleor/components/Grid";
|
import Grid from "@saleor/components/Grid";
|
||||||
import Hr from "@saleor/components/Hr";
|
import Hr from "@saleor/components/Hr";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
import { Backlink } from "@saleor/macaw-ui";
|
import { Backlink, Button } from "@saleor/macaw-ui";
|
||||||
import classNames from "classnames";
|
import classNames from "classnames";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
@ -61,26 +61,22 @@ export const AppDetailsSettingsPage: React.FC<AppDetailsSettingsPageProps> = ({
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={classes.appSettingsHeader}>
|
<div className={classes.appSettingsHeader}>
|
||||||
<Button
|
<Button onClick={navigateToDashboard} variant="primary">
|
||||||
onClick={navigateToDashboard}
|
|
||||||
variant="contained"
|
|
||||||
color="primary"
|
|
||||||
>
|
|
||||||
<FormattedMessage defaultMessage="Dashboard" description="button" />
|
<FormattedMessage defaultMessage="Dashboard" description="button" />
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
|
component="a"
|
||||||
href={data?.homepageUrl}
|
href={data?.homepageUrl}
|
||||||
variant="contained"
|
variant="primary"
|
||||||
color="primary"
|
|
||||||
data-tc="open-app"
|
data-tc="open-app"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
<FormattedMessage defaultMessage="My App" description="button" />
|
<FormattedMessage defaultMessage="My App" description="button" />
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
|
component="a"
|
||||||
href={data?.supportUrl}
|
href={data?.supportUrl}
|
||||||
variant="contained"
|
variant="primary"
|
||||||
color="primary"
|
|
||||||
data-tc="open-support"
|
data-tc="open-support"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
import { DialogContentText } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import { getStringOrPlaceholder } from "@saleor/misc";
|
import { getStringOrPlaceholder } from "@saleor/misc";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,7 @@
|
||||||
import errorImg from "@assets/images/app-install-error.svg";
|
import errorImg from "@assets/images/app-install-error.svg";
|
||||||
import { Button, Grid, Typography } from "@material-ui/core";
|
import { Grid, Typography } from "@material-ui/core";
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
|
import { Button } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage } from "react-intl";
|
import { FormattedMessage } from "react-intl";
|
||||||
|
|
||||||
|
|
@ -34,12 +35,7 @@ export const AppInstallErrorPage: React.FC<AppInstallErrorPageProps> = ({
|
||||||
description="content"
|
description="content"
|
||||||
/>
|
/>
|
||||||
</Typography>
|
</Typography>
|
||||||
<Button
|
<Button className={classes.button} variant="primary" onClick={onBack}>
|
||||||
className={classes.button}
|
|
||||||
color="primary"
|
|
||||||
variant="contained"
|
|
||||||
onClick={onBack}
|
|
||||||
>
|
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
defaultMessage="Back to homepage"
|
defaultMessage="Back to homepage"
|
||||||
description="button"
|
description="button"
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,13 @@
|
||||||
import saleorDarkLogoSmall from "@assets/images/logo-dark-small.svg";
|
import saleorDarkLogoSmall from "@assets/images/logo-dark-small.svg";
|
||||||
import plusIcon from "@assets/images/plus-icon.svg";
|
import plusIcon from "@assets/images/plus-icon.svg";
|
||||||
import { Button, Card, CardContent, Grid, Typography } from "@material-ui/core";
|
import { Card, CardContent, Grid, Typography } from "@material-ui/core";
|
||||||
import CardSpacer from "@saleor/components/CardSpacer";
|
import CardSpacer from "@saleor/components/CardSpacer";
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
import Hr from "@saleor/components/Hr";
|
import Hr from "@saleor/components/Hr";
|
||||||
import Skeleton from "@saleor/components/Skeleton";
|
import Skeleton from "@saleor/components/Skeleton";
|
||||||
import { buttonMessages } from "@saleor/intl";
|
import { buttonMessages } from "@saleor/intl";
|
||||||
|
import { Button } from "@saleor/macaw-ui";
|
||||||
import classNames from "classnames";
|
import classNames from "classnames";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
@ -127,24 +128,16 @@ export const AppInstallPage: React.FC<AppInstallPageProps> = ({
|
||||||
<CardSpacer />
|
<CardSpacer />
|
||||||
<Grid container justify="space-between">
|
<Grid container justify="space-between">
|
||||||
<Grid xs={6} item>
|
<Grid xs={6} item>
|
||||||
<Button
|
<Button variant="secondary" onClick={navigateToAppsList}>
|
||||||
variant="outlined"
|
<FormattedMessage {...buttonMessages.cancel} />
|
||||||
color="primary"
|
|
||||||
onClick={navigateToAppsList}
|
|
||||||
>
|
|
||||||
<Typography color="primary">
|
|
||||||
<FormattedMessage {...buttonMessages.cancel} />
|
|
||||||
</Typography>
|
|
||||||
</Button>
|
</Button>
|
||||||
</Grid>
|
</Grid>
|
||||||
<Grid xs={6} item className={classes.alignRight}>
|
<Grid xs={6} item className={classes.alignRight}>
|
||||||
<Button variant="contained" color="primary" onClick={onSubmit}>
|
<Button variant="primary" onClick={onSubmit}>
|
||||||
<Typography className={classes.installText}>
|
<FormattedMessage
|
||||||
<FormattedMessage
|
defaultMessage="Install App"
|
||||||
defaultMessage="Install App"
|
description="install button"
|
||||||
description="install button"
|
/>
|
||||||
/>
|
|
||||||
</Typography>
|
|
||||||
</Button>
|
</Button>
|
||||||
</Grid>
|
</Grid>
|
||||||
</Grid>
|
</Grid>
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,16 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
Card,
|
||||||
CircularProgress as Progress,
|
CircularProgress as Progress,
|
||||||
IconButton,
|
|
||||||
TableBody,
|
TableBody,
|
||||||
TableCell,
|
TableCell,
|
||||||
TableRow,
|
TableRow,
|
||||||
Tooltip,
|
Tooltip,
|
||||||
Typography
|
Typography
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
|
||||||
import ErrorIcon from "@material-ui/icons/Error";
|
import ErrorIcon from "@material-ui/icons/Error";
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
|
import { DeleteIcon, ResponsiveTable } from "@saleor/macaw-ui";
|
||||||
|
import { Button, IconButton } from "@saleor/macaw-ui";
|
||||||
import { renderCollection, stopPropagation } from "@saleor/misc";
|
import { renderCollection, stopPropagation } from "@saleor/misc";
|
||||||
import classNames from "classnames";
|
import classNames from "classnames";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
@ -19,7 +19,6 @@ import { FormattedMessage, useIntl } from "react-intl";
|
||||||
import { JobStatusEnum } from "../../../types/globalTypes";
|
import { JobStatusEnum } from "../../../types/globalTypes";
|
||||||
import { useStyles } from "../../styles";
|
import { useStyles } from "../../styles";
|
||||||
import { AppsInstallations_appsInstallations } from "../../types/AppsInstallations";
|
import { AppsInstallations_appsInstallations } from "../../types/AppsInstallations";
|
||||||
import CardContainer from "../CardContainer";
|
|
||||||
|
|
||||||
export interface AppsInProgressProps {
|
export interface AppsInProgressProps {
|
||||||
appsList: AppsInstallations_appsInstallations[];
|
appsList: AppsInstallations_appsInstallations[];
|
||||||
|
|
@ -39,79 +38,79 @@ const AppsInProgress: React.FC<AppsInProgressProps> = ({
|
||||||
const classes = useStyles(props);
|
const classes = useStyles(props);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<CardContainer
|
<Card>
|
||||||
header={
|
<CardTitle
|
||||||
<CardTitle
|
title={intl.formatMessage({
|
||||||
title={intl.formatMessage({
|
defaultMessage: "Ongoing Installations",
|
||||||
defaultMessage: "Ongoing Installations",
|
description: "section header"
|
||||||
description: "section header"
|
})}
|
||||||
})}
|
/>
|
||||||
/>
|
<ResponsiveTable>
|
||||||
}
|
<TableBody>
|
||||||
>
|
{renderCollection(appsList, ({ status, appName, id, message }) => (
|
||||||
<TableBody>
|
<TableRow key={id} className={classes.tableRow}>
|
||||||
{renderCollection(appsList, ({ status, appName, id, message }) => (
|
<TableCell className={classes.colName}>
|
||||||
<TableRow key={id} className={classes.tableRow}>
|
<span data-tc="name">{appName}</span>
|
||||||
<TableCell className={classes.colName}>
|
|
||||||
<span data-tc="name">{appName}</span>
|
|
||||||
</TableCell>
|
|
||||||
{status === JobStatusEnum.PENDING && (
|
|
||||||
<TableCell
|
|
||||||
className={classNames(
|
|
||||||
classes.colAction,
|
|
||||||
classes.colInstallAction
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
<Typography variant="body2" className={classes.text}>
|
|
||||||
<FormattedMessage
|
|
||||||
defaultMessage="Installing app..."
|
|
||||||
description="app installation"
|
|
||||||
/>
|
|
||||||
</Typography>
|
|
||||||
<div className={classes.colSpinner}>
|
|
||||||
<Progress size={20} />
|
|
||||||
</div>
|
|
||||||
</TableCell>
|
</TableCell>
|
||||||
)}
|
{status === JobStatusEnum.PENDING && (
|
||||||
{status === JobStatusEnum.FAILED && (
|
<TableCell
|
||||||
<TableCell
|
className={classNames(
|
||||||
className={classNames(
|
classes.colAction,
|
||||||
classes.colAction,
|
classes.colInstallAction
|
||||||
classes.colInstallAction
|
)}
|
||||||
)}
|
|
||||||
>
|
|
||||||
<Typography variant="body2" className={classes.error}>
|
|
||||||
<FormattedMessage
|
|
||||||
defaultMessage="There was a problem during installation"
|
|
||||||
description="app installation error"
|
|
||||||
/>
|
|
||||||
<Tooltip
|
|
||||||
title={<Typography variant="body2">{message}</Typography>}
|
|
||||||
classes={{
|
|
||||||
tooltip: classes.customTooltip
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<ErrorIcon />
|
|
||||||
</Tooltip>
|
|
||||||
</Typography>
|
|
||||||
<Button color="primary" onClick={() => onAppInstallRetry(id)}>
|
|
||||||
<FormattedMessage
|
|
||||||
defaultMessage="Retry"
|
|
||||||
description="retry installation"
|
|
||||||
/>
|
|
||||||
</Button>
|
|
||||||
<IconButton
|
|
||||||
color="primary"
|
|
||||||
onClick={stopPropagation(() => onRemove(id))}
|
|
||||||
>
|
>
|
||||||
<DeleteIcon />
|
<Typography variant="body2" className={classes.text}>
|
||||||
</IconButton>
|
<FormattedMessage
|
||||||
</TableCell>
|
defaultMessage="Installing app..."
|
||||||
)}
|
description="app installation"
|
||||||
</TableRow>
|
/>
|
||||||
))}
|
</Typography>
|
||||||
</TableBody>
|
<div className={classes.colSpinner}>
|
||||||
</CardContainer>
|
<Progress size={20} />
|
||||||
|
</div>
|
||||||
|
</TableCell>
|
||||||
|
)}
|
||||||
|
{status === JobStatusEnum.FAILED && (
|
||||||
|
<TableCell
|
||||||
|
className={classNames(
|
||||||
|
classes.colAction,
|
||||||
|
classes.colInstallAction
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
<Typography variant="body2" className={classes.error}>
|
||||||
|
<FormattedMessage
|
||||||
|
defaultMessage="There was a problem during installation"
|
||||||
|
description="app installation error"
|
||||||
|
/>
|
||||||
|
<Tooltip
|
||||||
|
title={<Typography variant="body2">{message}</Typography>}
|
||||||
|
classes={{
|
||||||
|
tooltip: classes.customTooltip
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<ErrorIcon />
|
||||||
|
</Tooltip>
|
||||||
|
</Typography>
|
||||||
|
<Button onClick={() => onAppInstallRetry(id)}>
|
||||||
|
<FormattedMessage
|
||||||
|
defaultMessage="Retry"
|
||||||
|
description="retry installation"
|
||||||
|
/>
|
||||||
|
</Button>
|
||||||
|
<IconButton
|
||||||
|
variant="secondary"
|
||||||
|
color="primary"
|
||||||
|
onClick={stopPropagation(() => onRemove(id))}
|
||||||
|
>
|
||||||
|
<DeleteIcon />
|
||||||
|
</IconButton>
|
||||||
|
</TableCell>
|
||||||
|
)}
|
||||||
|
</TableRow>
|
||||||
|
))}
|
||||||
|
</TableBody>
|
||||||
|
</ResponsiveTable>
|
||||||
|
</Card>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
import CardSpacer from "@saleor/components/CardSpacer";
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
import PageHeader from "@saleor/components/PageHeader";
|
import PageHeader from "@saleor/components/PageHeader";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
|
|
@ -48,12 +49,15 @@ const AppsListPage: React.FC<AppsListPageProps> = ({
|
||||||
<Container>
|
<Container>
|
||||||
<PageHeader title={intl.formatMessage(sectionNames.apps)} />
|
<PageHeader title={intl.formatMessage(sectionNames.apps)} />
|
||||||
{!!appsInProgress?.length && (
|
{!!appsInProgress?.length && (
|
||||||
<AppsInProgress
|
<>
|
||||||
appsList={appsInProgress}
|
<AppsInProgress
|
||||||
disabled={loadingAppsInProgress}
|
appsList={appsInProgress}
|
||||||
onAppInstallRetry={onAppInstallRetry}
|
disabled={loadingAppsInProgress}
|
||||||
onRemove={onAppInProgressRemove}
|
onAppInstallRetry={onAppInstallRetry}
|
||||||
/>
|
onRemove={onAppInProgressRemove}
|
||||||
|
/>
|
||||||
|
<CardSpacer />
|
||||||
|
</>
|
||||||
)}
|
)}
|
||||||
<InstalledApps
|
<InstalledApps
|
||||||
appsList={installedAppsList}
|
appsList={installedAppsList}
|
||||||
|
|
@ -61,12 +65,14 @@ const AppsListPage: React.FC<AppsListPageProps> = ({
|
||||||
onSettingsRowClick={onSettingsRowClick}
|
onSettingsRowClick={onSettingsRowClick}
|
||||||
{...listProps}
|
{...listProps}
|
||||||
/>
|
/>
|
||||||
|
<CardSpacer />
|
||||||
<CustomApps
|
<CustomApps
|
||||||
appsList={customAppsList}
|
appsList={customAppsList}
|
||||||
navigateToCustomApp={navigateToCustomApp}
|
navigateToCustomApp={navigateToCustomApp}
|
||||||
navigateToCustomAppCreate={navigateToCustomAppCreate}
|
navigateToCustomAppCreate={navigateToCustomAppCreate}
|
||||||
onRemove={onCustomAppRemove}
|
onRemove={onCustomAppRemove}
|
||||||
/>
|
/>
|
||||||
|
<CardSpacer />
|
||||||
<Marketplace />
|
<Marketplace />
|
||||||
</Container>
|
</Container>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@ export const AppsSkeleton = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<TableRow className={classes.tableRow}>
|
<TableRow className={classes.tableRow}>
|
||||||
<TableCell className={classes.colName}>
|
<TableCell colSpan={2} className={classes.colName}>
|
||||||
<Skeleton />
|
<Skeleton />
|
||||||
</TableCell>
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import AccountPermissions from "@saleor/components/AccountPermissions";
|
import AccountPermissions from "@saleor/components/AccountPermissions";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
import Form from "@saleor/components/Form";
|
import Form from "@saleor/components/Form";
|
||||||
import Grid from "@saleor/components/Grid";
|
import Grid from "@saleor/components/Grid";
|
||||||
|
|
@ -8,6 +7,7 @@ import Savebar from "@saleor/components/Savebar";
|
||||||
import { ShopInfo_shop_permissions } from "@saleor/components/Shop/types/ShopInfo";
|
import { ShopInfo_shop_permissions } from "@saleor/components/Shop/types/ShopInfo";
|
||||||
import { AppErrorFragment } from "@saleor/fragments/types/AppErrorFragment";
|
import { AppErrorFragment } from "@saleor/fragments/types/AppErrorFragment";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import { Backlink } from "@saleor/macaw-ui";
|
import { Backlink } from "@saleor/macaw-ui";
|
||||||
import { PermissionEnum } from "@saleor/types/globalTypes";
|
import { PermissionEnum } from "@saleor/types/globalTypes";
|
||||||
import { getFormErrors } from "@saleor/utils/errors";
|
import { getFormErrors } from "@saleor/utils/errors";
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,8 @@
|
||||||
import {
|
import { Card, CardContent, Paper, Typography } from "@material-ui/core";
|
||||||
Button,
|
|
||||||
Card,
|
|
||||||
CardContent,
|
|
||||||
IconButton,
|
|
||||||
Paper,
|
|
||||||
Typography
|
|
||||||
} from "@material-ui/core";
|
|
||||||
import CloseIcon from "@material-ui/icons/Close";
|
import CloseIcon from "@material-ui/icons/Close";
|
||||||
import Link from "@saleor/components/Link";
|
import Link from "@saleor/components/Link";
|
||||||
import useClipboard from "@saleor/hooks/useClipboard";
|
import useClipboard from "@saleor/hooks/useClipboard";
|
||||||
|
import { Button, IconButton } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage } from "react-intl";
|
import { FormattedMessage } from "react-intl";
|
||||||
|
|
||||||
|
|
@ -48,7 +42,7 @@ const CustomAppDefaultToken: React.FC<CustomAppDefaultTokenProps> = props => {
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
<div className={classes.closeContainer}>
|
<div className={classes.closeContainer}>
|
||||||
<IconButton onClick={onTokenClose}>
|
<IconButton variant="secondary" onClick={onTokenClose}>
|
||||||
<CloseIcon />
|
<CloseIcon />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -58,11 +52,7 @@ const CustomAppDefaultToken: React.FC<CustomAppDefaultTokenProps> = props => {
|
||||||
<FormattedMessage defaultMessage="Generated Token" />
|
<FormattedMessage defaultMessage="Generated Token" />
|
||||||
</Typography>
|
</Typography>
|
||||||
<Typography>{token}</Typography>
|
<Typography>{token}</Typography>
|
||||||
<Button
|
<Button className={classes.copy} onClick={() => copy(token)}>
|
||||||
className={classes.copy}
|
|
||||||
color="primary"
|
|
||||||
onClick={() => copy(token)}
|
|
||||||
>
|
|
||||||
{copied ? (
|
{copied ? (
|
||||||
<FormattedMessage defaultMessage="Copied" description="button" />
|
<FormattedMessage defaultMessage="Copied" description="button" />
|
||||||
) : (
|
) : (
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,5 @@
|
||||||
import { Button } from "@material-ui/core";
|
|
||||||
import AccountPermissions from "@saleor/components/AccountPermissions";
|
import AccountPermissions from "@saleor/components/AccountPermissions";
|
||||||
import CardSpacer from "@saleor/components/CardSpacer";
|
import CardSpacer from "@saleor/components/CardSpacer";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
import Form from "@saleor/components/Form";
|
import Form from "@saleor/components/Form";
|
||||||
import Grid from "@saleor/components/Grid";
|
import Grid from "@saleor/components/Grid";
|
||||||
|
|
@ -11,7 +9,8 @@ import { ShopInfo_shop_permissions } from "@saleor/components/Shop/types/ShopInf
|
||||||
import { AppErrorFragment } from "@saleor/fragments/types/AppErrorFragment";
|
import { AppErrorFragment } from "@saleor/fragments/types/AppErrorFragment";
|
||||||
import { SubmitPromise } from "@saleor/hooks/useForm";
|
import { SubmitPromise } from "@saleor/hooks/useForm";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
import { Backlink } from "@saleor/macaw-ui";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
|
import { Backlink, Button } from "@saleor/macaw-ui";
|
||||||
import { PermissionEnum } from "@saleor/types/globalTypes";
|
import { PermissionEnum } from "@saleor/types/globalTypes";
|
||||||
import { getFormErrors } from "@saleor/utils/errors";
|
import { getFormErrors } from "@saleor/utils/errors";
|
||||||
import getAppErrorMessage from "@saleor/utils/errors/app";
|
import getAppErrorMessage from "@saleor/utils/errors/app";
|
||||||
|
|
@ -103,8 +102,7 @@ const CustomAppDetailsPage: React.FC<CustomAppDetailsPageProps> = props => {
|
||||||
</Backlink>
|
</Backlink>
|
||||||
<PageHeader title={app?.name}>
|
<PageHeader title={app?.name}>
|
||||||
<Button
|
<Button
|
||||||
variant="text"
|
variant="secondary"
|
||||||
color="primary"
|
|
||||||
className={classes.activateButton}
|
className={classes.activateButton}
|
||||||
disableFocusRipple
|
disableFocusRipple
|
||||||
onClick={data.isActive ? onAppDeactivateOpen : onAppActivateOpen}
|
onClick={data.isActive ? onAppDeactivateOpen : onAppActivateOpen}
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,14 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
|
||||||
Card,
|
Card,
|
||||||
IconButton,
|
|
||||||
TableBody,
|
TableBody,
|
||||||
TableCell,
|
TableCell,
|
||||||
TableHead,
|
TableHead,
|
||||||
TableRow
|
TableRow
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import ResponsiveTable from "@saleor/components/ResponsiveTable";
|
import ResponsiveTable from "@saleor/components/ResponsiveTable";
|
||||||
import Skeleton from "@saleor/components/Skeleton";
|
import Skeleton from "@saleor/components/Skeleton";
|
||||||
|
import { Button, DeleteIcon, IconButton } from "@saleor/macaw-ui";
|
||||||
import { renderCollection } from "@saleor/misc";
|
import { renderCollection } from "@saleor/misc";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
@ -39,7 +37,11 @@ const CustomAppTokens: React.FC<CustomAppTokensProps> = props => {
|
||||||
description: "header"
|
description: "header"
|
||||||
})}
|
})}
|
||||||
toolbar={
|
toolbar={
|
||||||
<Button color="primary" onClick={onCreate} data-test-id="createToken">
|
<Button
|
||||||
|
variant="secondary"
|
||||||
|
onClick={onCreate}
|
||||||
|
data-test-id="createToken"
|
||||||
|
>
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
defaultMessage="Create Token"
|
defaultMessage="Create Token"
|
||||||
description="button"
|
description="button"
|
||||||
|
|
@ -80,6 +82,7 @@ const CustomAppTokens: React.FC<CustomAppTokensProps> = props => {
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell className={classes.colActions}>
|
<TableCell className={classes.colActions}>
|
||||||
<IconButton
|
<IconButton
|
||||||
|
variant="secondary"
|
||||||
color="primary"
|
color="primary"
|
||||||
onClick={() => onDelete(token.id)}
|
onClick={() => onDelete(token.id)}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -1,22 +1,22 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
Card,
|
||||||
CardHeader,
|
|
||||||
IconButton,
|
|
||||||
TableBody,
|
TableBody,
|
||||||
TableCell,
|
TableCell,
|
||||||
TableRow,
|
TableRow,
|
||||||
Typography
|
Typography
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import { commonMessages } from "@saleor/intl";
|
import { commonMessages } from "@saleor/intl";
|
||||||
|
import { DeleteIcon, ResponsiveTable } from "@saleor/macaw-ui";
|
||||||
|
import { Button, IconButton } from "@saleor/macaw-ui";
|
||||||
import { renderCollection, stopPropagation } from "@saleor/misc";
|
import { renderCollection, stopPropagation } from "@saleor/misc";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
import { useIntl } from "react-intl";
|
||||||
import { FormattedMessage } from "react-intl";
|
import { FormattedMessage } from "react-intl";
|
||||||
|
|
||||||
import { useStyles } from "../../styles";
|
import { useStyles } from "../../styles";
|
||||||
import { AppsList_apps_edges } from "../../types/AppsList";
|
import { AppsList_apps_edges } from "../../types/AppsList";
|
||||||
import AppsSkeleton from "../AppsSkeleton";
|
import AppsSkeleton from "../AppsSkeleton";
|
||||||
import CardContainer from "../CardContainer";
|
|
||||||
import DeactivatedText from "../DeactivatedText";
|
import DeactivatedText from "../DeactivatedText";
|
||||||
|
|
||||||
export interface CustomAppsProps {
|
export interface CustomAppsProps {
|
||||||
|
|
@ -32,89 +32,78 @@ const CustomApps: React.FC<CustomAppsProps> = ({
|
||||||
onRemove,
|
onRemove,
|
||||||
navigateToCustomApp
|
navigateToCustomApp
|
||||||
}) => {
|
}) => {
|
||||||
|
const intl = useIntl();
|
||||||
const classes = useStyles({});
|
const classes = useStyles({});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<CardContainer
|
<Card className={classes.customApps}>
|
||||||
header={
|
<CardTitle
|
||||||
<>
|
toolbar={
|
||||||
<CardHeader
|
!!navigateToCustomAppCreate && (
|
||||||
className={classes.title}
|
<Button
|
||||||
action={
|
variant="secondary"
|
||||||
!!navigateToCustomAppCreate && (
|
onClick={navigateToCustomAppCreate}
|
||||||
<Button
|
data-test-id="createApp"
|
||||||
color="primary"
|
>
|
||||||
onClick={navigateToCustomAppCreate}
|
<FormattedMessage
|
||||||
data-test-id="createApp"
|
defaultMessage="Create App"
|
||||||
|
description="create app button"
|
||||||
|
/>
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
title={intl.formatMessage(commonMessages.customApps)}
|
||||||
|
/>
|
||||||
|
<ResponsiveTable>
|
||||||
|
<TableBody>
|
||||||
|
{renderCollection(
|
||||||
|
appsList,
|
||||||
|
(app, index) =>
|
||||||
|
app ? (
|
||||||
|
<TableRow
|
||||||
|
key={app.node.id}
|
||||||
|
className={classes.tableRow}
|
||||||
|
onClick={navigateToCustomApp(app.node.id)}
|
||||||
>
|
>
|
||||||
<FormattedMessage
|
<TableCell className={classes.colName}>
|
||||||
defaultMessage="Create App"
|
<span data-tc="name" className={classes.appName}>
|
||||||
description="create app button"
|
{app.node.name}
|
||||||
/>
|
</span>
|
||||||
</Button>
|
{!app.node.isActive && (
|
||||||
)
|
<div className={classes.statusWrapper}>
|
||||||
}
|
<DeactivatedText />
|
||||||
title={
|
</div>
|
||||||
<Typography
|
)}
|
||||||
className={classes.title}
|
</TableCell>
|
||||||
variant="h5"
|
<TableCell className={classes.colAction}>
|
||||||
component="span"
|
<IconButton
|
||||||
>
|
variant="secondary"
|
||||||
<FormattedMessage {...commonMessages.customApps} />
|
color="primary"
|
||||||
</Typography>
|
onClick={stopPropagation(() => onRemove(app.node.id))}
|
||||||
}
|
>
|
||||||
/>
|
<DeleteIcon />
|
||||||
<hr className={classes.hr} />
|
</IconButton>
|
||||||
</>
|
</TableCell>
|
||||||
}
|
</TableRow>
|
||||||
>
|
) : (
|
||||||
<TableBody>
|
<AppsSkeleton key={index} />
|
||||||
{renderCollection(
|
),
|
||||||
appsList,
|
() => (
|
||||||
(app, index) =>
|
<TableRow className={classes.tableRow}>
|
||||||
app ? (
|
|
||||||
<TableRow
|
|
||||||
key={app.node.id}
|
|
||||||
className={classes.tableRow}
|
|
||||||
onClick={navigateToCustomApp(app.node.id)}
|
|
||||||
>
|
|
||||||
<TableCell className={classes.colName}>
|
<TableCell className={classes.colName}>
|
||||||
<span data-tc="name" className={classes.appName}>
|
<Typography className={classes.text} variant="body2">
|
||||||
{app.node.name}
|
<FormattedMessage
|
||||||
</span>
|
defaultMessage="Your custom-created apps will be shown here."
|
||||||
{!app.node.isActive && (
|
description="custom apps content"
|
||||||
<div className={classes.statusWrapper}>
|
/>
|
||||||
<DeactivatedText />
|
</Typography>
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className={classes.colAction}>
|
|
||||||
<IconButton
|
|
||||||
color="primary"
|
|
||||||
onClick={stopPropagation(() => onRemove(app.node.id))}
|
|
||||||
>
|
|
||||||
<DeleteIcon />
|
|
||||||
</IconButton>
|
|
||||||
</TableCell>
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
) : (
|
)
|
||||||
<AppsSkeleton key={index} />
|
)}
|
||||||
),
|
</TableBody>
|
||||||
() => (
|
</ResponsiveTable>
|
||||||
<TableRow className={classes.tableRow}>
|
</Card>
|
||||||
<TableCell className={classes.colName}>
|
|
||||||
<Typography className={classes.text} variant="body2">
|
|
||||||
<FormattedMessage
|
|
||||||
defaultMessage="Your custom created apps will be shown here."
|
|
||||||
description="custom apps content"
|
|
||||||
/>
|
|
||||||
</Typography>
|
|
||||||
</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
)
|
|
||||||
)}
|
|
||||||
</TableBody>
|
|
||||||
</CardContainer>
|
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@ const HelperWrapper: React.FC<HelperWrapperProps> = ({ children }) => (
|
||||||
|
|
||||||
const Text: React.FC = () => <Typography>{"<- The spacer is here"}</Typography>;
|
const Text: React.FC = () => <Typography>{"<- The spacer is here"}</Typography>;
|
||||||
|
|
||||||
storiesOf("Generic / Horizontal Spacer", module)
|
storiesOf("Generics / Horizontal Spacer", module)
|
||||||
.addDecorator(Decorator)
|
.addDecorator(Decorator)
|
||||||
.add("without", () => (
|
.add("without", () => (
|
||||||
<HelperWrapper>
|
<HelperWrapper>
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,15 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
Card,
|
||||||
IconButton,
|
|
||||||
TableBody,
|
TableBody,
|
||||||
TableCell,
|
TableCell,
|
||||||
TableFooter,
|
TableFooter,
|
||||||
TableRow,
|
TableRow,
|
||||||
Typography
|
Typography
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import TablePagination from "@saleor/components/TablePagination";
|
import TablePagination from "@saleor/components/TablePagination";
|
||||||
|
import { DeleteIcon, ResponsiveTable } from "@saleor/macaw-ui";
|
||||||
|
import { Button, IconButton } from "@saleor/macaw-ui";
|
||||||
import { renderCollection, stopPropagation } from "@saleor/misc";
|
import { renderCollection, stopPropagation } from "@saleor/misc";
|
||||||
import { ListProps } from "@saleor/types";
|
import { ListProps } from "@saleor/types";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
@ -18,7 +18,6 @@ import { FormattedMessage, useIntl } from "react-intl";
|
||||||
import { useStyles } from "../../styles";
|
import { useStyles } from "../../styles";
|
||||||
import { AppsList_apps_edges } from "../../types/AppsList";
|
import { AppsList_apps_edges } from "../../types/AppsList";
|
||||||
import AppsSkeleton from "../AppsSkeleton";
|
import AppsSkeleton from "../AppsSkeleton";
|
||||||
import CardContainer from "../CardContainer";
|
|
||||||
import DeactivatedText from "../DeactivatedText";
|
import DeactivatedText from "../DeactivatedText";
|
||||||
|
|
||||||
export interface InstalledAppsProps extends ListProps {
|
export interface InstalledAppsProps extends ListProps {
|
||||||
|
|
@ -45,17 +44,14 @@ const InstalledApps: React.FC<InstalledAppsProps> = ({
|
||||||
const classes = useStyles(props);
|
const classes = useStyles(props);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<CardContainer
|
<Card className={classes.apps}>
|
||||||
header={
|
<CardTitle
|
||||||
<CardTitle
|
title={intl.formatMessage({
|
||||||
title={intl.formatMessage({
|
defaultMessage: "Third-party Apps",
|
||||||
defaultMessage: "Third-party Apps",
|
description: "section header"
|
||||||
description: "section header"
|
})}
|
||||||
})}
|
/>
|
||||||
/>
|
<ResponsiveTable>
|
||||||
}
|
|
||||||
>
|
|
||||||
<>
|
|
||||||
<TableFooter>
|
<TableFooter>
|
||||||
<TableRow>
|
<TableRow>
|
||||||
<TablePagination
|
<TablePagination
|
||||||
|
|
@ -92,16 +88,14 @@ const InstalledApps: React.FC<InstalledAppsProps> = ({
|
||||||
)}
|
)}
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell className={classes.colAction}>
|
<TableCell className={classes.colAction}>
|
||||||
<Button
|
<Button onClick={stopPropagation(onRowClick(app.node.id))}>
|
||||||
color="primary"
|
|
||||||
onClick={stopPropagation(onRowClick(app.node.id))}
|
|
||||||
>
|
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
defaultMessage="About"
|
defaultMessage="About"
|
||||||
description="about app"
|
description="about app"
|
||||||
/>
|
/>
|
||||||
</Button>
|
</Button>
|
||||||
<IconButton
|
<IconButton
|
||||||
|
variant="secondary"
|
||||||
color="primary"
|
color="primary"
|
||||||
onClick={stopPropagation(() => onRemove(app.node.id))}
|
onClick={stopPropagation(() => onRemove(app.node.id))}
|
||||||
>
|
>
|
||||||
|
|
@ -126,8 +120,8 @@ const InstalledApps: React.FC<InstalledAppsProps> = ({
|
||||||
)
|
)
|
||||||
)}
|
)}
|
||||||
</TableBody>
|
</TableBody>
|
||||||
</>
|
</ResponsiveTable>
|
||||||
</CardContainer>
|
</Card>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,20 +1,18 @@
|
||||||
import { Button, Card, CardContent, Typography } from "@material-ui/core";
|
import { Card, CardContent, Typography } from "@material-ui/core";
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
|
import { Button } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
import { useStyles } from "../../styles";
|
|
||||||
|
|
||||||
interface MarketplaceProps {
|
interface MarketplaceProps {
|
||||||
link?: () => void;
|
link?: () => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const Marketplace: React.FC<MarketplaceProps> = ({ link }) => {
|
const Marketplace: React.FC<MarketplaceProps> = ({ link }) => {
|
||||||
const intl = useIntl();
|
const intl = useIntl();
|
||||||
const classes = useStyles({});
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={classes.appContainer}>
|
<div>
|
||||||
<Card>
|
<Card>
|
||||||
<CardTitle
|
<CardTitle
|
||||||
title={intl.formatMessage({
|
title={intl.formatMessage({
|
||||||
|
|
@ -22,7 +20,7 @@ const Marketplace: React.FC<MarketplaceProps> = ({ link }) => {
|
||||||
description: "section header"
|
description: "section header"
|
||||||
})}
|
})}
|
||||||
/>
|
/>
|
||||||
<CardContent className={classes.marketplaceContent}>
|
<CardContent>
|
||||||
{!!link ? (
|
{!!link ? (
|
||||||
<>
|
<>
|
||||||
<Typography variant="body2">
|
<Typography variant="body2">
|
||||||
|
|
@ -31,7 +29,7 @@ const Marketplace: React.FC<MarketplaceProps> = ({ link }) => {
|
||||||
description="marketplace content"
|
description="marketplace content"
|
||||||
/>
|
/>
|
||||||
</Typography>
|
</Typography>
|
||||||
<Button color="primary" onClick={link}>
|
<Button onClick={link}>
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
defaultMessage="Visit Marketplace"
|
defaultMessage="Visit Marketplace"
|
||||||
description="marketplace button"
|
description="marketplace button"
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogActions,
|
DialogActions,
|
||||||
DialogContent,
|
DialogContent,
|
||||||
|
|
@ -8,14 +7,14 @@ import {
|
||||||
TextField,
|
TextField,
|
||||||
Typography
|
Typography
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
|
import BackButton from "@saleor/components/BackButton";
|
||||||
import CardSpacer from "@saleor/components/CardSpacer";
|
import CardSpacer from "@saleor/components/CardSpacer";
|
||||||
import ConfirmButton, {
|
import ConfirmButton from "@saleor/components/ConfirmButton";
|
||||||
ConfirmButtonTransitionState
|
|
||||||
} from "@saleor/components/ConfirmButton";
|
|
||||||
import Form from "@saleor/components/Form";
|
import Form from "@saleor/components/Form";
|
||||||
import FormSpacer from "@saleor/components/FormSpacer";
|
import FormSpacer from "@saleor/components/FormSpacer";
|
||||||
import useModalDialogOpen from "@saleor/hooks/useModalDialogOpen";
|
import useModalDialogOpen from "@saleor/hooks/useModalDialogOpen";
|
||||||
import { buttonMessages } from "@saleor/intl";
|
import { buttonMessages } from "@saleor/intl";
|
||||||
|
import { Button, ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
@ -94,7 +93,6 @@ const TokenCreateDialog: React.FC<TokenCreateDialogProps> = props => {
|
||||||
</Typography>
|
</Typography>
|
||||||
<Button
|
<Button
|
||||||
className={classes.copy}
|
className={classes.copy}
|
||||||
color="primary"
|
|
||||||
onClick={() => handleCopy(token)}
|
onClick={() => handleCopy(token)}
|
||||||
>
|
>
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
|
|
@ -109,13 +107,7 @@ const TokenCreateDialog: React.FC<TokenCreateDialogProps> = props => {
|
||||||
<DialogActions>
|
<DialogActions>
|
||||||
{step === "form" ? (
|
{step === "form" ? (
|
||||||
<>
|
<>
|
||||||
<Button
|
<BackButton className={classes.cancel} onClick={onClose} />
|
||||||
className={classes.cancel}
|
|
||||||
color="primary"
|
|
||||||
onClick={onClose}
|
|
||||||
>
|
|
||||||
<FormattedMessage {...buttonMessages.back} />
|
|
||||||
</Button>
|
|
||||||
<ConfirmButton
|
<ConfirmButton
|
||||||
data-test="submit"
|
data-test="submit"
|
||||||
transitionState={confirmButtonState}
|
transitionState={confirmButtonState}
|
||||||
|
|
@ -128,12 +120,7 @@ const TokenCreateDialog: React.FC<TokenCreateDialogProps> = props => {
|
||||||
</ConfirmButton>
|
</ConfirmButton>
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
<Button
|
<Button variant="primary" onClick={onClose} data-test-id="done">
|
||||||
color="primary"
|
|
||||||
variant="contained"
|
|
||||||
onClick={onClose}
|
|
||||||
data-test-id="done"
|
|
||||||
>
|
|
||||||
<FormattedMessage {...buttonMessages.done} />
|
<FormattedMessage {...buttonMessages.done} />
|
||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
import { DialogContentText } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -12,8 +12,8 @@ export const useStyles = makeStyles(
|
||||||
alignRight: {
|
alignRight: {
|
||||||
textAlign: "right"
|
textAlign: "right"
|
||||||
},
|
},
|
||||||
appContainer: {
|
apps: {
|
||||||
marginBottom: theme.spacing(3)
|
marginBottom: theme.spacing(4)
|
||||||
},
|
},
|
||||||
appContent: {
|
appContent: {
|
||||||
"&:last-child": {
|
"&:last-child": {
|
||||||
|
|
@ -37,7 +37,7 @@ export const useStyles = makeStyles(
|
||||||
},
|
},
|
||||||
colAction: {
|
colAction: {
|
||||||
"&&": {
|
"&&": {
|
||||||
paddingRight: theme.spacing(1),
|
paddingRight: theme.spacing(3),
|
||||||
textAlign: "right"
|
textAlign: "right"
|
||||||
},
|
},
|
||||||
textAlign: "right"
|
textAlign: "right"
|
||||||
|
|
@ -58,6 +58,9 @@ export const useStyles = makeStyles(
|
||||||
paddingLeft: theme.spacing(3),
|
paddingLeft: theme.spacing(3),
|
||||||
paddingRight: theme.spacing(2)
|
paddingRight: theme.spacing(2)
|
||||||
},
|
},
|
||||||
|
customApps: {
|
||||||
|
marginBottom: theme.spacing(4)
|
||||||
|
},
|
||||||
customTooltip: {
|
customTooltip: {
|
||||||
"& > div": {
|
"& > div": {
|
||||||
backgroundColor: theme.palette.error.main,
|
backgroundColor: theme.palette.error.main,
|
||||||
|
|
@ -77,10 +80,14 @@ export const useStyles = makeStyles(
|
||||||
margin: theme.spacing(0, 1, 0.7, 0)
|
margin: theme.spacing(0, 1, 0.7, 0)
|
||||||
},
|
},
|
||||||
headerLinkContainer: {
|
headerLinkContainer: {
|
||||||
|
"& svg": {
|
||||||
|
marginRight: theme.spacing()
|
||||||
|
},
|
||||||
"& span": {
|
"& span": {
|
||||||
fontWeight: 500
|
fontWeight: 500
|
||||||
},
|
},
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
|
color: theme.palette.text.primary,
|
||||||
display: "flex",
|
display: "flex",
|
||||||
fontSize: theme.spacing(2),
|
fontSize: theme.spacing(2),
|
||||||
fontWeight: 500,
|
fontWeight: 500,
|
||||||
|
|
@ -143,7 +150,8 @@ export const useStyles = makeStyles(
|
||||||
color: theme.palette.primary.main,
|
color: theme.palette.primary.main,
|
||||||
textDecoration: "none"
|
textDecoration: "none"
|
||||||
},
|
},
|
||||||
color: theme.palette.text.hint
|
color: theme.palette.text.hint,
|
||||||
|
marginTop: theme.spacing(1)
|
||||||
},
|
},
|
||||||
installSaleorIcon: {
|
installSaleorIcon: {
|
||||||
backgroundColor: theme.palette.secondary.main,
|
backgroundColor: theme.palette.secondary.main,
|
||||||
|
|
@ -194,11 +202,6 @@ export const useStyles = makeStyles(
|
||||||
text: {
|
text: {
|
||||||
color: theme.palette.text.secondary
|
color: theme.palette.text.secondary
|
||||||
},
|
},
|
||||||
title: {
|
|
||||||
flex: 1,
|
|
||||||
fontWeight: 500,
|
|
||||||
lineHeight: 1
|
|
||||||
},
|
|
||||||
activateButton: {
|
activateButton: {
|
||||||
"& img": {
|
"& img": {
|
||||||
marginRight: theme.spacing(1)
|
marginRight: theme.spacing(1)
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
import { DialogContentText } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
import { DialogContentText } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
import { Button, Card } from "@material-ui/core";
|
import { Card } from "@material-ui/core";
|
||||||
import { AttributeListUrlSortField } from "@saleor/attributes/urls";
|
import { AttributeListUrlSortField } from "@saleor/attributes/urls";
|
||||||
import FilterBar from "@saleor/components/FilterBar";
|
import FilterBar from "@saleor/components/FilterBar";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
import { Backlink } from "@saleor/macaw-ui";
|
import { Backlink, Button } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
@ -60,8 +60,7 @@ const AttributeListPage: React.FC<AttributeListPageProps> = ({
|
||||||
<PageHeader title={intl.formatMessage(sectionNames.attributes)}>
|
<PageHeader title={intl.formatMessage(sectionNames.attributes)}>
|
||||||
<Button
|
<Button
|
||||||
onClick={onAdd}
|
onClick={onAdd}
|
||||||
color="primary"
|
variant="primary"
|
||||||
variant="contained"
|
|
||||||
data-test-id="createAttributeButton"
|
data-test-id="createAttributeButton"
|
||||||
>
|
>
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
import { AttributeDetails_attribute_choices } from "@saleor/attributes/types/AttributeDetails";
|
import { AttributeDetails_attribute_choices } from "@saleor/attributes/types/AttributeDetails";
|
||||||
import { ATTRIBUTE_TYPES_WITH_DEDICATED_VALUES } from "@saleor/attributes/utils/data";
|
import { ATTRIBUTE_TYPES_WITH_DEDICATED_VALUES } from "@saleor/attributes/utils/data";
|
||||||
import CardSpacer from "@saleor/components/CardSpacer";
|
import CardSpacer from "@saleor/components/CardSpacer";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
import Form from "@saleor/components/Form";
|
import Form from "@saleor/components/Form";
|
||||||
import Grid from "@saleor/components/Grid";
|
import Grid from "@saleor/components/Grid";
|
||||||
|
|
@ -13,6 +12,7 @@ import { ListSettingsUpdate } from "@saleor/components/TablePagination";
|
||||||
import { AttributeDetailsFragment } from "@saleor/fragments/types/AttributeDetailsFragment";
|
import { AttributeDetailsFragment } from "@saleor/fragments/types/AttributeDetailsFragment";
|
||||||
import { AttributeErrorFragment } from "@saleor/fragments/types/AttributeErrorFragment";
|
import { AttributeErrorFragment } from "@saleor/fragments/types/AttributeErrorFragment";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import { Backlink } from "@saleor/macaw-ui";
|
import { Backlink } from "@saleor/macaw-ui";
|
||||||
import { maybe } from "@saleor/misc";
|
import { maybe } from "@saleor/misc";
|
||||||
import { ListSettings, ReorderAction } from "@saleor/types";
|
import { ListSettings, ReorderAction } from "@saleor/types";
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
import { DialogContentText } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogActions,
|
DialogActions,
|
||||||
DialogContent,
|
DialogContent,
|
||||||
|
|
@ -7,13 +6,13 @@ import {
|
||||||
TextField
|
TextField
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
import { getAttributeValueErrorMessage } from "@saleor/attributes/errors";
|
import { getAttributeValueErrorMessage } from "@saleor/attributes/errors";
|
||||||
import ConfirmButton, {
|
import BackButton from "@saleor/components/BackButton";
|
||||||
ConfirmButtonTransitionState
|
import ConfirmButton from "@saleor/components/ConfirmButton";
|
||||||
} from "@saleor/components/ConfirmButton";
|
|
||||||
import Form from "@saleor/components/Form";
|
import Form from "@saleor/components/Form";
|
||||||
import { AttributeErrorFragment } from "@saleor/fragments/types/AttributeErrorFragment";
|
import { AttributeErrorFragment } from "@saleor/fragments/types/AttributeErrorFragment";
|
||||||
import useModalDialogErrors from "@saleor/hooks/useModalDialogErrors";
|
import useModalDialogErrors from "@saleor/hooks/useModalDialogErrors";
|
||||||
import { buttonMessages } from "@saleor/intl";
|
import { buttonMessages } from "@saleor/intl";
|
||||||
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import { AttributeInputTypeEnum } from "@saleor/types/globalTypes";
|
import { AttributeInputTypeEnum } from "@saleor/types/globalTypes";
|
||||||
import { getFormErrors } from "@saleor/utils/errors";
|
import { getFormErrors } from "@saleor/utils/errors";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
@ -107,14 +106,10 @@ const AttributeValueEditDialog: React.FC<AttributeValueEditDialogProps> = ({
|
||||||
)}
|
)}
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
<DialogActions>
|
<DialogActions>
|
||||||
<Button onClick={onClose}>
|
<BackButton onClick={onClose} />
|
||||||
<FormattedMessage {...buttonMessages.back} />
|
|
||||||
</Button>
|
|
||||||
<ConfirmButton
|
<ConfirmButton
|
||||||
data-test="submit"
|
data-test="submit"
|
||||||
transitionState={confirmButtonState}
|
transitionState={confirmButtonState}
|
||||||
color="primary"
|
|
||||||
variant="contained"
|
|
||||||
onClick={submit}
|
onClick={submit}
|
||||||
>
|
>
|
||||||
<FormattedMessage {...buttonMessages.save} />
|
<FormattedMessage {...buttonMessages.save} />
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,10 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
|
||||||
Card,
|
Card,
|
||||||
IconButton,
|
|
||||||
TableCell,
|
TableCell,
|
||||||
TableFooter,
|
TableFooter,
|
||||||
TableHead,
|
TableHead,
|
||||||
TableRow
|
TableRow
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import ResponsiveTable from "@saleor/components/ResponsiveTable";
|
import ResponsiveTable from "@saleor/components/ResponsiveTable";
|
||||||
import Skeleton from "@saleor/components/Skeleton";
|
import Skeleton from "@saleor/components/Skeleton";
|
||||||
|
|
@ -17,7 +14,7 @@ import {
|
||||||
} from "@saleor/components/SortableTable";
|
} from "@saleor/components/SortableTable";
|
||||||
import TablePagination from "@saleor/components/TablePagination";
|
import TablePagination from "@saleor/components/TablePagination";
|
||||||
import { AttributeValueListFragment_edges_node } from "@saleor/fragments/types/AttributeValueListFragment";
|
import { AttributeValueListFragment_edges_node } from "@saleor/fragments/types/AttributeValueListFragment";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
import { Button, DeleteIcon, IconButton, makeStyles } from "@saleor/macaw-ui";
|
||||||
import { renderCollection, stopPropagation } from "@saleor/misc";
|
import { renderCollection, stopPropagation } from "@saleor/misc";
|
||||||
import { ListProps, ReorderAction } from "@saleor/types";
|
import { ListProps, ReorderAction } from "@saleor/types";
|
||||||
import { AttributeInputTypeEnum } from "@saleor/types/globalTypes";
|
import { AttributeInputTypeEnum } from "@saleor/types/globalTypes";
|
||||||
|
|
@ -53,10 +50,7 @@ const useStyles = makeStyles(
|
||||||
cursor: "grab"
|
cursor: "grab"
|
||||||
},
|
},
|
||||||
iconCell: {
|
iconCell: {
|
||||||
"&:last-child": {
|
width: 84
|
||||||
paddingRight: theme.spacing()
|
|
||||||
},
|
|
||||||
width: 80
|
|
||||||
},
|
},
|
||||||
link: {
|
link: {
|
||||||
cursor: "pointer"
|
cursor: "pointer"
|
||||||
|
|
@ -101,8 +95,8 @@ const AttributeValues: React.FC<AttributeValuesProps> = ({
|
||||||
})}
|
})}
|
||||||
toolbar={
|
toolbar={
|
||||||
<Button
|
<Button
|
||||||
color="primary"
|
disabled={disabled}
|
||||||
variant="text"
|
variant="tertiary"
|
||||||
onClick={onValueAdd}
|
onClick={onValueAdd}
|
||||||
data-test-id="assignValueButton"
|
data-test-id="assignValueButton"
|
||||||
>
|
>
|
||||||
|
|
@ -187,10 +181,11 @@ const AttributeValues: React.FC<AttributeValuesProps> = ({
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell className={classes.iconCell}>
|
<TableCell className={classes.iconCell}>
|
||||||
<IconButton
|
<IconButton
|
||||||
|
variant="secondary"
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
onClick={stopPropagation(() => onValueDelete(value.id))}
|
onClick={stopPropagation(() => onValueDelete(value.id))}
|
||||||
>
|
>
|
||||||
<DeleteIcon color="primary" />
|
<DeleteIcon />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</TableCell>
|
</TableCell>
|
||||||
</SortableTableRow>
|
</SortableTableRow>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,3 @@
|
||||||
import { IconButton } from "@material-ui/core";
|
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
|
||||||
import {
|
import {
|
||||||
deleteFilterTab,
|
deleteFilterTab,
|
||||||
getActiveFilters,
|
getActiveFilters,
|
||||||
|
|
@ -19,6 +17,7 @@ import useNotifier from "@saleor/hooks/useNotifier";
|
||||||
import usePaginator, {
|
import usePaginator, {
|
||||||
createPaginationState
|
createPaginationState
|
||||||
} from "@saleor/hooks/usePaginator";
|
} from "@saleor/hooks/usePaginator";
|
||||||
|
import { DeleteIcon, IconButton } from "@saleor/macaw-ui";
|
||||||
import createDialogActionHandlers from "@saleor/utils/handlers/dialogActionHandlers";
|
import createDialogActionHandlers from "@saleor/utils/handlers/dialogActionHandlers";
|
||||||
import createFilterHandlers from "@saleor/utils/handlers/filterHandlers";
|
import createFilterHandlers from "@saleor/utils/handlers/filterHandlers";
|
||||||
import createSortHandler from "@saleor/utils/handlers/sortHandler";
|
import createSortHandler from "@saleor/utils/handlers/sortHandler";
|
||||||
|
|
@ -169,6 +168,7 @@ const AttributeList: React.FC<AttributeListProps> = ({ params }) => {
|
||||||
toggleAll={toggleAll}
|
toggleAll={toggleAll}
|
||||||
toolbar={
|
toolbar={
|
||||||
<IconButton
|
<IconButton
|
||||||
|
variant="secondary"
|
||||||
color="primary"
|
color="primary"
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
openModal("remove", {
|
openModal("remove", {
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,10 @@ import SVG from "react-inlinesvg";
|
||||||
|
|
||||||
const useStyles = makeStyles(
|
const useStyles = makeStyles(
|
||||||
theme => ({
|
theme => ({
|
||||||
|
footer: {
|
||||||
|
position: "absolute",
|
||||||
|
bottom: theme.spacing(4)
|
||||||
|
},
|
||||||
logo: {
|
logo: {
|
||||||
display: "block",
|
display: "block",
|
||||||
height: 40,
|
height: 40,
|
||||||
|
|
@ -22,7 +26,7 @@ const useStyles = makeStyles(
|
||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
height: "100vh",
|
height: "100vh",
|
||||||
justifyContent: "center",
|
justifyContent: "center",
|
||||||
padding: theme.spacing(6),
|
padding: theme.spacing(5, 6, 4, 6),
|
||||||
width: "100%"
|
width: "100%"
|
||||||
},
|
},
|
||||||
mainPanelContent: {
|
mainPanelContent: {
|
||||||
|
|
@ -33,27 +37,30 @@ const useStyles = makeStyles(
|
||||||
width: 328
|
width: 328
|
||||||
},
|
},
|
||||||
"@media (min-width: 1440px)": {
|
"@media (min-width: 1440px)": {
|
||||||
width: 464
|
width: 380
|
||||||
},
|
},
|
||||||
margin: "auto",
|
margin: "auto",
|
||||||
width: "100%"
|
width: "100%"
|
||||||
},
|
},
|
||||||
root: {
|
root: {
|
||||||
[theme.breakpoints.up("lg")]: {
|
[theme.breakpoints.up("lg")]: {
|
||||||
gridTemplateColumns: "376px 1fr"
|
gridTemplateColumns: "560px 1fr"
|
||||||
},
|
},
|
||||||
"@media (min-width: 1440px)": {
|
"@media (min-width: 1440px)": {
|
||||||
gridTemplateColumns: "520px 1fr"
|
gridTemplateColumns: "780px 1fr"
|
||||||
},
|
},
|
||||||
display: "grid",
|
display: "grid",
|
||||||
gridTemplateColumns: "1fr",
|
gridTemplateColumns: "1fr",
|
||||||
|
gap: theme.spacing(3),
|
||||||
height: "100vh",
|
height: "100vh",
|
||||||
overflow: "hidden",
|
overflow: "hidden",
|
||||||
|
position: "relative",
|
||||||
width: "100vw"
|
width: "100vw"
|
||||||
},
|
},
|
||||||
sidebar: {
|
sidebar: {
|
||||||
[theme.breakpoints.up("lg")]: {
|
[theme.breakpoints.up("lg")]: {
|
||||||
display: "block"
|
alignItems: "center",
|
||||||
|
display: "flex"
|
||||||
},
|
},
|
||||||
display: "none"
|
display: "none"
|
||||||
},
|
},
|
||||||
|
|
@ -76,18 +83,19 @@ const Layout: React.FC = props => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={classes.root}>
|
<div className={classes.root}>
|
||||||
|
<div className={classes.mainPanel}>
|
||||||
|
<SVG
|
||||||
|
className={classes.logo}
|
||||||
|
src={themeType === "dark" ? saleorDarkLogo : saleorLightLogo}
|
||||||
|
/>
|
||||||
|
<div className={classes.mainPanelContent}>{children}</div>
|
||||||
|
<footer className={classes.footer}>
|
||||||
|
©2021 Saleor Commerce. All rights reserved
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
<div className={classes.sidebar}>
|
<div className={classes.sidebar}>
|
||||||
<SVG className={classes.sidebarArt} src={backgroundArt} />
|
<SVG className={classes.sidebarArt} src={backgroundArt} />
|
||||||
</div>
|
</div>
|
||||||
<div className={classes.mainPanel}>
|
|
||||||
<div className={classes.mainPanelContent}>
|
|
||||||
<SVG
|
|
||||||
className={classes.logo}
|
|
||||||
src={themeType === "dark" ? saleorDarkLogo : saleorLightLogo}
|
|
||||||
/>
|
|
||||||
{children}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
|
||||||
CircularProgress,
|
CircularProgress,
|
||||||
Divider,
|
Divider,
|
||||||
TextField,
|
TextField,
|
||||||
|
|
@ -10,46 +9,14 @@ import { AvailableExternalAuthentications_shop_availableExternalAuthentications
|
||||||
import { FormSpacer } from "@saleor/components/FormSpacer";
|
import { FormSpacer } from "@saleor/components/FormSpacer";
|
||||||
import { SubmitPromise } from "@saleor/hooks/useForm";
|
import { SubmitPromise } from "@saleor/hooks/useForm";
|
||||||
import { commonMessages } from "@saleor/intl";
|
import { commonMessages } from "@saleor/intl";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
import { Button, EyeIcon, IconButton } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
import useStyles from "../styles";
|
||||||
import LoginForm, { LoginFormData } from "./form";
|
import LoginForm, { LoginFormData } from "./form";
|
||||||
import { getErrorMessage } from "./messages";
|
import { getErrorMessage } from "./messages";
|
||||||
|
|
||||||
const useStyles = makeStyles(
|
|
||||||
theme => ({
|
|
||||||
buttonContainer: {
|
|
||||||
display: "flex",
|
|
||||||
justifyContent: "flex-end"
|
|
||||||
},
|
|
||||||
link: {
|
|
||||||
color: theme.palette.primary.main,
|
|
||||||
cursor: "pointer",
|
|
||||||
textDecoration: "underline"
|
|
||||||
},
|
|
||||||
loading: {
|
|
||||||
alignItems: "center",
|
|
||||||
display: "flex",
|
|
||||||
minHeight: "80vh",
|
|
||||||
justifyContent: "center"
|
|
||||||
},
|
|
||||||
loginButton: {
|
|
||||||
width: 140
|
|
||||||
},
|
|
||||||
panel: {
|
|
||||||
"& span": {
|
|
||||||
color: theme.palette.error.contrastText
|
|
||||||
},
|
|
||||||
background: theme.palette.error.main,
|
|
||||||
borderRadius: theme.spacing(),
|
|
||||||
marginBottom: theme.spacing(3),
|
|
||||||
padding: theme.spacing(1.5)
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
{ name: "LoginCard" }
|
|
||||||
);
|
|
||||||
|
|
||||||
export interface LoginCardProps {
|
export interface LoginCardProps {
|
||||||
error?: UserContextError;
|
error?: UserContextError;
|
||||||
disabled: boolean;
|
disabled: boolean;
|
||||||
|
|
@ -73,6 +40,7 @@ const LoginCard: React.FC<LoginCardProps> = props => {
|
||||||
|
|
||||||
const classes = useStyles(props);
|
const classes = useStyles(props);
|
||||||
const intl = useIntl();
|
const intl = useIntl();
|
||||||
|
const [showPassword, setShowPassword] = React.useState(false);
|
||||||
|
|
||||||
if (loading) {
|
if (loading) {
|
||||||
return (
|
return (
|
||||||
|
|
@ -84,13 +52,17 @@ const LoginCard: React.FC<LoginCardProps> = props => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<LoginForm onSubmit={onSubmit}>
|
<LoginForm onSubmit={onSubmit}>
|
||||||
{({ change: handleChange, data }) => (
|
{({ change: handleChange, data, submit }) => (
|
||||||
<>
|
<>
|
||||||
|
<Typography variant="h3" className={classes.header}>
|
||||||
|
<FormattedMessage
|
||||||
|
defaultMessage="Sign In"
|
||||||
|
description="card header"
|
||||||
|
/>
|
||||||
|
</Typography>
|
||||||
{error && (
|
{error && (
|
||||||
<div className={classes.panel} data-test="loginErrorMessage">
|
<div className={classes.panel} data-test="loginErrorMessage">
|
||||||
<Typography variant="caption">
|
{getErrorMessage(error, intl)}
|
||||||
{getErrorMessage(error, intl)}
|
|
||||||
</Typography>
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<TextField
|
<TextField
|
||||||
|
|
@ -107,55 +79,56 @@ const LoginCard: React.FC<LoginCardProps> = props => {
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
/>
|
/>
|
||||||
<FormSpacer />
|
<FormSpacer />
|
||||||
<TextField
|
<div className={classes.passwordWrapper}>
|
||||||
fullWidth
|
<TextField
|
||||||
autoComplete="password"
|
fullWidth
|
||||||
label={intl.formatMessage({
|
autoComplete="password"
|
||||||
defaultMessage: "Password"
|
label={intl.formatMessage({
|
||||||
})}
|
defaultMessage: "Password"
|
||||||
name="password"
|
})}
|
||||||
onChange={handleChange}
|
name="password"
|
||||||
type="password"
|
onChange={handleChange}
|
||||||
value={data.password}
|
type={showPassword ? "text" : "password"}
|
||||||
inputProps={{
|
value={data.password}
|
||||||
"data-test": "password"
|
inputProps={{
|
||||||
}}
|
"data-test": "password"
|
||||||
disabled={disabled}
|
}}
|
||||||
/>
|
disabled={disabled}
|
||||||
<FormSpacer />
|
/>
|
||||||
|
{/* Not using endAdornment as it looks weird with autocomplete */}
|
||||||
|
<IconButton
|
||||||
|
className={classes.showPasswordBtn}
|
||||||
|
variant="secondary"
|
||||||
|
hoverOutline={false}
|
||||||
|
onMouseDown={() => setShowPassword(true)}
|
||||||
|
onMouseUp={() => setShowPassword(false)}
|
||||||
|
>
|
||||||
|
<EyeIcon />
|
||||||
|
</IconButton>
|
||||||
|
</div>
|
||||||
|
<Typography
|
||||||
|
component="a"
|
||||||
|
className={classes.link}
|
||||||
|
onClick={onPasswordRecovery}
|
||||||
|
variant="body2"
|
||||||
|
>
|
||||||
|
<FormattedMessage
|
||||||
|
defaultMessage="Forgot password?"
|
||||||
|
description="description"
|
||||||
|
/>
|
||||||
|
</Typography>
|
||||||
<div className={classes.buttonContainer}>
|
<div className={classes.buttonContainer}>
|
||||||
<Button
|
<Button
|
||||||
className={classes.loginButton}
|
className={classes.loginButton}
|
||||||
color="primary"
|
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
variant="contained"
|
variant="primary"
|
||||||
|
onClick={submit}
|
||||||
type="submit"
|
type="submit"
|
||||||
data-test="submit"
|
data-test="submit"
|
||||||
>
|
>
|
||||||
<FormattedMessage defaultMessage="Login" description="button" />
|
<FormattedMessage defaultMessage="Sign in" description="button" />
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
<FormSpacer />
|
|
||||||
<Typography>
|
|
||||||
<FormattedMessage
|
|
||||||
defaultMessage="Forgot password? {resetPasswordLink}"
|
|
||||||
description="description"
|
|
||||||
values={{
|
|
||||||
resetPasswordLink: (
|
|
||||||
<a
|
|
||||||
className={classes.link}
|
|
||||||
onClick={onPasswordRecovery}
|
|
||||||
data-test-id="reset-password-link"
|
|
||||||
>
|
|
||||||
<FormattedMessage
|
|
||||||
defaultMessage="Use this link to recover it"
|
|
||||||
description="link"
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
)
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</Typography>
|
|
||||||
{externalAuthentications.length > 0 && (
|
{externalAuthentications.length > 0 && (
|
||||||
<>
|
<>
|
||||||
<FormSpacer />
|
<FormSpacer />
|
||||||
|
|
@ -173,9 +146,8 @@ const LoginCard: React.FC<LoginCardProps> = props => {
|
||||||
<React.Fragment key={externalAuthentication.id}>
|
<React.Fragment key={externalAuthentication.id}>
|
||||||
<FormSpacer />
|
<FormSpacer />
|
||||||
<Button
|
<Button
|
||||||
color="primary"
|
|
||||||
fullWidth
|
fullWidth
|
||||||
variant="outlined"
|
variant="secondary"
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
onExternalAuthentication(externalAuthentication.id)
|
onExternalAuthentication(externalAuthentication.id)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@ export interface UseLoginFormResult {
|
||||||
change: FormChange;
|
change: FormChange;
|
||||||
data: LoginFormData;
|
data: LoginFormData;
|
||||||
hasChanged: boolean;
|
hasChanged: boolean;
|
||||||
submit: (event: React.FormEvent<HTMLFormElement>) => Promise<boolean>;
|
submit: () => Promise<boolean>;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface LoginFormProps {
|
export interface LoginFormProps {
|
||||||
|
|
@ -53,11 +53,7 @@ function useLoginForm(
|
||||||
return errors;
|
return errors;
|
||||||
};
|
};
|
||||||
|
|
||||||
const submit = async (event: React.FormEvent<HTMLFormElement>) => {
|
const submit = async () => handleFormSubmit(data, handleSubmit, setChanged);
|
||||||
event.preventDefault();
|
|
||||||
|
|
||||||
return handleFormSubmit(data, handleSubmit, setChanged);
|
|
||||||
};
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
change: handleChange,
|
change: handleChange,
|
||||||
|
|
@ -70,7 +66,13 @@ function useLoginForm(
|
||||||
const LoginForm: React.FC<LoginFormProps> = ({ children, onSubmit }) => {
|
const LoginForm: React.FC<LoginFormProps> = ({ children, onSubmit }) => {
|
||||||
const props = useLoginForm(onSubmit);
|
const props = useLoginForm(onSubmit);
|
||||||
|
|
||||||
return <form onSubmit={props.submit}>{children(props)}</form>;
|
const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
|
||||||
|
// Cypress tests blow up without it
|
||||||
|
event.preventDefault();
|
||||||
|
props.submit();
|
||||||
|
};
|
||||||
|
|
||||||
|
return <form onSubmit={handleSubmit}>{children(props)}</form>;
|
||||||
};
|
};
|
||||||
|
|
||||||
LoginForm.displayName = "LoginForm";
|
LoginForm.displayName = "LoginForm";
|
||||||
|
|
|
||||||
|
|
@ -1,31 +1,13 @@
|
||||||
import { Button, TextField, Typography } from "@material-ui/core";
|
import { TextField, Typography } from "@material-ui/core";
|
||||||
import Form from "@saleor/components/Form";
|
import Form from "@saleor/components/Form";
|
||||||
import FormSpacer from "@saleor/components/FormSpacer";
|
import FormSpacer from "@saleor/components/FormSpacer";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
import { Button } from "@saleor/macaw-ui";
|
||||||
import { SetPasswordData } from "@saleor/sdk";
|
import { SetPasswordData } from "@saleor/sdk";
|
||||||
import getAccountErrorMessage from "@saleor/utils/errors/account";
|
import getAccountErrorMessage from "@saleor/utils/errors/account";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
const useStyles = makeStyles(
|
import useStyles from "../styles";
|
||||||
theme => ({
|
|
||||||
errorText: {
|
|
||||||
color: theme.palette.error.contrastText
|
|
||||||
},
|
|
||||||
panel: {
|
|
||||||
background: theme.palette.error.main,
|
|
||||||
borderRadius: theme.spacing(),
|
|
||||||
marginBottom: theme.spacing(3),
|
|
||||||
padding: theme.spacing(1.5)
|
|
||||||
},
|
|
||||||
submit: {
|
|
||||||
width: "100%"
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
name: "NewPasswordPage"
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
export interface NewPasswordPageFormData {
|
export interface NewPasswordPageFormData {
|
||||||
password: string;
|
password: string;
|
||||||
|
|
@ -60,15 +42,15 @@ const NewPasswordPage: React.FC<NewPasswordPageProps> = props => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{!!error && (
|
<Typography variant="h3" className={classes.header}>
|
||||||
<div className={classes.panel}>
|
<FormattedMessage
|
||||||
<Typography variant="caption" className={classes.errorText}>
|
defaultMessage="Set up new password"
|
||||||
{error}
|
description="page title"
|
||||||
</Typography>
|
/>
|
||||||
</div>
|
</Typography>
|
||||||
)}
|
{!!error && <div className={classes.panel}>{error}</div>}
|
||||||
<Typography>
|
<Typography variant="caption" color="textSecondary">
|
||||||
<FormattedMessage defaultMessage="Please set up a new password." />
|
<FormattedMessage defaultMessage="Please set up a new password for your account. Repeat your new password to make sure you will be able to remember it." />
|
||||||
</Typography>
|
</Typography>
|
||||||
<FormSpacer />
|
<FormSpacer />
|
||||||
<TextField
|
<TextField
|
||||||
|
|
@ -114,9 +96,8 @@ const NewPasswordPage: React.FC<NewPasswordPageProps> = props => {
|
||||||
<Button
|
<Button
|
||||||
data-test="button-bar-confirm"
|
data-test="button-bar-confirm"
|
||||||
className={classes.submit}
|
className={classes.submit}
|
||||||
color="primary"
|
|
||||||
disabled={(passwordError && data.password.length > 0) || disabled}
|
disabled={(passwordError && data.password.length > 0) || disabled}
|
||||||
variant="contained"
|
variant="primary"
|
||||||
onClick={handleSubmit}
|
onClick={handleSubmit}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -9,6 +9,7 @@ import ResetPasswordPage, { ResetPasswordPageProps } from "./ResetPasswordPage";
|
||||||
const props: ResetPasswordPageProps = {
|
const props: ResetPasswordPageProps = {
|
||||||
disabled: false,
|
disabled: false,
|
||||||
error: undefined,
|
error: undefined,
|
||||||
|
onBack: () => undefined,
|
||||||
onSubmit: () => undefined
|
onSubmit: () => undefined
|
||||||
};
|
};
|
||||||
storiesOf("Views / Authentication / Reset password", module)
|
storiesOf("Views / Authentication / Reset password", module)
|
||||||
|
|
|
||||||
|
|
@ -1,30 +1,12 @@
|
||||||
import { Button, TextField, Typography } from "@material-ui/core";
|
import { TextField, Typography } from "@material-ui/core";
|
||||||
import Form from "@saleor/components/Form";
|
import Form from "@saleor/components/Form";
|
||||||
import FormSpacer from "@saleor/components/FormSpacer";
|
import FormSpacer from "@saleor/components/FormSpacer";
|
||||||
import { commonMessages } from "@saleor/intl";
|
import { commonMessages } from "@saleor/intl";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
import { ArrowRightIcon, Button, IconButton } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
const useStyles = makeStyles(
|
import useStyles from "../styles";
|
||||||
theme => ({
|
|
||||||
errorText: {
|
|
||||||
color: theme.palette.error.contrastText
|
|
||||||
},
|
|
||||||
panel: {
|
|
||||||
background: theme.palette.error.main,
|
|
||||||
borderRadius: theme.spacing(),
|
|
||||||
marginBottom: theme.spacing(3),
|
|
||||||
padding: theme.spacing(1.5)
|
|
||||||
},
|
|
||||||
submit: {
|
|
||||||
width: "100%"
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
name: "ResetPasswordPage"
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
export interface ResetPasswordPageFormData {
|
export interface ResetPasswordPageFormData {
|
||||||
email: string;
|
email: string;
|
||||||
|
|
@ -32,11 +14,12 @@ export interface ResetPasswordPageFormData {
|
||||||
export interface ResetPasswordPageProps {
|
export interface ResetPasswordPageProps {
|
||||||
disabled: boolean;
|
disabled: boolean;
|
||||||
error: string;
|
error: string;
|
||||||
|
onBack: () => void;
|
||||||
onSubmit: (data: ResetPasswordPageFormData) => void;
|
onSubmit: (data: ResetPasswordPageFormData) => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const ResetPasswordPage: React.FC<ResetPasswordPageProps> = props => {
|
const ResetPasswordPage: React.FC<ResetPasswordPageProps> = props => {
|
||||||
const { disabled, error, onSubmit } = props;
|
const { disabled, error, onBack, onSubmit } = props;
|
||||||
|
|
||||||
const classes = useStyles(props);
|
const classes = useStyles(props);
|
||||||
const intl = useIntl();
|
const intl = useIntl();
|
||||||
|
|
@ -45,15 +28,15 @@ const ResetPasswordPage: React.FC<ResetPasswordPageProps> = props => {
|
||||||
<Form initial={{ email: "" }} onSubmit={onSubmit}>
|
<Form initial={{ email: "" }} onSubmit={onSubmit}>
|
||||||
{({ change: handleChange, data, submit: handleSubmit }) => (
|
{({ change: handleChange, data, submit: handleSubmit }) => (
|
||||||
<>
|
<>
|
||||||
{!!error && (
|
<IconButton className={classes.backBtn} onClick={onBack}>
|
||||||
<div className={classes.panel}>
|
<ArrowRightIcon className={classes.arrow} />
|
||||||
<Typography variant="caption" className={classes.errorText}>
|
</IconButton>
|
||||||
{error}
|
<Typography variant="h3" className={classes.header}>
|
||||||
</Typography>
|
<FormattedMessage defaultMessage="Reset password" />
|
||||||
</div>
|
</Typography>
|
||||||
)}
|
{!!error && <div className={classes.panel}>{error}</div>}
|
||||||
<Typography>
|
<Typography variant="caption" color="textSecondary">
|
||||||
<FormattedMessage defaultMessage="Forgot your password? Don't worry, we'll reset it for you." />
|
<FormattedMessage defaultMessage="Provide us with an email - if we find it in our database we will send you a link to reset your password. You should be able to find it in your inbox in the next couple of minutes." />
|
||||||
</Typography>
|
</Typography>
|
||||||
<FormSpacer />
|
<FormSpacer />
|
||||||
<TextField
|
<TextField
|
||||||
|
|
@ -73,14 +56,13 @@ const ResetPasswordPage: React.FC<ResetPasswordPageProps> = props => {
|
||||||
<Button
|
<Button
|
||||||
data-test="submit"
|
data-test="submit"
|
||||||
className={classes.submit}
|
className={classes.submit}
|
||||||
color="primary"
|
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
variant="contained"
|
variant="primary"
|
||||||
onClick={handleSubmit}
|
onClick={handleSubmit}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
defaultMessage="Send Instructions"
|
defaultMessage="Send an email with reset link"
|
||||||
description="password reset, button"
|
description="password reset, button"
|
||||||
/>
|
/>
|
||||||
</Button>
|
</Button>
|
||||||
|
|
|
||||||
|
|
@ -1,19 +1,10 @@
|
||||||
import { Button, Typography } from "@material-ui/core";
|
import { Typography } from "@material-ui/core";
|
||||||
import FormSpacer from "@saleor/components/FormSpacer";
|
import FormSpacer from "@saleor/components/FormSpacer";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
import { Button } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage } from "react-intl";
|
import { FormattedMessage } from "react-intl";
|
||||||
|
|
||||||
const useStyles = makeStyles(
|
import useStyles from "../styles";
|
||||||
{
|
|
||||||
submit: {
|
|
||||||
width: "100%"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "ResetPasswordSuccessPage"
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
export interface ResetPasswordSuccessPageFormData {
|
export interface ResetPasswordSuccessPageFormData {
|
||||||
email: string;
|
email: string;
|
||||||
|
|
@ -29,14 +20,16 @@ const ResetPasswordSuccessPage: React.FC<ResetPasswordSuccessPageProps> = props
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
<Typography variant="h3" className={classes.header}>
|
||||||
|
<FormattedMessage defaultMessage="Reset password" />
|
||||||
|
</Typography>
|
||||||
<Typography>
|
<Typography>
|
||||||
<FormattedMessage defaultMessage="Success! In a few minutes you’ll receive a message with instructions on how to reset your password." />
|
<FormattedMessage defaultMessage="Success! In a few minutes you’ll receive a message with instructions on how to reset your password." />
|
||||||
</Typography>
|
</Typography>
|
||||||
<FormSpacer />
|
<FormSpacer />
|
||||||
<Button
|
<Button
|
||||||
className={classes.submit}
|
className={classes.submit}
|
||||||
color="primary"
|
variant="primary"
|
||||||
variant="contained"
|
|
||||||
onClick={onBack}
|
onClick={onBack}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
61
src/auth/components/styles.ts
Normal file
61
src/auth/components/styles.ts
Normal file
|
|
@ -0,0 +1,61 @@
|
||||||
|
import { makeStyles } from "@saleor/macaw-ui";
|
||||||
|
|
||||||
|
const useStyles = makeStyles(
|
||||||
|
theme => ({
|
||||||
|
arrow: {
|
||||||
|
transform: "rotate(180deg)"
|
||||||
|
},
|
||||||
|
backBtn: {
|
||||||
|
marginBottom: theme.spacing(3)
|
||||||
|
},
|
||||||
|
buttonContainer: {
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: "flex-end"
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
fontWeight: 700,
|
||||||
|
marginBottom: theme.spacing(2)
|
||||||
|
},
|
||||||
|
link: {
|
||||||
|
color: theme.palette.primary.main,
|
||||||
|
cursor: "pointer",
|
||||||
|
display: "block",
|
||||||
|
margin: theme.spacing(2, 0),
|
||||||
|
textDecoration: "underline",
|
||||||
|
textAlign: "right"
|
||||||
|
},
|
||||||
|
loading: {
|
||||||
|
alignItems: "center",
|
||||||
|
display: "flex",
|
||||||
|
minHeight: "80vh",
|
||||||
|
justifyContent: "center"
|
||||||
|
},
|
||||||
|
loginButton: {
|
||||||
|
width: "100%"
|
||||||
|
},
|
||||||
|
panel: {
|
||||||
|
"& span": {
|
||||||
|
color: theme.palette.error.contrastText
|
||||||
|
},
|
||||||
|
...theme.typography.body1,
|
||||||
|
background: theme.palette.saleor.fail.light,
|
||||||
|
borderRadius: 8,
|
||||||
|
marginBottom: theme.spacing(2),
|
||||||
|
padding: theme.spacing(2.5)
|
||||||
|
},
|
||||||
|
passwordWrapper: {
|
||||||
|
position: "relative"
|
||||||
|
},
|
||||||
|
showPasswordBtn: {
|
||||||
|
position: "absolute",
|
||||||
|
top: 6,
|
||||||
|
right: 8
|
||||||
|
},
|
||||||
|
submit: {
|
||||||
|
width: "100%"
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
{ name: "Login" }
|
||||||
|
);
|
||||||
|
|
||||||
|
export default useStyles;
|
||||||
|
|
@ -53,6 +53,7 @@ const ResetPasswordView: React.FC = () => {
|
||||||
<ResetPasswordPage
|
<ResetPasswordPage
|
||||||
disabled={requestPasswordResetOpts.loading}
|
disabled={requestPasswordResetOpts.loading}
|
||||||
error={error}
|
error={error}
|
||||||
|
onBack={() => navigate(APP_MOUNT_URI)}
|
||||||
onSubmit={handleSubmit}
|
onSubmit={handleSubmit}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
import { APP_MOUNT_URI } from "@saleor/config";
|
||||||
import useNavigator from "@saleor/hooks/useNavigator";
|
import useNavigator from "@saleor/hooks/useNavigator";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
|
|
@ -6,7 +7,7 @@ import ResetPasswordSuccessPage from "../components/ResetPasswordSuccessPage";
|
||||||
const ResetPasswordSuccessView: React.FC = () => {
|
const ResetPasswordSuccessView: React.FC = () => {
|
||||||
const navigate = useNavigator();
|
const navigate = useNavigator();
|
||||||
|
|
||||||
return <ResetPasswordSuccessPage onBack={() => navigate("/")} />;
|
return <ResetPasswordSuccessPage onBack={() => navigate(APP_MOUNT_URI)} />;
|
||||||
};
|
};
|
||||||
ResetPasswordSuccessView.displayName = "ResetPasswordSuccessView";
|
ResetPasswordSuccessView.displayName = "ResetPasswordSuccessView";
|
||||||
export default ResetPasswordSuccessView;
|
export default ResetPasswordSuccessView;
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,11 @@
|
||||||
import { Button, Card, CardContent, TextField } from "@material-ui/core";
|
import { Card, CardContent, TextField } from "@material-ui/core";
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import Hr from "@saleor/components/Hr";
|
import Hr from "@saleor/components/Hr";
|
||||||
import ImageUpload from "@saleor/components/ImageUpload";
|
import ImageUpload from "@saleor/components/ImageUpload";
|
||||||
import MediaTile from "@saleor/components/MediaTile";
|
import MediaTile from "@saleor/components/MediaTile";
|
||||||
import Skeleton from "@saleor/components/Skeleton";
|
import Skeleton from "@saleor/components/Skeleton";
|
||||||
import { commonMessages } from "@saleor/intl";
|
import { commonMessages } from "@saleor/intl";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
import { Button, makeStyles } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
@ -64,11 +64,7 @@ const CategoryBackground: React.FC<CategoryBackgroundProps> = props => {
|
||||||
})}
|
})}
|
||||||
toolbar={
|
toolbar={
|
||||||
<>
|
<>
|
||||||
<Button
|
<Button variant="tertiary" onClick={handleImageUploadButtonClick}>
|
||||||
variant="text"
|
|
||||||
color="primary"
|
|
||||||
onClick={handleImageUploadButtonClick}
|
|
||||||
>
|
|
||||||
<FormattedMessage {...commonMessages.uploadImage} />
|
<FormattedMessage {...commonMessages.uploadImage} />
|
||||||
</Button>
|
</Button>
|
||||||
<input
|
<input
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import { CardSpacer } from "@saleor/components/CardSpacer";
|
import { CardSpacer } from "@saleor/components/CardSpacer";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
import Metadata from "@saleor/components/Metadata";
|
import Metadata from "@saleor/components/Metadata";
|
||||||
import PageHeader from "@saleor/components/PageHeader";
|
import PageHeader from "@saleor/components/PageHeader";
|
||||||
|
|
@ -7,6 +6,7 @@ import Savebar from "@saleor/components/Savebar";
|
||||||
import SeoForm from "@saleor/components/SeoForm";
|
import SeoForm from "@saleor/components/SeoForm";
|
||||||
import { ProductErrorFragment } from "@saleor/fragments/types/ProductErrorFragment";
|
import { ProductErrorFragment } from "@saleor/fragments/types/ProductErrorFragment";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import { Backlink } from "@saleor/macaw-ui";
|
import { Backlink } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { useIntl } from "react-intl";
|
import { useIntl } from "react-intl";
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,13 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogActions,
|
DialogActions,
|
||||||
DialogContent,
|
DialogContent,
|
||||||
DialogContentText,
|
DialogContentText,
|
||||||
DialogTitle
|
DialogTitle
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
|
import BackButton from "@saleor/components/BackButton";
|
||||||
import { buttonMessages } from "@saleor/intl";
|
import { buttonMessages } from "@saleor/intl";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
import { Button, makeStyles } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage } from "react-intl";
|
import { FormattedMessage } from "react-intl";
|
||||||
|
|
||||||
|
|
@ -58,12 +58,10 @@ const CategoryDeleteDialog: React.FC<CategoryDeleteDialogProps> = props => {
|
||||||
</DialogContentText>
|
</DialogContentText>
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
<DialogActions>
|
<DialogActions>
|
||||||
<Button onClick={onClose}>
|
<BackButton onClick={onClose} />
|
||||||
<FormattedMessage {...buttonMessages.back} />
|
|
||||||
</Button>
|
|
||||||
<Button
|
<Button
|
||||||
className={classes.deleteButton}
|
className={classes.deleteButton}
|
||||||
variant="contained"
|
variant="primary"
|
||||||
onClick={onConfirm}
|
onClick={onConfirm}
|
||||||
>
|
>
|
||||||
<FormattedMessage {...buttonMessages.save} />
|
<FormattedMessage {...buttonMessages.save} />
|
||||||
|
|
|
||||||
|
|
@ -52,8 +52,6 @@ interface CategoryListProps
|
||||||
onAdd?();
|
onAdd?();
|
||||||
}
|
}
|
||||||
|
|
||||||
const numberOfColumns = 4;
|
|
||||||
|
|
||||||
const CategoryList: React.FC<CategoryListProps> = props => {
|
const CategoryList: React.FC<CategoryListProps> = props => {
|
||||||
const {
|
const {
|
||||||
categories,
|
categories,
|
||||||
|
|
@ -75,6 +73,7 @@ const CategoryList: React.FC<CategoryListProps> = props => {
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
const classes = useStyles(props);
|
const classes = useStyles(props);
|
||||||
|
const numberOfColumns = categories?.length === 0 ? 3 : 4;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ResponsiveTable>
|
<ResponsiveTable>
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,11 @@
|
||||||
import { Button, Card } from "@material-ui/core";
|
import { Card } from "@material-ui/core";
|
||||||
import { CategoryListUrlSortField } from "@saleor/categories/urls";
|
import { CategoryListUrlSortField } from "@saleor/categories/urls";
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
import PageHeader from "@saleor/components/PageHeader";
|
import PageHeader from "@saleor/components/PageHeader";
|
||||||
import SearchBar from "@saleor/components/SearchBar";
|
import SearchBar from "@saleor/components/SearchBar";
|
||||||
import { CategoryFragment } from "@saleor/fragments/types/CategoryFragment";
|
import { CategoryFragment } from "@saleor/fragments/types/CategoryFragment";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
|
import { Button } from "@saleor/macaw-ui";
|
||||||
import {
|
import {
|
||||||
ListActions,
|
ListActions,
|
||||||
PageListProps,
|
PageListProps,
|
||||||
|
|
@ -56,12 +57,7 @@ export const CategoryListPage: React.FC<CategoryTableProps> = ({
|
||||||
return (
|
return (
|
||||||
<Container>
|
<Container>
|
||||||
<PageHeader title={intl.formatMessage(sectionNames.categories)}>
|
<PageHeader title={intl.formatMessage(sectionNames.categories)}>
|
||||||
<Button
|
<Button variant="primary" onClick={onAdd} data-test-id="createCategory">
|
||||||
color="primary"
|
|
||||||
variant="contained"
|
|
||||||
onClick={onAdd}
|
|
||||||
data-test-id="createCategory"
|
|
||||||
>
|
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
defaultMessage="Create category"
|
defaultMessage="Create category"
|
||||||
description="button"
|
description="button"
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,8 @@
|
||||||
import { Button, Card } from "@material-ui/core";
|
import { Card } from "@material-ui/core";
|
||||||
import HorizontalSpacer from "@saleor/apps/components/HorizontalSpacer";
|
import HorizontalSpacer from "@saleor/apps/components/HorizontalSpacer";
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import { InternalLink } from "@saleor/components/InternalLink";
|
import { InternalLink } from "@saleor/components/InternalLink";
|
||||||
|
import { Button } from "@saleor/macaw-ui";
|
||||||
import { productListUrl } from "@saleor/products/urls";
|
import { productListUrl } from "@saleor/products/urls";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
@ -53,11 +54,7 @@ export const CategoryProducts: React.FC<CategoryProductsProps> = ({
|
||||||
categories: [categoryId]
|
categories: [categoryId]
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
<Button
|
<Button variant="tertiary" data-test-id="viewProducts">
|
||||||
color="primary"
|
|
||||||
variant="text"
|
|
||||||
data-test-id="viewProducts"
|
|
||||||
>
|
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
defaultMessage="View products"
|
defaultMessage="View products"
|
||||||
description="button"
|
description="button"
|
||||||
|
|
@ -66,8 +63,7 @@ export const CategoryProducts: React.FC<CategoryProductsProps> = ({
|
||||||
</InternalLink>
|
</InternalLink>
|
||||||
<HorizontalSpacer />
|
<HorizontalSpacer />
|
||||||
<Button
|
<Button
|
||||||
color="primary"
|
variant="tertiary"
|
||||||
variant="text"
|
|
||||||
onClick={onAdd}
|
onClick={onAdd}
|
||||||
data-test-id="addProducts"
|
data-test-id="addProducts"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
import { Button, Card } from "@material-ui/core";
|
import { Card } from "@material-ui/core";
|
||||||
import { CardSpacer } from "@saleor/components/CardSpacer";
|
import { CardSpacer } from "@saleor/components/CardSpacer";
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
import Metadata from "@saleor/components/Metadata/Metadata";
|
import Metadata from "@saleor/components/Metadata/Metadata";
|
||||||
import PageHeader from "@saleor/components/PageHeader";
|
import PageHeader from "@saleor/components/PageHeader";
|
||||||
|
|
@ -11,7 +10,8 @@ import { Tab, TabContainer } from "@saleor/components/Tab";
|
||||||
import { ProductErrorFragment } from "@saleor/fragments/types/ProductErrorFragment";
|
import { ProductErrorFragment } from "@saleor/fragments/types/ProductErrorFragment";
|
||||||
import { SubmitPromise } from "@saleor/hooks/useForm";
|
import { SubmitPromise } from "@saleor/hooks/useForm";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
import { Backlink } from "@saleor/macaw-ui";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
|
import { Backlink, Button } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
@ -167,8 +167,7 @@ export const CategoryUpdatePage: React.FC<CategoryUpdatePageProps> = ({
|
||||||
})}
|
})}
|
||||||
toolbar={
|
toolbar={
|
||||||
<Button
|
<Button
|
||||||
color="primary"
|
variant="tertiary"
|
||||||
variant="text"
|
|
||||||
onClick={onAddCategory}
|
onClick={onAddCategory}
|
||||||
data-test-id="createSubcategory"
|
data-test-id="createSubcategory"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import { DialogContentText, IconButton } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import NotFoundPage from "@saleor/components/NotFoundPage";
|
import NotFoundPage from "@saleor/components/NotFoundPage";
|
||||||
import { WindowTitle } from "@saleor/components/WindowTitle";
|
import { WindowTitle } from "@saleor/components/WindowTitle";
|
||||||
|
|
@ -10,6 +9,7 @@ import useLocalPaginator, {
|
||||||
import useNavigator from "@saleor/hooks/useNavigator";
|
import useNavigator from "@saleor/hooks/useNavigator";
|
||||||
import useNotifier from "@saleor/hooks/useNotifier";
|
import useNotifier from "@saleor/hooks/useNotifier";
|
||||||
import { commonMessages, errorMessages } from "@saleor/intl";
|
import { commonMessages, errorMessages } from "@saleor/intl";
|
||||||
|
import { DeleteIcon, IconButton } from "@saleor/macaw-ui";
|
||||||
import createDialogActionHandlers from "@saleor/utils/handlers/dialogActionHandlers";
|
import createDialogActionHandlers from "@saleor/utils/handlers/dialogActionHandlers";
|
||||||
import createMetadataUpdateHandler from "@saleor/utils/handlers/metadataUpdateHandler";
|
import createMetadataUpdateHandler from "@saleor/utils/handlers/metadataUpdateHandler";
|
||||||
import { mapEdgesToItems } from "@saleor/utils/maps";
|
import { mapEdgesToItems } from "@saleor/utils/maps";
|
||||||
|
|
@ -252,6 +252,7 @@ export const CategoryDetails: React.FC<CategoryDetailsProps> = ({
|
||||||
subcategories={mapEdgesToItems(data?.category?.children)}
|
subcategories={mapEdgesToItems(data?.category?.children)}
|
||||||
subcategoryListToolbar={
|
subcategoryListToolbar={
|
||||||
<IconButton
|
<IconButton
|
||||||
|
variant="secondary"
|
||||||
color="primary"
|
color="primary"
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
openModal("delete-categories", {
|
openModal("delete-categories", {
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import { DialogContentText, IconButton } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import DeleteFilterTabDialog from "@saleor/components/DeleteFilterTabDialog";
|
import DeleteFilterTabDialog from "@saleor/components/DeleteFilterTabDialog";
|
||||||
import SaveFilterTabDialog, {
|
import SaveFilterTabDialog, {
|
||||||
|
|
@ -12,6 +11,7 @@ import { usePaginationReset } from "@saleor/hooks/usePaginationReset";
|
||||||
import usePaginator, {
|
import usePaginator, {
|
||||||
createPaginationState
|
createPaginationState
|
||||||
} from "@saleor/hooks/usePaginator";
|
} from "@saleor/hooks/usePaginator";
|
||||||
|
import { DeleteIcon, IconButton } from "@saleor/macaw-ui";
|
||||||
import { maybe } from "@saleor/misc";
|
import { maybe } from "@saleor/misc";
|
||||||
import { ListViews } from "@saleor/types";
|
import { ListViews } from "@saleor/types";
|
||||||
import createDialogActionHandlers from "@saleor/utils/handlers/dialogActionHandlers";
|
import createDialogActionHandlers from "@saleor/utils/handlers/dialogActionHandlers";
|
||||||
|
|
@ -168,6 +168,7 @@ export const CategoryList: React.FC<CategoryListProps> = ({ params }) => {
|
||||||
toggleAll={toggleAll}
|
toggleAll={toggleAll}
|
||||||
toolbar={
|
toolbar={
|
||||||
<IconButton
|
<IconButton
|
||||||
|
variant="secondary"
|
||||||
color="primary"
|
color="primary"
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
openModal("delete", {
|
openModal("delete", {
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,12 @@
|
||||||
import { Typography } from "@material-ui/core";
|
import { Typography } from "@material-ui/core";
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
|
||||||
import {
|
import {
|
||||||
Choices,
|
Choices,
|
||||||
SingleSelectField
|
SingleSelectField
|
||||||
} from "@saleor/components/SingleSelectField";
|
} from "@saleor/components/SingleSelectField";
|
||||||
import useStateFromProps from "@saleor/hooks/useStateFromProps";
|
import useStateFromProps from "@saleor/hooks/useStateFromProps";
|
||||||
import { buttonMessages } from "@saleor/intl";
|
import { buttonMessages } from "@saleor/intl";
|
||||||
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { defineMessages, useIntl } from "react-intl";
|
import { defineMessages, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,10 @@
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
|
||||||
import {
|
import {
|
||||||
Choices,
|
Choices,
|
||||||
SingleSelectField
|
SingleSelectField
|
||||||
} from "@saleor/components/SingleSelectField";
|
} from "@saleor/components/SingleSelectField";
|
||||||
import useStateFromProps from "@saleor/hooks/useStateFromProps";
|
import useStateFromProps from "@saleor/hooks/useStateFromProps";
|
||||||
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { useIntl } from "react-intl";
|
import { useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
import { Button, Card, CardContent, Typography } from "@material-ui/core";
|
import { Card, CardContent, Typography } from "@material-ui/core";
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
|
import { Button } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
@ -42,7 +43,6 @@ export const ChannelStatus: React.FC<ChannelStatusProps> = ({
|
||||||
)}
|
)}
|
||||||
</Typography>
|
</Typography>
|
||||||
<Button
|
<Button
|
||||||
color="primary"
|
|
||||||
className={classes.activeBtn}
|
className={classes.activeBtn}
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
onClick={() => updateChannelStatus()}
|
onClick={() => updateChannelStatus()}
|
||||||
|
|
|
||||||
|
|
@ -1,21 +1,9 @@
|
||||||
import { Divider, Typography } from "@material-ui/core";
|
import { Divider, Typography } from "@material-ui/core";
|
||||||
import { makeStyles } from "@material-ui/core/styles";
|
|
||||||
import { ChannelShippingZone } from "@saleor/channels/pages/ChannelDetailsPage/types";
|
import { ChannelShippingZone } from "@saleor/channels/pages/ChannelDetailsPage/types";
|
||||||
import DeletableItem from "@saleor/components/DeletableItem";
|
import DeletableItem from "@saleor/components/DeletableItem";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
const useStyles = makeStyles(
|
import useStyles from "./styles";
|
||||||
theme => ({
|
|
||||||
container: {
|
|
||||||
paddingLeft: theme.spacing(3),
|
|
||||||
display: "flex",
|
|
||||||
flexDirection: "row",
|
|
||||||
justifyContent: "space-between",
|
|
||||||
alignItems: "center"
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
{ name: "ShippingZoneItem" }
|
|
||||||
);
|
|
||||||
|
|
||||||
interface ShippingZoneItemProps {
|
interface ShippingZoneItemProps {
|
||||||
zone: ChannelShippingZone;
|
zone: ChannelShippingZone;
|
||||||
|
|
|
||||||
|
|
@ -6,13 +6,13 @@ import {
|
||||||
Typography
|
Typography
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { defineMessages, useIntl } from "react-intl";
|
import { defineMessages, useIntl } from "react-intl";
|
||||||
|
|
||||||
import ShippingZoneItem from "./ShippingZoneItem";
|
import ShippingZoneItem from "./ShippingZoneItem";
|
||||||
import ShippingZonesCardListFooter from "./ShippingZonesCardListFooter";
|
import ShippingZonesCardListFooter from "./ShippingZonesCardListFooter";
|
||||||
import ShippingZonesListHeader from "./ShippingZonesListHeader";
|
import ShippingZonesListHeader from "./ShippingZonesListHeader";
|
||||||
|
import { useExpanderStyles } from "./styles";
|
||||||
import { ShippingZonesProps } from "./types";
|
import { ShippingZonesProps } from "./types";
|
||||||
|
|
||||||
const messages = defineMessages({
|
const messages = defineMessages({
|
||||||
|
|
@ -27,26 +27,6 @@ const messages = defineMessages({
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const useExpanderStyles = makeStyles(
|
|
||||||
() => ({
|
|
||||||
// empty expanded needed for mui to use root styles
|
|
||||||
expanded: {},
|
|
||||||
root: {
|
|
||||||
boxShadow: "none",
|
|
||||||
|
|
||||||
"&:before": {
|
|
||||||
content: "none"
|
|
||||||
},
|
|
||||||
|
|
||||||
"&$expanded": {
|
|
||||||
margin: 0,
|
|
||||||
border: "none"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
{ name: "ShippingZonesCardExpander" }
|
|
||||||
);
|
|
||||||
|
|
||||||
type ShippingZonesCardProps = ShippingZonesProps;
|
type ShippingZonesCardProps = ShippingZonesProps;
|
||||||
|
|
||||||
const ShippingZonesCard: React.FC<ShippingZonesCardProps> = props => {
|
const ShippingZonesCard: React.FC<ShippingZonesCardProps> = props => {
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,7 @@ import { mapNodeToChoice } from "@saleor/utils/maps";
|
||||||
import React, { useEffect, useRef, useState } from "react";
|
import React, { useEffect, useRef, useState } from "react";
|
||||||
import { defineMessages } from "react-intl";
|
import { defineMessages } from "react-intl";
|
||||||
|
|
||||||
|
import useStyles from "./styles";
|
||||||
import { ShippingZonesProps } from "./types";
|
import { ShippingZonesProps } from "./types";
|
||||||
|
|
||||||
const messages = defineMessages({
|
const messages = defineMessages({
|
||||||
|
|
@ -24,6 +25,8 @@ const ShippingZonesCardListFooter: React.FC<ShippingZonesCardListFooterProps> =
|
||||||
addShippingZone,
|
addShippingZone,
|
||||||
shippingZones
|
shippingZones
|
||||||
}) => {
|
}) => {
|
||||||
|
const classes = useStyles();
|
||||||
|
|
||||||
const [isChoicesSelectShown, setIsChoicesSelectShown] = useState(false);
|
const [isChoicesSelectShown, setIsChoicesSelectShown] = useState(false);
|
||||||
const shippingZonesRef = useRef<ChannelShippingZones>(shippingZones);
|
const shippingZonesRef = useRef<ChannelShippingZones>(shippingZones);
|
||||||
|
|
||||||
|
|
@ -49,7 +52,7 @@ const ShippingZonesCardListFooter: React.FC<ShippingZonesCardListFooterProps> =
|
||||||
|
|
||||||
return isChoicesSelectShown ? (
|
return isChoicesSelectShown ? (
|
||||||
<ClickAwayListener onClickAway={handleFooterClickAway}>
|
<ClickAwayListener onClickAway={handleFooterClickAway}>
|
||||||
<div>
|
<div className={classes.root}>
|
||||||
<SingleAutocompleteSelectField
|
<SingleAutocompleteSelectField
|
||||||
data-test-id="shippingAutoCompleteSelect"
|
data-test-id="shippingAutoCompleteSelect"
|
||||||
value=""
|
value=""
|
||||||
|
|
|
||||||
|
|
@ -20,6 +20,7 @@ const useStyles = makeStyles(
|
||||||
width: "100%",
|
width: "100%",
|
||||||
border: "none",
|
border: "none",
|
||||||
marginRight: theme.spacing(1),
|
marginRight: theme.spacing(1),
|
||||||
|
padding: 0,
|
||||||
paddingBottom: theme.spacing(2),
|
paddingBottom: theme.spacing(2),
|
||||||
minHeight: 0,
|
minHeight: 0,
|
||||||
|
|
||||||
|
|
@ -28,7 +29,6 @@ const useStyles = makeStyles(
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
content: {
|
content: {
|
||||||
paddingLeft: theme.spacing(1),
|
|
||||||
margin: 0,
|
margin: 0,
|
||||||
|
|
||||||
"&$expanded": {
|
"&$expanded": {
|
||||||
|
|
|
||||||
39
src/channels/components/ShippingZonesCard/styles.ts
Normal file
39
src/channels/components/ShippingZonesCard/styles.ts
Normal file
|
|
@ -0,0 +1,39 @@
|
||||||
|
import { makeStyles } from "@saleor/macaw-ui";
|
||||||
|
|
||||||
|
export const useExpanderStyles = makeStyles(
|
||||||
|
theme => ({
|
||||||
|
expanded: {},
|
||||||
|
root: {
|
||||||
|
boxShadow: "none",
|
||||||
|
padding: theme.spacing(1, 4),
|
||||||
|
|
||||||
|
"&:before": {
|
||||||
|
content: "none"
|
||||||
|
},
|
||||||
|
|
||||||
|
"&$expanded": {
|
||||||
|
margin: 0,
|
||||||
|
border: "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
{ name: "Expander" }
|
||||||
|
);
|
||||||
|
|
||||||
|
const useStyles = makeStyles(
|
||||||
|
theme => ({
|
||||||
|
container: {
|
||||||
|
padding: theme.spacing(1, 0),
|
||||||
|
display: "flex",
|
||||||
|
flexDirection: "row",
|
||||||
|
justifyContent: "space-between",
|
||||||
|
alignItems: "center"
|
||||||
|
},
|
||||||
|
root: {
|
||||||
|
paddingRight: theme.spacing(1)
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
{ name: "ShippingZonesCard" }
|
||||||
|
);
|
||||||
|
|
||||||
|
export default useStyles;
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
import ShippingZonesCard from "@saleor/channels/components/ShippingZonesCard/ShippingZonesCard";
|
import ShippingZonesCard from "@saleor/channels/components/ShippingZonesCard/ShippingZonesCard";
|
||||||
import CardSpacer from "@saleor/components/CardSpacer";
|
import CardSpacer from "@saleor/components/CardSpacer";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
|
||||||
import Form from "@saleor/components/Form";
|
import Form from "@saleor/components/Form";
|
||||||
import Grid from "@saleor/components/Grid";
|
import Grid from "@saleor/components/Grid";
|
||||||
import Savebar from "@saleor/components/Savebar";
|
import Savebar from "@saleor/components/Savebar";
|
||||||
|
|
@ -10,6 +9,7 @@ import { CountryFragment } from "@saleor/fragments/types/CountryFragment";
|
||||||
import { SearchData } from "@saleor/hooks/makeTopLevelSearch";
|
import { SearchData } from "@saleor/hooks/makeTopLevelSearch";
|
||||||
import { getParsedSearchData } from "@saleor/hooks/makeTopLevelSearch/utils";
|
import { getParsedSearchData } from "@saleor/hooks/makeTopLevelSearch/utils";
|
||||||
import useStateFromProps from "@saleor/hooks/useStateFromProps";
|
import useStateFromProps from "@saleor/hooks/useStateFromProps";
|
||||||
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import {
|
import {
|
||||||
getById,
|
getById,
|
||||||
getByUnmatchingId
|
getByUnmatchingId
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,10 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
|
||||||
Card,
|
Card,
|
||||||
IconButton,
|
|
||||||
TableBody,
|
TableBody,
|
||||||
TableCell,
|
TableCell,
|
||||||
TableHead,
|
TableHead,
|
||||||
TableRow
|
TableRow
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
|
||||||
import Container from "@saleor/components/Container";
|
import Container from "@saleor/components/Container";
|
||||||
import LimitReachedAlert from "@saleor/components/LimitReachedAlert";
|
import LimitReachedAlert from "@saleor/components/LimitReachedAlert";
|
||||||
import PageHeader from "@saleor/components/PageHeader";
|
import PageHeader from "@saleor/components/PageHeader";
|
||||||
|
|
@ -16,7 +13,7 @@ import { RefreshLimits_shop_limits } from "@saleor/components/Shop/types/Refresh
|
||||||
import Skeleton from "@saleor/components/Skeleton";
|
import Skeleton from "@saleor/components/Skeleton";
|
||||||
import TableCellHeader from "@saleor/components/TableCellHeader";
|
import TableCellHeader from "@saleor/components/TableCellHeader";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
import { Backlink } from "@saleor/macaw-ui";
|
import { Backlink, Button, DeleteIcon, IconButton } from "@saleor/macaw-ui";
|
||||||
import { renderCollection, stopPropagation } from "@saleor/misc";
|
import { renderCollection, stopPropagation } from "@saleor/misc";
|
||||||
import { hasLimits, isLimitReached } from "@saleor/utils/limits";
|
import { hasLimits, isLimitReached } from "@saleor/utils/limits";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
@ -73,8 +70,7 @@ export const ChannelsListPage: React.FC<ChannelsListPageProps> = ({
|
||||||
<Button
|
<Button
|
||||||
disabled={limitReached}
|
disabled={limitReached}
|
||||||
onClick={navigateToChannelCreate}
|
onClick={navigateToChannelCreate}
|
||||||
color="primary"
|
variant="primary"
|
||||||
variant="contained"
|
|
||||||
data-test="add-channel"
|
data-test="add-channel"
|
||||||
>
|
>
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
|
|
@ -129,6 +125,7 @@ export const ChannelsListPage: React.FC<ChannelsListPageProps> = ({
|
||||||
<TableCell className={classes.colAction}>
|
<TableCell className={classes.colAction}>
|
||||||
{channelsList?.length > 1 && (
|
{channelsList?.length > 1 && (
|
||||||
<IconButton
|
<IconButton
|
||||||
|
variant="secondary"
|
||||||
color="primary"
|
color="primary"
|
||||||
onClick={
|
onClick={
|
||||||
channel
|
channel
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@ export const useStyles = makeStyles(
|
||||||
},
|
},
|
||||||
colAction: {
|
colAction: {
|
||||||
"&&": {
|
"&&": {
|
||||||
paddingRight: theme.spacing(1)
|
paddingRight: theme.spacing(3)
|
||||||
},
|
},
|
||||||
textAlign: "right",
|
textAlign: "right",
|
||||||
width: 140
|
width: 140
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
import { ChannelCollectionData } from "@saleor/channels/utils";
|
import { ChannelCollectionData } from "@saleor/channels/utils";
|
||||||
import { CardSpacer } from "@saleor/components/CardSpacer";
|
import { CardSpacer } from "@saleor/components/CardSpacer";
|
||||||
import ChannelsAvailabilityCard from "@saleor/components/ChannelsAvailabilityCard";
|
import ChannelsAvailabilityCard from "@saleor/components/ChannelsAvailabilityCard";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
|
||||||
import { Container } from "@saleor/components/Container";
|
import { Container } from "@saleor/components/Container";
|
||||||
import Grid from "@saleor/components/Grid";
|
import Grid from "@saleor/components/Grid";
|
||||||
import Metadata from "@saleor/components/Metadata";
|
import Metadata from "@saleor/components/Metadata";
|
||||||
|
|
@ -12,6 +11,7 @@ import { CollectionChannelListingErrorFragment } from "@saleor/fragments/types/C
|
||||||
import { CollectionErrorFragment } from "@saleor/fragments/types/CollectionErrorFragment";
|
import { CollectionErrorFragment } from "@saleor/fragments/types/CollectionErrorFragment";
|
||||||
import { SubmitPromise } from "@saleor/hooks/useForm";
|
import { SubmitPromise } from "@saleor/hooks/useForm";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import { Backlink } from "@saleor/macaw-ui";
|
import { Backlink } from "@saleor/macaw-ui";
|
||||||
import { PermissionEnum } from "@saleor/types/globalTypes";
|
import { PermissionEnum } from "@saleor/types/globalTypes";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
import { ChannelCollectionData } from "@saleor/channels/utils";
|
import { ChannelCollectionData } from "@saleor/channels/utils";
|
||||||
import { CardSpacer } from "@saleor/components/CardSpacer";
|
import { CardSpacer } from "@saleor/components/CardSpacer";
|
||||||
import ChannelsAvailabilityCard from "@saleor/components/ChannelsAvailabilityCard";
|
import ChannelsAvailabilityCard from "@saleor/components/ChannelsAvailabilityCard";
|
||||||
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
|
|
||||||
import { Container } from "@saleor/components/Container";
|
import { Container } from "@saleor/components/Container";
|
||||||
import Grid from "@saleor/components/Grid";
|
import Grid from "@saleor/components/Grid";
|
||||||
import Metadata from "@saleor/components/Metadata/Metadata";
|
import Metadata from "@saleor/components/Metadata/Metadata";
|
||||||
|
|
@ -12,6 +11,7 @@ import { CollectionChannelListingErrorFragment } from "@saleor/fragments/types/C
|
||||||
import { CollectionErrorFragment } from "@saleor/fragments/types/CollectionErrorFragment";
|
import { CollectionErrorFragment } from "@saleor/fragments/types/CollectionErrorFragment";
|
||||||
import { SubmitPromise } from "@saleor/hooks/useForm";
|
import { SubmitPromise } from "@saleor/hooks/useForm";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import { Backlink } from "@saleor/macaw-ui";
|
import { Backlink } from "@saleor/macaw-ui";
|
||||||
import { PermissionEnum } from "@saleor/types/globalTypes";
|
import { PermissionEnum } from "@saleor/types/globalTypes";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,11 @@
|
||||||
import { Button, Card, CardContent, TextField } from "@material-ui/core";
|
import { Card, CardContent, TextField } from "@material-ui/core";
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import Hr from "@saleor/components/Hr";
|
import Hr from "@saleor/components/Hr";
|
||||||
import ImageUpload from "@saleor/components/ImageUpload";
|
import ImageUpload from "@saleor/components/ImageUpload";
|
||||||
import MediaTile from "@saleor/components/MediaTile";
|
import MediaTile from "@saleor/components/MediaTile";
|
||||||
import Skeleton from "@saleor/components/Skeleton";
|
import Skeleton from "@saleor/components/Skeleton";
|
||||||
import { commonMessages } from "@saleor/intl";
|
import { commonMessages } from "@saleor/intl";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
import { Button, makeStyles } from "@saleor/macaw-ui";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
|
@ -76,11 +76,7 @@ export const CollectionImage: React.FC<CollectionImageProps> = props => {
|
||||||
})}
|
})}
|
||||||
toolbar={
|
toolbar={
|
||||||
<>
|
<>
|
||||||
<Button
|
<Button variant="tertiary" onClick={handleImageUploadButtonClick}>
|
||||||
variant="text"
|
|
||||||
color="primary"
|
|
||||||
onClick={handleImageUploadButtonClick}
|
|
||||||
>
|
|
||||||
<FormattedMessage {...commonMessages.uploadImage} />
|
<FormattedMessage {...commonMessages.uploadImage} />
|
||||||
</Button>
|
</Button>
|
||||||
<input
|
<input
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,10 @@
|
||||||
import { Button, Card } from "@material-ui/core";
|
import { Card } from "@material-ui/core";
|
||||||
import { CollectionListUrlSortField } from "@saleor/collections/urls";
|
import { CollectionListUrlSortField } from "@saleor/collections/urls";
|
||||||
import { Container } from "@saleor/components/Container";
|
import { Container } from "@saleor/components/Container";
|
||||||
import FilterBar from "@saleor/components/FilterBar";
|
import FilterBar from "@saleor/components/FilterBar";
|
||||||
import PageHeader from "@saleor/components/PageHeader";
|
import PageHeader from "@saleor/components/PageHeader";
|
||||||
import { sectionNames } from "@saleor/intl";
|
import { sectionNames } from "@saleor/intl";
|
||||||
|
import { Button } from "@saleor/macaw-ui";
|
||||||
import {
|
import {
|
||||||
ChannelProps,
|
ChannelProps,
|
||||||
FilterPageProps,
|
FilterPageProps,
|
||||||
|
|
@ -60,9 +61,8 @@ const CollectionListPage: React.FC<CollectionListPageProps> = ({
|
||||||
<Container>
|
<Container>
|
||||||
<PageHeader title={intl.formatMessage(sectionNames.collections)}>
|
<PageHeader title={intl.formatMessage(sectionNames.collections)}>
|
||||||
<Button
|
<Button
|
||||||
color="primary"
|
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
variant="contained"
|
variant="primary"
|
||||||
onClick={onAdd}
|
onClick={onAdd}
|
||||||
data-test-id="create-collection"
|
data-test-id="create-collection"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,10 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
|
||||||
Card,
|
Card,
|
||||||
IconButton,
|
|
||||||
TableBody,
|
TableBody,
|
||||||
TableCell,
|
TableCell,
|
||||||
TableFooter,
|
TableFooter,
|
||||||
TableRow
|
TableRow
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
|
||||||
import CardTitle from "@saleor/components/CardTitle";
|
import CardTitle from "@saleor/components/CardTitle";
|
||||||
import { ChannelsAvailabilityDropdown } from "@saleor/components/ChannelsAvailabilityDropdown";
|
import { ChannelsAvailabilityDropdown } from "@saleor/components/ChannelsAvailabilityDropdown";
|
||||||
import Checkbox from "@saleor/components/Checkbox";
|
import Checkbox from "@saleor/components/Checkbox";
|
||||||
|
|
@ -17,7 +14,7 @@ import TableCellAvatar from "@saleor/components/TableCellAvatar";
|
||||||
import { AVATAR_MARGIN } from "@saleor/components/TableCellAvatar/Avatar";
|
import { AVATAR_MARGIN } from "@saleor/components/TableCellAvatar/Avatar";
|
||||||
import TableHead from "@saleor/components/TableHead";
|
import TableHead from "@saleor/components/TableHead";
|
||||||
import TablePagination from "@saleor/components/TablePagination";
|
import TablePagination from "@saleor/components/TablePagination";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
import { Button, DeleteIcon, IconButton, makeStyles } from "@saleor/macaw-ui";
|
||||||
import { mapEdgesToItems } from "@saleor/utils/maps";
|
import { mapEdgesToItems } from "@saleor/utils/maps";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
@ -29,10 +26,8 @@ import { CollectionDetails_collection } from "../../types/CollectionDetails";
|
||||||
const useStyles = makeStyles(
|
const useStyles = makeStyles(
|
||||||
theme => ({
|
theme => ({
|
||||||
colActions: {
|
colActions: {
|
||||||
"&:last-child": {
|
width: `calc(76px + ${theme.spacing(1)})`,
|
||||||
paddingRight: 0
|
marginRight: theme.spacing(-2)
|
||||||
},
|
|
||||||
width: `calc(76px + ${theme.spacing(0.5)})`
|
|
||||||
},
|
},
|
||||||
colName: {
|
colName: {
|
||||||
paddingLeft: 0,
|
paddingLeft: 0,
|
||||||
|
|
@ -63,8 +58,6 @@ export interface CollectionProductsProps extends PageListProps, ListActions {
|
||||||
onProductUnassign: (id: string, event: React.MouseEvent<any>) => void;
|
onProductUnassign: (id: string, event: React.MouseEvent<any>) => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const numberOfColumns = 5;
|
|
||||||
|
|
||||||
const CollectionProducts: React.FC<CollectionProductsProps> = props => {
|
const CollectionProducts: React.FC<CollectionProductsProps> = props => {
|
||||||
const {
|
const {
|
||||||
channelsCount,
|
channelsCount,
|
||||||
|
|
@ -86,6 +79,9 @@ const CollectionProducts: React.FC<CollectionProductsProps> = props => {
|
||||||
const classes = useStyles(props);
|
const classes = useStyles(props);
|
||||||
const intl = useIntl();
|
const intl = useIntl();
|
||||||
|
|
||||||
|
const products = mapEdgesToItems(collection?.products);
|
||||||
|
const numberOfColumns = products?.length === 0 ? 4 : 5;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Card>
|
<Card>
|
||||||
<CardTitle
|
<CardTitle
|
||||||
|
|
@ -108,8 +104,7 @@ const CollectionProducts: React.FC<CollectionProductsProps> = props => {
|
||||||
<Button
|
<Button
|
||||||
data-test-id="add-product"
|
data-test-id="add-product"
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
variant="text"
|
variant="tertiary"
|
||||||
color="primary"
|
|
||||||
onClick={onAdd}
|
onClick={onAdd}
|
||||||
>
|
>
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
|
|
@ -163,7 +158,7 @@ const CollectionProducts: React.FC<CollectionProductsProps> = props => {
|
||||||
</TableFooter>
|
</TableFooter>
|
||||||
<TableBody>
|
<TableBody>
|
||||||
{renderCollection(
|
{renderCollection(
|
||||||
mapEdgesToItems(collection?.products),
|
products,
|
||||||
product => {
|
product => {
|
||||||
const isSelected = product ? isChecked(product.id) : false;
|
const isSelected = product ? isChecked(product.id) : false;
|
||||||
|
|
||||||
|
|
@ -209,10 +204,11 @@ const CollectionProducts: React.FC<CollectionProductsProps> = props => {
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell className={classes.colActions}>
|
<TableCell className={classes.colActions}>
|
||||||
<IconButton
|
<IconButton
|
||||||
|
variant="secondary"
|
||||||
disabled={!product}
|
disabled={!product}
|
||||||
onClick={event => onProductUnassign(product.id, event)}
|
onClick={event => onProductUnassign(product.id, event)}
|
||||||
>
|
>
|
||||||
<DeleteIcon color="primary" />
|
<DeleteIcon />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</TableCell>
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
|
|
@ -220,7 +216,6 @@ const CollectionProducts: React.FC<CollectionProductsProps> = props => {
|
||||||
},
|
},
|
||||||
() => (
|
() => (
|
||||||
<TableRow>
|
<TableRow>
|
||||||
<TableCell />
|
|
||||||
<TableCell colSpan={numberOfColumns}>
|
<TableCell colSpan={numberOfColumns}>
|
||||||
<FormattedMessage defaultMessage="No products found" />
|
<FormattedMessage defaultMessage="No products found" />
|
||||||
</TableCell>
|
</TableCell>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import { Button, DialogContentText } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import {
|
import {
|
||||||
createCollectionChannels,
|
createCollectionChannels,
|
||||||
createCollectionChannelsData
|
createCollectionChannelsData
|
||||||
|
|
@ -19,6 +19,7 @@ import useLocalStorage from "@saleor/hooks/useLocalStorage";
|
||||||
import useNavigator from "@saleor/hooks/useNavigator";
|
import useNavigator from "@saleor/hooks/useNavigator";
|
||||||
import useNotifier from "@saleor/hooks/useNotifier";
|
import useNotifier from "@saleor/hooks/useNotifier";
|
||||||
import { commonMessages, errorMessages } from "@saleor/intl";
|
import { commonMessages, errorMessages } from "@saleor/intl";
|
||||||
|
import { Button } from "@saleor/macaw-ui";
|
||||||
import useProductSearch from "@saleor/searches/useProductSearch";
|
import useProductSearch from "@saleor/searches/useProductSearch";
|
||||||
import { arrayDiff } from "@saleor/utils/arrays";
|
import { arrayDiff } from "@saleor/utils/arrays";
|
||||||
import createDialogActionHandlers from "@saleor/utils/handlers/dialogActionHandlers";
|
import createDialogActionHandlers from "@saleor/utils/handlers/dialogActionHandlers";
|
||||||
|
|
@ -321,7 +322,6 @@ export const CollectionDetails: React.FC<CollectionDetailsProps> = ({
|
||||||
saveButtonBarState={formTransitionState}
|
saveButtonBarState={formTransitionState}
|
||||||
toolbar={
|
toolbar={
|
||||||
<Button
|
<Button
|
||||||
color="primary"
|
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
openModal("unassign", {
|
openModal("unassign", {
|
||||||
ids: listElements
|
ids: listElements
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import { DialogContentText, IconButton } from "@material-ui/core";
|
import { DialogContentText } from "@material-ui/core";
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
|
||||||
import ActionDialog from "@saleor/components/ActionDialog";
|
import ActionDialog from "@saleor/components/ActionDialog";
|
||||||
import useAppChannel from "@saleor/components/AppLayout/AppChannelContext";
|
import useAppChannel from "@saleor/components/AppLayout/AppChannelContext";
|
||||||
import DeleteFilterTabDialog from "@saleor/components/DeleteFilterTabDialog";
|
import DeleteFilterTabDialog from "@saleor/components/DeleteFilterTabDialog";
|
||||||
|
|
@ -15,6 +14,7 @@ import usePaginator, {
|
||||||
createPaginationState
|
createPaginationState
|
||||||
} from "@saleor/hooks/usePaginator";
|
} from "@saleor/hooks/usePaginator";
|
||||||
import { commonMessages } from "@saleor/intl";
|
import { commonMessages } from "@saleor/intl";
|
||||||
|
import { DeleteIcon, IconButton } from "@saleor/macaw-ui";
|
||||||
import { maybe } from "@saleor/misc";
|
import { maybe } from "@saleor/misc";
|
||||||
import { ListViews } from "@saleor/types";
|
import { ListViews } from "@saleor/types";
|
||||||
import createDialogActionHandlers from "@saleor/utils/handlers/dialogActionHandlers";
|
import createDialogActionHandlers from "@saleor/utils/handlers/dialogActionHandlers";
|
||||||
|
|
@ -192,6 +192,7 @@ export const CollectionList: React.FC<CollectionListProps> = ({ params }) => {
|
||||||
onRowClick={id => () => navigate(collectionUrl(id))}
|
onRowClick={id => () => navigate(collectionUrl(id))}
|
||||||
toolbar={
|
toolbar={
|
||||||
<IconButton
|
<IconButton
|
||||||
|
variant="secondary"
|
||||||
color="primary"
|
color="primary"
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
openModal("remove", {
|
openModal("remove", {
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
import { IconButton, Typography } from "@material-ui/core";
|
import { Typography } from "@material-ui/core";
|
||||||
import AddIcon from "@material-ui/icons/Add";
|
import AddIcon from "@material-ui/icons/Add";
|
||||||
import RemoveIcon from "@material-ui/icons/Remove";
|
import RemoveIcon from "@material-ui/icons/Remove";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
import { IconButton, makeStyles } from "@saleor/macaw-ui";
|
||||||
import classNames from "classnames";
|
import classNames from "classnames";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
|
|
@ -58,7 +58,10 @@ const Accordion: React.FC<AccordionProps> = ({
|
||||||
<div className={classes.title}>
|
<div className={classes.title}>
|
||||||
<Typography className={classes.titleText}>{title}</Typography>
|
<Typography className={classes.titleText}>{title}</Typography>
|
||||||
<div className={classes.expandButton}>
|
<div className={classes.expandButton}>
|
||||||
<IconButton onClick={() => setExpanded(!expanded)}>
|
<IconButton
|
||||||
|
variant="secondary"
|
||||||
|
onClick={() => setExpanded(!expanded)}
|
||||||
|
>
|
||||||
{expanded ? <RemoveIcon /> : <AddIcon />}
|
{expanded ? <RemoveIcon /> : <AddIcon />}
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
import { Dialog, DialogContent, DialogTitle } from "@material-ui/core";
|
import { Dialog, DialogContent, DialogTitle } from "@material-ui/core";
|
||||||
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import { DialogProps } from "@saleor/types";
|
import { DialogProps } from "@saleor/types";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
import { ConfirmButtonTransitionState } from "../ConfirmButton";
|
|
||||||
import DialogButtons from "./DialogButtons";
|
import DialogButtons from "./DialogButtons";
|
||||||
import { ActionDialogVariant, Size } from "./types";
|
import { ActionDialogVariant, Size } from "./types";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,26 +1,13 @@
|
||||||
import { Button, DialogActions } from "@material-ui/core";
|
import { DialogActions } from "@material-ui/core";
|
||||||
import { buttonMessages } from "@saleor/intl";
|
import { buttonMessages } from "@saleor/intl";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import classNames from "classnames";
|
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { useIntl } from "react-intl";
|
||||||
|
|
||||||
import ConfirmButton, { ConfirmButtonTransitionState } from "../ConfirmButton";
|
import BackButton from "../BackButton";
|
||||||
|
import ConfirmButton from "../ConfirmButton";
|
||||||
import { ActionDialogVariant } from "./types";
|
import { ActionDialogVariant } from "./types";
|
||||||
|
|
||||||
const useStyles = makeStyles(
|
|
||||||
theme => ({
|
|
||||||
deleteButton: {
|
|
||||||
"&:hover": {
|
|
||||||
backgroundColor: theme.palette.error.main
|
|
||||||
},
|
|
||||||
backgroundColor: theme.palette.error.main,
|
|
||||||
color: theme.palette.error.contrastText
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
{ name: "ActionDialog" }
|
|
||||||
);
|
|
||||||
|
|
||||||
interface DialogButtonsProps {
|
interface DialogButtonsProps {
|
||||||
onClose: () => void;
|
onClose: () => void;
|
||||||
confirmButtonLabel?: string;
|
confirmButtonLabel?: string;
|
||||||
|
|
@ -44,27 +31,18 @@ const DialogButtons: React.FC<DialogButtonsProps> = props => {
|
||||||
showBackButton = true
|
showBackButton = true
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
const classes = useStyles(props);
|
|
||||||
const intl = useIntl();
|
const intl = useIntl();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DialogActions>
|
<DialogActions>
|
||||||
{children}
|
{children}
|
||||||
{showBackButton && (
|
{showBackButton && <BackButton onClick={onClose} />}
|
||||||
<Button data-test="back" onClick={onClose} color="secondary">
|
|
||||||
<FormattedMessage {...buttonMessages.back} />
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
{variant !== "info" && (
|
{variant !== "info" && (
|
||||||
<ConfirmButton
|
<ConfirmButton
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
transitionState={confirmButtonState}
|
transitionState={confirmButtonState}
|
||||||
color="primary"
|
|
||||||
variant="contained"
|
|
||||||
onClick={onConfirm}
|
onClick={onConfirm}
|
||||||
className={classNames({
|
error={variant === "delete"}
|
||||||
[classes.deleteButton]: variant === "delete"
|
|
||||||
})}
|
|
||||||
data-test-id="submit"
|
data-test-id="submit"
|
||||||
data-test="submit"
|
data-test="submit"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,9 @@ import SingleSelectField from "../SingleSelectField";
|
||||||
|
|
||||||
const useStyles = makeStyles(
|
const useStyles = makeStyles(
|
||||||
theme => ({
|
theme => ({
|
||||||
|
input: {
|
||||||
|
height: 40
|
||||||
|
},
|
||||||
root: {
|
root: {
|
||||||
"&& fieldset": {
|
"&& fieldset": {
|
||||||
borderColor: theme.palette.divider
|
borderColor: theme.palette.divider
|
||||||
|
|
@ -36,6 +39,9 @@ const AppChannelSelect: React.FC<AppChannelSelectProps> = ({
|
||||||
return (
|
return (
|
||||||
<div className={classes.root}>
|
<div className={classes.root}>
|
||||||
<SingleSelectField
|
<SingleSelectField
|
||||||
|
InputProps={{
|
||||||
|
className: classes.input
|
||||||
|
}}
|
||||||
testId="app-channel-select"
|
testId="app-channel-select"
|
||||||
choices={mapNodeToChoice(channels)}
|
choices={mapNodeToChoice(channels)}
|
||||||
value={selectedChannelId}
|
value={selectedChannelId}
|
||||||
|
|
|
||||||
|
|
@ -108,7 +108,7 @@ const useStyles = makeStyles(
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
viewContainer: {
|
viewContainer: {
|
||||||
minHeight: `calc(100vh + ${appLoaderHeight + 70}px - ${theme.spacing(2)})`
|
minHeight: `calc(100vh - ${appLoaderHeight + 72}px - ${theme.spacing(4)})`
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
{
|
{
|
||||||
|
|
@ -170,7 +170,7 @@ const AppLayout: React.FC<AppLayoutProps> = ({ children }) => {
|
||||||
<div className={classes.root}>
|
<div className={classes.root}>
|
||||||
{isMdUp && (
|
{isMdUp && (
|
||||||
<Sidebar
|
<Sidebar
|
||||||
active={activeMenu}
|
activeId={activeMenu}
|
||||||
menuItems={menuStructure}
|
menuItems={menuStructure}
|
||||||
onMenuItemClick={handleMenuItemClick}
|
onMenuItemClick={handleMenuItemClick}
|
||||||
/>
|
/>
|
||||||
|
|
@ -226,6 +226,7 @@ const AppLayout: React.FC<AppLayoutProps> = ({ children }) => {
|
||||||
<ErrorPage
|
<ErrorPage
|
||||||
id={appState.error.id}
|
id={appState.error.id}
|
||||||
onBack={handleErrorBack}
|
onBack={handleErrorBack}
|
||||||
|
onRefresh={() => window.location.reload()}
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
: children}
|
: children}
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,7 @@ import customerIcon from "@assets/images/menu-customers-icon.svg";
|
||||||
import discountsIcon from "@assets/images/menu-discounts-icon.svg";
|
import discountsIcon from "@assets/images/menu-discounts-icon.svg";
|
||||||
import homeIcon from "@assets/images/menu-home-icon.svg";
|
import homeIcon from "@assets/images/menu-home-icon.svg";
|
||||||
import ordersIcon from "@assets/images/menu-orders-icon.svg";
|
import ordersIcon from "@assets/images/menu-orders-icon.svg";
|
||||||
|
import pagesIcon from "@assets/images/menu-pages-icon.svg";
|
||||||
import translationIcon from "@assets/images/menu-translation-icon.svg";
|
import translationIcon from "@assets/images/menu-translation-icon.svg";
|
||||||
import { configurationMenuUrl } from "@saleor/configuration";
|
import { configurationMenuUrl } from "@saleor/configuration";
|
||||||
import { getConfigMenuItemsPermissions } from "@saleor/configuration/utils";
|
import { getConfigMenuItemsPermissions } from "@saleor/configuration/utils";
|
||||||
|
|
@ -12,6 +13,7 @@ import { User } from "@saleor/fragments/types/User";
|
||||||
import { giftCardListUrl } from "@saleor/giftCards/urls";
|
import { giftCardListUrl } from "@saleor/giftCards/urls";
|
||||||
import { commonMessages, sectionNames } from "@saleor/intl";
|
import { commonMessages, sectionNames } from "@saleor/intl";
|
||||||
import { SidebarMenuItem } from "@saleor/macaw-ui";
|
import { SidebarMenuItem } from "@saleor/macaw-ui";
|
||||||
|
import { pageListPath } from "@saleor/pages/urls";
|
||||||
import { IntlShape } from "react-intl";
|
import { IntlShape } from "react-intl";
|
||||||
|
|
||||||
import { appsListPath } from "../../apps/urls";
|
import { appsListPath } from "../../apps/urls";
|
||||||
|
|
@ -131,6 +133,14 @@ function createMenuStructure(intl: IntlShape, user: User): SidebarMenuItem[] {
|
||||||
permissions: [PermissionEnum.MANAGE_DISCOUNTS],
|
permissions: [PermissionEnum.MANAGE_DISCOUNTS],
|
||||||
id: "discounts"
|
id: "discounts"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
ariaLabel: "pages",
|
||||||
|
iconSrc: pagesIcon,
|
||||||
|
label: intl.formatMessage(sectionNames.pages),
|
||||||
|
permissions: [PermissionEnum.MANAGE_PAGES],
|
||||||
|
id: "pages",
|
||||||
|
url: pageListPath
|
||||||
|
},
|
||||||
{
|
{
|
||||||
ariaLabel: "apps",
|
ariaLabel: "apps",
|
||||||
iconSrc: appsIcon,
|
iconSrc: appsIcon,
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
|
||||||
CircularProgress,
|
CircularProgress,
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogActions,
|
DialogActions,
|
||||||
|
|
@ -13,9 +12,7 @@ import {
|
||||||
Typography
|
Typography
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
import Checkbox from "@saleor/components/Checkbox";
|
import Checkbox from "@saleor/components/Checkbox";
|
||||||
import ConfirmButton, {
|
import ConfirmButton from "@saleor/components/ConfirmButton";
|
||||||
ConfirmButtonTransitionState
|
|
||||||
} from "@saleor/components/ConfirmButton";
|
|
||||||
import ResponsiveTable from "@saleor/components/ResponsiveTable";
|
import ResponsiveTable from "@saleor/components/ResponsiveTable";
|
||||||
import { AvailableAttributeFragment } from "@saleor/fragments/types/AvailableAttributeFragment";
|
import { AvailableAttributeFragment } from "@saleor/fragments/types/AvailableAttributeFragment";
|
||||||
import useElementScroll, {
|
import useElementScroll, {
|
||||||
|
|
@ -24,8 +21,7 @@ import useElementScroll, {
|
||||||
import useModalDialogErrors from "@saleor/hooks/useModalDialogErrors";
|
import useModalDialogErrors from "@saleor/hooks/useModalDialogErrors";
|
||||||
import useModalDialogOpen from "@saleor/hooks/useModalDialogOpen";
|
import useModalDialogOpen from "@saleor/hooks/useModalDialogOpen";
|
||||||
import useSearchQuery from "@saleor/hooks/useSearchQuery";
|
import useSearchQuery from "@saleor/hooks/useSearchQuery";
|
||||||
import { buttonMessages } from "@saleor/intl";
|
import { ConfirmButtonTransitionState, makeStyles } from "@saleor/macaw-ui";
|
||||||
import { makeStyles } from "@saleor/macaw-ui";
|
|
||||||
import { maybe, renderCollection } from "@saleor/misc";
|
import { maybe, renderCollection } from "@saleor/misc";
|
||||||
import { FetchMoreProps } from "@saleor/types";
|
import { FetchMoreProps } from "@saleor/types";
|
||||||
import classNames from "classnames";
|
import classNames from "classnames";
|
||||||
|
|
@ -33,6 +29,7 @@ import React from "react";
|
||||||
import InfiniteScroll from "react-infinite-scroll-component";
|
import InfiniteScroll from "react-infinite-scroll-component";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
|
|
||||||
|
import BackButton from "../BackButton";
|
||||||
import { messages } from "./messages";
|
import { messages } from "./messages";
|
||||||
|
|
||||||
const useStyles = makeStyles(
|
const useStyles = makeStyles(
|
||||||
|
|
@ -52,6 +49,7 @@ const useStyles = makeStyles(
|
||||||
loadMoreLoaderContainer: {
|
loadMoreLoaderContainer: {
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
display: "flex",
|
display: "flex",
|
||||||
|
marginTop: theme.spacing(2),
|
||||||
height: theme.spacing(3),
|
height: theme.spacing(3),
|
||||||
justifyContent: "center"
|
justifyContent: "center"
|
||||||
},
|
},
|
||||||
|
|
@ -148,7 +146,7 @@ const AssignAttributeDialog: React.FC<AssignAttributeDialogProps> = ({
|
||||||
id={scrollableTargetId}
|
id={scrollableTargetId}
|
||||||
>
|
>
|
||||||
<InfiniteScroll
|
<InfiniteScroll
|
||||||
dataLength={attributes?.length}
|
dataLength={attributes?.length || 0}
|
||||||
next={onFetchMore}
|
next={onFetchMore}
|
||||||
hasMore={hasMore}
|
hasMore={hasMore}
|
||||||
scrollThreshold="100px"
|
scrollThreshold="100px"
|
||||||
|
|
@ -218,13 +216,9 @@ const AssignAttributeDialog: React.FC<AssignAttributeDialogProps> = ({
|
||||||
[classes.dropShadow]: !isScrolledToBottom(anchor, position)
|
[classes.dropShadow]: !isScrolledToBottom(anchor, position)
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
<Button onClick={onClose}>
|
<BackButton onClick={onClose} />
|
||||||
<FormattedMessage {...buttonMessages.back} />
|
|
||||||
</Button>
|
|
||||||
<ConfirmButton
|
<ConfirmButton
|
||||||
transitionState={confirmButtonState}
|
transitionState={confirmButtonState}
|
||||||
color="primary"
|
|
||||||
variant="contained"
|
|
||||||
type="submit"
|
type="submit"
|
||||||
onClick={onSubmit}
|
onClick={onSubmit}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import {
|
import {
|
||||||
Button,
|
|
||||||
CircularProgress,
|
CircularProgress,
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogActions,
|
DialogActions,
|
||||||
|
|
@ -12,15 +11,16 @@ import {
|
||||||
} from "@material-ui/core";
|
} from "@material-ui/core";
|
||||||
import ResponsiveTable from "@saleor/components/ResponsiveTable";
|
import ResponsiveTable from "@saleor/components/ResponsiveTable";
|
||||||
import useSearchQuery from "@saleor/hooks/useSearchQuery";
|
import useSearchQuery from "@saleor/hooks/useSearchQuery";
|
||||||
import { buttonMessages } from "@saleor/intl";
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
||||||
import useScrollableDialogStyle from "@saleor/styles/useScrollableDialogStyle";
|
import useScrollableDialogStyle from "@saleor/styles/useScrollableDialogStyle";
|
||||||
import { DialogProps, FetchMoreProps, Node } from "@saleor/types";
|
import { DialogProps, FetchMoreProps, Node } from "@saleor/types";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import InfiniteScroll from "react-infinite-scroll-component";
|
import InfiniteScroll from "react-infinite-scroll-component";
|
||||||
import { FormattedMessage } from "react-intl";
|
import { FormattedMessage } from "react-intl";
|
||||||
|
|
||||||
|
import BackButton from "../BackButton";
|
||||||
import Checkbox from "../Checkbox";
|
import Checkbox from "../Checkbox";
|
||||||
import ConfirmButton, { ConfirmButtonTransitionState } from "../ConfirmButton";
|
import ConfirmButton from "../ConfirmButton";
|
||||||
import { messages } from "./messages";
|
import { messages } from "./messages";
|
||||||
import { useStyles } from "./styles";
|
import { useStyles } from "./styles";
|
||||||
|
|
||||||
|
|
@ -162,13 +162,9 @@ const AssignContainerDialog: React.FC<AssignContainerDialogProps> = props => {
|
||||||
</InfiniteScroll>
|
</InfiniteScroll>
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
<DialogActions>
|
<DialogActions>
|
||||||
<Button onClick={onClose}>
|
<BackButton onClick={onClose} />
|
||||||
<FormattedMessage {...buttonMessages.back} />
|
|
||||||
</Button>
|
|
||||||
<ConfirmButton
|
<ConfirmButton
|
||||||
transitionState={confirmButtonState}
|
transitionState={confirmButtonState}
|
||||||
color="primary"
|
|
||||||
variant="contained"
|
|
||||||
type="submit"
|
type="submit"
|
||||||
onClick={handleSubmit}
|
onClick={handleSubmit}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue