zune/SocialZuneNet
0
0
Fork 0
mirror of https://github.com/ZuneDev/SocialZuneNet.git synced 2026-07-27 13:13:03 -07:00
Code Issues Packages Projects Releases Wiki Activity

Updated to React 17

Browse Source 
Broke 404 page
This commit is contained in:
Yoshi Askharoun
2022-05-09 10:53:07 -05:00
parent b8a53f03a2
commit 3f1f40026e
14 changed files with 19930 additions and 11548 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+19749 -11412
View File
File diff suppressed because it is too large Load Diff
package.json
+12 -12
View File
@@ -4,21 +4,21 @@
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.12.0",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"@types/jest": "^26.0.23",
"@types/node": "^12.20.13",
"@types/react": "^17.0.6",
"@types/react-dom": "^17.0.5",
"axios": "^0.21.1",
"@testing-library/react": "^12.1.5",
"@testing-library/user-event": "^14.1.1",
"@types/jest": "^27.5.0",
"@types/node": "^17.0.31",
"@types/react": "^17.0.45",
"@types/react-dom": "^17.0.16",
"axios": "^0.27.2",
"react": "^17.0.2",
"react-bootstrap": "^1.6.0",
"react-bootstrap": "^1.6.4",
"react-dom": "^17.0.2",
"react-helmet": "^6.1.0",
"react-router-dom": "^5.2.0",
"react-scripts": "4.0.3",
"typescript": "^4.2.4",
"web-vitals": "^1.1.2"
"react-router-dom": "^6.3.0",
"react-scripts": "5.0.1",
"typescript": "^3.9.10",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
src/App.tsx
+33 -9
View File
@@ -1,16 +1,40 @@
import React from 'react';
import logo from './assets/logo.svg';
import './App.css';
import Home from './pages/Home'
import Header from './components/Header'
import Footer from "./components/Footer";
import JoinTheSocial_default from "./pages/en-US/promotions/JoinTheSocial_default";
import Software_default from "./pages/en-US/products/software/default";
import Software_download_default from "./pages/en-US/products/software/download/default";
import PageNotFound from "./pages/PageNotFound";
import RedirectPage from './pages/Redirect';
const ReactRouterDOM = require('react-router-dom');
const {Routes, Switch, Route, Redirect} = ReactRouterDOM;
const Router = ReactRouterDOM.BrowserRouter;
function App() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.tsx</code> and save to reload.
</p>
</header>
<div>
<Header/>
<div className="App ZPage Zwrapper">
<Routes>
<Route exact path="/" element={<Home/>}/>
<Route exact path="/redirect" element={<RedirectPage/>}/>
<Route path={`/en-US/promotions/jointhesocial/:type`} element={<JoinTheSocial_default/>}/>
{/*<Redirect exact from='/blog/' to="/tutorials/" />*/}
{/*<Route path="/tutorials/" element={<About/>} />*/}
<Route path="/en-US/products/software/download/:page" element={<Software_download_default/>}/>
<Route path="/en-US/products/software/:page" element={<Software_default/>}/>
<Route path="/" element={<PageNotFound/>}/>
</Routes>
<Footer/>
</div>
<div style={{marginLeft: "auto", marginRight: "auto"}}>
</div>
</div>
);
}
src/api/constants.ts
+5 -3
View File
@@ -1,8 +1,10 @@
export const domainBase = "zunes.tk";
export const domainBase = "zunes.me";
export const versionAndRegionDomainBase = domainBase + "/v3.2/en-US";
export const catalogBase = "http://127.0.0.2/v3.2/en-US"; //https://catalog." + versionAndRegionDomainBase;
export const imageCatalogBase = "http://127.0.0.1/v3.2/en-US"; //"https://image." + versionAndRegionDomainBase;
export const catalogBase = "https://catalog." + versionAndRegionDomainBase;
export const imageCatalogBase = "https://image." + versionAndRegionDomainBase;
export const commerceBase = "https://commerce." + versionAndRegionDomainBase;
export const resourcesBase = "https://resources." + versionAndRegionDomainBase;
export const metadataBase = "https://fai.music.metaservices." + versionAndRegionDomainBase;
export const musicbrainzBase = "https://musicbrainz.org"
src/assets/header_logo.svg
+14 -19
View File
@@ -1,24 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 521 189" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
<g>
<g transform="matrix(1.05986,0,0,1.05986,-19.4826,-8.46417)">
<path d="M182.373,65.406L233.884,65.406C233.884,65.406 184.137,121.572 182.532,123.178C180.928,124.782 180.928,127.189 180.928,127.189L180.928,131.522C180.928,132.486 180.928,133.928 184.297,133.928L246.721,133.928C249.288,133.928 250.253,132.804 250.253,131.682L250.253,125.906C250.253,124.623 249.61,123.74 248.087,123.74L197.296,123.74C197.296,123.74 246.562,67.813 248.006,65.889C249.45,63.963 250.246,63.128 250.246,61.201C250.246,59.276 250.216,58.504 250.216,57.22C250.216,55.936 249.716,54.494 247.525,54.494L188.309,54.494L182.373,65.406Z" style="fill:rgb(51,51,51);fill-rule:nonzero;"/>
<path d="M265.642,54.478C267.57,54.478 270.955,54.495 272.078,54.495C273.943,54.495 274.566,55.298 274.566,56.982L274.566,112.586C274.566,115.956 276.882,125.545 287.525,125.545L310.752,125.545C317.248,125.545 323.732,121.214 323.732,112.566L323.732,56.902C323.732,55.298 324.422,54.815 325.717,54.815C327.01,54.815 330.651,54.805 332.737,54.805C333.479,54.805 334.824,54.976 334.824,56.903L334.824,109.539C334.824,120.129 328.97,135.152 310.356,135.152C291.741,135.152 298.556,135.053 287.964,135.053C273.752,135.053 263.091,124.944 263.091,108.414C263.091,91.885 263.107,58.858 263.107,57.092C263.106,55.327 264.36,54.478 265.642,54.478Z" style="fill:rgb(51,51,51);fill-rule:nonzero;"/>
<path d="M415.778,135.151C413.852,135.151 410.465,135.132 409.34,135.132C407.473,135.132 406.854,134.33 406.854,132.646L406.854,77.041C406.854,73.671 404.535,64.082 393.895,64.082L370.666,64.082C364.171,64.082 357.687,68.417 357.687,77.062L357.687,132.726C357.687,134.33 356.995,134.811 355.701,134.811C354.406,134.811 350.766,134.822 348.68,134.822C347.939,134.822 346.596,134.652 346.596,132.726L346.596,80.09C346.596,69.5 352.448,54.478 371.064,54.478C389.678,54.478 382.861,54.574 393.453,54.574C407.668,54.574 418.327,64.684 418.327,81.215C418.327,97.743 418.313,130.771 418.313,132.535C418.313,134.3 417.06,135.151 415.778,135.151Z" style="fill:rgb(51,51,51);fill-rule:nonzero;"/>
<path d="M497.535,61.52C491.896,55.596 483.569,53.199 475.812,53.199L458.036,53.199C454.51,53.199 441.245,54.043 434.333,65.05C427.424,76.052 428.834,89.454 428.834,93.686C428.834,97.919 427.451,116.636 438.849,127.12C445.903,133.609 454.93,134.034 460.01,134.034L494.152,134.034L500.357,124.3L459.729,124.3C451.265,124.3 440.263,118.375 440.263,106.383L440.263,98.061L498.382,98.061C502.473,98.061 504.448,96.649 504.448,93.546L504.448,81.697C504.448,77.603 503.18,67.446 497.535,61.52ZM493.866,86.632L440.668,86.632C440.668,86.632 440.731,84.924 440.731,80.832C440.731,71.178 447.874,64.061 458.994,64.061C467.884,64.061 460.449,64.166 476.813,64.166C490.059,64.166 493.867,75.277 493.867,79.552C493.866,81.525 493.866,86.632 493.866,86.632Z" style="fill:rgb(51,51,51);fill-rule:nonzero;"/>
</g>
<g>
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" style="fill:none;stroke:url(#_Linear1);stroke-width:12px;"/>
<g transform="matrix(1,0,0,1,0,84)">
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" style="fill:none;stroke:url(#_Linear2);stroke-width:12px;"/>
</g>
<path d="M14,135.145L81,9.1L81,177.1L148,51.1" style="fill:none;stroke:url(#_Linear3);stroke-width:12px;"/>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" version="1.1" viewBox="0 0 521 189" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1.0599 0 0 1.0599 -19.483 -8.4642)" fill="#333" fill-rule="nonzero">
<path d="m182.37 65.406h51.511s-49.747 56.166-51.352 57.772c-1.604 1.604-1.604 4.011-1.604 4.011v4.333c0 0.964 0 2.406 3.369 2.406h62.424c2.567 0 3.532-1.124 3.532-2.246v-5.776c0-1.283-0.643-2.166-2.166-2.166h-50.791s49.266-55.927 50.71-57.851c1.444-1.926 2.24-2.761 2.24-4.688 0-1.925-0.03-2.697-0.03-3.981s-0.5-2.726-2.691-2.726h-59.216l-5.936 10.912z"/>
<path d="m265.64 54.478c1.928 0 5.313 0.017 6.436 0.017 1.865 0 2.488 0.803 2.488 2.487v55.604c0 3.37 2.316 12.959 12.959 12.959h23.227c6.496 0 12.98-4.331 12.98-12.979v-55.664c0-1.604 0.69-2.087 1.985-2.087 1.293 0 4.934-0.01 7.02-0.01 0.742 0 2.087 0.171 2.087 2.098v52.636c0 10.59-5.854 25.613-24.468 25.613-18.615 0-11.8-0.099-22.392-0.099-14.212 0-24.873-10.109-24.873-26.639 0-16.529 0.016-49.556 0.016-51.322-1e-3 -1.765 1.253-2.614 2.535-2.614z"/>
<path d="m415.78 135.15c-1.926 0-5.313-0.019-6.438-0.019-1.867 0-2.486-0.802-2.486-2.486v-55.605c0-3.37-2.319-12.959-12.959-12.959h-23.229c-6.495 0-12.979 4.335-12.979 12.98v55.664c0 1.604-0.692 2.085-1.986 2.085-1.295 0-4.935 0.011-7.021 0.011-0.741 0-2.084-0.17-2.084-2.096v-52.636c0-10.59 5.852-25.612 24.468-25.612 18.614 0 11.797 0.096 22.389 0.096 14.215 0 24.874 10.11 24.874 26.641 0 16.528-0.014 49.556-0.014 51.32 0 1.765-1.253 2.616-2.535 2.616z"/>
<path d="m497.54 61.52c-5.639-5.924-13.966-8.321-21.723-8.321h-17.776c-3.526 0-16.791 0.844-23.703 11.851-6.909 11.002-5.499 24.404-5.499 28.636 0 4.233-1.383 22.95 10.015 33.434 7.054 6.489 16.081 6.914 21.161 6.914h34.142l6.205-9.734h-40.628c-8.464 0-19.466-5.925-19.466-17.917v-8.322h58.119c4.091 0 6.066-1.412 6.066-4.515v-11.849c0-4.094-1.268-14.251-6.913-20.177zm-3.669 25.112h-53.198s0.063-1.708 0.063-5.8c0-9.654 7.143-16.771 18.263-16.771 8.89 0 1.455 0.105 17.819 0.105 13.246 0 17.054 11.111 17.054 15.386-1e-3 1.973-1e-3 7.08-1e-3 7.08z"/>
</g>
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" fill="none" stroke="url(#a)" stroke-width="12px"/>
<g transform="translate(0 84)">
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" fill="none" stroke="url(#b)" stroke-width="12px"/>
</g>
<path d="m14 135.14l67-126.04v168l67-126" fill="none" stroke="url(#a)" stroke-width="12px"/>
<defs>
<linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-2.70165e-14,-168,210.627,-3.38714e-14,81,177.1)"><stop offset="0" style="stop-color:rgb(238,144,55);stop-opacity:1"/><stop offset="0.1" style="stop-color:rgb(238,142,62);stop-opacity:1"/><stop offset="0.26" style="stop-color:rgb(238,136,79);stop-opacity:1"/><stop offset="0.46" style="stop-color:rgb(236,125,99);stop-opacity:1"/><stop offset="0.69" style="stop-color:rgb(234,108,118);stop-opacity:1"/><stop offset="0.95" style="stop-color:rgb(230,85,138);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(230,78,141);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-2.70165e-14,-168,210.627,-3.38714e-14,81,93.1)"><stop offset="0" style="stop-color:rgb(238,144,55);stop-opacity:1"/><stop offset="0.1" style="stop-color:rgb(238,142,62);stop-opacity:1"/><stop offset="0.26" style="stop-color:rgb(238,136,79);stop-opacity:1"/><stop offset="0.46" style="stop-color:rgb(236,125,99);stop-opacity:1"/><stop offset="0.69" style="stop-color:rgb(234,108,118);stop-opacity:1"/><stop offset="0.95" style="stop-color:rgb(230,85,138);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(230,78,141);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-2.70165e-14,-168,210.627,-3.38714e-14,81,177.1)"><stop offset="0" style="stop-color:rgb(238,144,55);stop-opacity:1"/><stop offset="0.1" style="stop-color:rgb(238,142,62);stop-opacity:1"/><stop offset="0.26" style="stop-color:rgb(238,136,79);stop-opacity:1"/><stop offset="0.46" style="stop-color:rgb(236,125,99);stop-opacity:1"/><stop offset="0.69" style="stop-color:rgb(234,108,118);stop-opacity:1"/><stop offset="0.95" style="stop-color:rgb(230,85,138);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(230,78,141);stop-opacity:1"/></linearGradient>
<linearGradient id="a" x2="1" gradientTransform="matrix(-2.7016e-14 -168 210.63 -3.3871e-14 81 177.1)" gradientUnits="userSpaceOnUse"><stop stop-color="#ee9037" offset="0"/><stop stop-color="#ee8e3e" offset=".1"/><stop stop-color="#ee884f" offset=".26"/><stop stop-color="#ec7d63" offset=".46"/><stop stop-color="#ea6c76" offset=".69"/><stop stop-color="#e6558a" offset=".95"/><stop stop-color="#e64e8d" offset="1"/></linearGradient>
<linearGradient id="b" x2="1" gradientTransform="matrix(-2.7016e-14 -168 210.63 -3.3871e-14 81 93.1)" gradientUnits="userSpaceOnUse"><stop stop-color="#ee9037" offset="0"/><stop stop-color="#ee8e3e" offset=".1"/><stop stop-color="#ee884f" offset=".26"/><stop stop-color="#ec7d63" offset=".46"/><stop stop-color="#ea6c76" offset=".69"/><stop stop-color="#e6558a" offset=".95"/><stop stop-color="#e64e8d" offset="1"/></linearGradient>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

src/assets/icon_smartdj.svg
+6 -6
View File
@@ -1,10 +1,10 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.991894,0,0,0.991894,-0.0925767,0.19455)">
<path d="M30.608,13.95C33.257,16.483 34.907,20.05 34.907,24C34.907,27.95 33.257,31.517 30.608,34.05L27.911,31.353C29.869,29.512 31.093,26.898 31.093,24C31.093,21.102 29.869,18.488 27.911,16.647L30.608,13.95ZM26,24L15,32.429L15,15.571L26,24ZM32.739,41.298C29.392,43.575 25.35,44.907 21,44.907C9.461,44.907 0.093,35.539 0.093,24C0.093,12.461 9.461,3.093 21,3.093C25.35,3.093 29.392,4.425 32.739,6.702L29.984,9.458C27.372,7.841 24.294,6.907 21,6.907C11.566,6.907 3.907,14.566 3.907,24C3.907,33.434 11.566,41.093 21,41.093C24.294,41.093 27.372,40.159 29.984,38.542L32.739,41.298ZM32.862,36.303C36.086,33.194 38.093,28.829 38.093,24C38.093,19.171 36.086,14.806 32.862,11.697L35.558,9C39.473,12.801 41.907,18.119 41.907,24C41.907,29.881 39.473,35.199 35.558,39L32.862,36.303ZM40.209,4.349C45.315,9.34 48.486,16.303 48.486,24C48.486,31.697 45.315,38.66 40.209,43.651L37.513,40.955C41.928,36.654 44.672,30.645 44.672,24C44.672,17.355 41.928,11.346 37.513,7.045L40.209,4.349Z" style="fill:url(#_Linear1);"/>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" version="1.1" viewBox="0 0 48 48" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(.99189 0 0 .99189 -.092577 .19455)">
<path d="m30.608 13.95c2.649 2.533 4.299 6.1 4.299 10.05s-1.65 7.517-4.299 10.05l-2.697-2.697c1.958-1.841 3.182-4.455 3.182-7.353s-1.224-5.512-3.182-7.353l2.697-2.697zm-4.608 10.05l-11 8.429v-16.858l11 8.429zm6.739 17.298c-3.347 2.277-7.389 3.609-11.739 3.609-11.539 0-20.907-9.368-20.907-20.907s9.368-20.907 20.907-20.907c4.35 0 8.392 1.332 11.739 3.609l-2.755 2.756c-2.612-1.617-5.69-2.551-8.984-2.551-9.434 0-17.093 7.659-17.093 17.093s7.659 17.093 17.093 17.093c3.294 0 6.372-0.934 8.984-2.551l2.755 2.756zm0.123-4.995c3.224-3.109 5.231-7.474 5.231-12.303s-2.007-9.194-5.231-12.303l2.696-2.697c3.915 3.801 6.349 9.119 6.349 15s-2.434 11.199-6.349 15l-2.696-2.697zm7.347-31.954c5.106 4.991 8.277 11.954 8.277 19.651s-3.171 14.66-8.277 19.651l-2.696-2.696c4.415-4.301 7.159-10.31 7.159-16.955s-2.744-12.654-7.159-16.955l2.696-2.696z" fill="url(#a)"/>
</g>
<defs>
<linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(44,-44,44,44,0.0933333,44.9067)"><stop offset="0" style="stop-color:rgb(238,144,55);stop-opacity:1"/><stop offset="0.5" style="stop-color:rgb(190,25,141);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(2,148,208);stop-opacity:1"/></linearGradient>
<linearGradient id="a" x2="1" gradientTransform="matrix(44 -44 44 44 .093333 44.907)" gradientUnits="userSpaceOnUse"><stop stop-color="#ee9037" offset="0"/><stop stop-color="#be198d" offset=".5"/><stop stop-color="#0294d0" offset="1"/></linearGradient>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

src/assets/icon_zune.svg
+13 -16
View File
@@ -1,22 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
<g>
<g transform="matrix(1,0,0,1,0,22)">
<circle cx="24" cy="2" r="22" style="fill:none;stroke:url(#_Linear1);stroke-width:3.81px;"/>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" version="1.1" viewBox="0 0 48 48" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0 22)">
<circle cx="24" cy="2" r="22" fill="none" stroke="url(#c)" stroke-width="3.81px"/>
</g>
<g transform="matrix(0.154674,0,0,0.154674,11.4714,9.59988)">
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" style="fill:none;stroke:url(#_Linear2);stroke-width:12px;"/>
<g transform="matrix(1,0,0,1,0,84)">
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" style="fill:none;stroke:url(#_Linear3);stroke-width:12px;"/>
</g>
<path d="M14,135.145L81,9.1L81,177.1L148,51.1" style="fill:none;stroke:url(#_Linear4);stroke-width:12px;"/>
<g transform="matrix(.15467 0 0 .15467 11.471 9.5999)">
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" fill="none" stroke="url(#a)" stroke-width="12px"/>
<g transform="translate(0 84)">
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" fill="none" stroke="url(#b)" stroke-width="12px"/>
</g>
<path d="m14 135.14l67-126.04v168l67-126" fill="none" stroke="url(#a)" stroke-width="12px"/>
</g>
<defs>
<linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(44,-44,44,44,2,24)"><stop offset="0" style="stop-color:rgb(238,144,55);stop-opacity:1"/><stop offset="0.5" style="stop-color:rgb(190,25,141);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(2,148,208);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(71.3776,-123.256,154.53,89.4884,45.0381,154.581)"><stop offset="0" style="stop-color:rgb(238,144,55);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(190,25,141);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(71.3776,-123.256,154.53,89.4884,45.0381,70.5809)"><stop offset="0" style="stop-color:rgb(238,144,55);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(190,25,141);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(71.3776,-123.256,154.53,89.4884,45.0381,154.581)"><stop offset="0" style="stop-color:rgb(238,144,55);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(190,25,141);stop-opacity:1"/></linearGradient>
<linearGradient id="c" x2="1" gradientTransform="matrix(44,-44,44,44,2,24)" gradientUnits="userSpaceOnUse"><stop stop-color="#ee9037" offset="0"/><stop stop-color="#be198d" offset=".5"/><stop stop-color="#0294d0" offset="1"/></linearGradient>
<linearGradient id="a" x2="1" gradientTransform="matrix(71.378 -123.26 154.53 89.488 45.038 154.58)" gradientUnits="userSpaceOnUse"><stop stop-color="#ee9037" offset="0"/><stop stop-color="#be198d" offset="1"/></linearGradient>
<linearGradient id="b" x2="1" gradientTransform="matrix(71.378 -123.26 154.53 89.488 45.038 70.581)" gradientUnits="userSpaceOnUse"><stop stop-color="#ee9037" offset="0"/><stop stop-color="#be198d" offset="1"/></linearGradient>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

src/assets/zunetile_default.svg
+9 -9
View File
@@ -1,12 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
<rect x="0" y="0" width="32" height="32" style="fill:rgb(241,13,162);"/>
<g transform="matrix(0.131663,0,0,0.131663,5.33529,3.74216)">
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" style="fill:none;stroke:white;stroke-width:12px;"/>
<g transform="matrix(1,0,0,1,0,84)">
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" style="fill:none;stroke:white;stroke-width:12px;"/>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" fill="#f10da2"/>
<g transform="matrix(.13166 0 0 .13166 5.3353 3.7422)">
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" fill="none" stroke="#fff" stroke-width="12px"/>
<g transform="translate(0 84)">
<path d="M14,51.145L81,93.1L148,51.145L81,9.1L14,51.145Z" fill="none" stroke="#fff" stroke-width="12px"/>
</g>
<path d="M14,135.145L81,9.1L81,177.1L148,51.1" style="fill:none;stroke:white;stroke-width:12px;"/>
<path d="m14 135.14l67-126.04v168l67-126" fill="none" stroke="#fff" stroke-width="12px"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 856 B

src/components/Header.tsx
+2 -2
View File
@@ -1,11 +1,11 @@
import React, {PointerEvent, FormEvent} from 'react';
import React, { PointerEvent, FormEvent } from 'react';
import logo from "../assets/header_logo.svg";
import spacer from "../assets/spacer.gif"
import zunetile_default from "../assets/zunetile_default.svg"
//import {Button, Form, FormControl, Nav, NavDropdown, Navbar} from "react-bootstrap";
import '../assets/zune.css';
class Header extends React.Component{
class Header extends React.Component {
XbcNav_mainOver(event: PointerEvent<HTMLElement>) {
let menu = event.currentTarget.getElementsByTagName("ul")[0];
menu.style.display = "block";
src/components/custom-attrs.ts
+13
View File
@@ -0,0 +1,13 @@
import {AnchorHTMLAttributes, DetailedHTMLProps} from "react";
declare namespace JSX {
interface ZuneMarketplaceAnchor extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
sendinfo?: string;
canpurchase?: string;
purchaseinfo?: string;
mediainfo?: string;
isactionable?: string;
mixviewinfo?: string;
purchasebiinfo?: string;
}
}
src/index.tsx
+6 -20
View File
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom';
import reportWebVitals from './reportWebVitals';
import './index.css';
import App from "./App";
import Home from './pages/Home'
import Header from './components/Header'
@@ -11,6 +12,8 @@ import JoinTheSocial_default from "./pages/en-US/promotions/JoinTheSocial_defaul
import Software_default from "./pages/en-US/products/software/default";
import Software_download_default from "./pages/en-US/products/software/download/default";
import PageNotFound from "./pages/PageNotFound";
import RedirectPage from './pages/Redirect';
import {BrowserRouter} from "react-router-dom";
const ReactRouterDOM = require('react-router-dom');
const {Switch, Route, Redirect} = ReactRouterDOM;
@@ -18,26 +21,9 @@ const Router = ReactRouterDOM.BrowserRouter;
ReactDOM.render(
<React.StrictMode>
<Header/>
<div className="App ZPage Zwrapper">
<Router>
<Switch>
<Route exact path="/" component={Home}/>
<Route path={`/en-US/promotions/jointhesocial/:type`} component={JoinTheSocial_default}/>
{/*<Redirect exact from='/blog/' to="/tutorials/" />*/}
{/*<Route path="/tutorials/" component={About} />*/}
<Route path="/en-US/products/software/download/:page" component={Software_download_default}/>
<Route path="/en-US/products/software/:page" component={Software_default}/>
<Route path="/" component={PageNotFound}/>
</Switch>
</Router>
<Footer/>
</div>
<div style={{marginLeft: "auto", marginRight: "auto"}}>
</div>
<BrowserRouter>
<App/>
</BrowserRouter>
</React.StrictMode>,
document.getElementById('root')
);
src/pages/Home.tsx
+38 -37
View File
File diff suppressed because one or more lines are too long
src/pages/Redirect.tsx
+27
View File
@@ -0,0 +1,27 @@
import React from 'react';
import '../assets/zune.css';
import {Helmet} from "react-helmet";
import {musicbrainzBase} from "../api/constants";
const ReactRouterDOM = require('react-router-dom');
const { Redirect, useSearchParams } = ReactRouterDOM;
function RedirectPage() {
// http://social.zunes.me/redirect?type=album&id=314d3ce1-4dae-4c1a-8495-761b7f93cfd9&target=web&action=View
let url: string = "";
const [searchParams, setSearchParams] = useSearchParams();
let type = searchParams.get("type")
console.log(type);
switch (type) {
case "album":
url = musicbrainzBase + "/release/" + searchParams.get("id");
console.log(url)
break;
}
return <Redirect to={url}/>;
}
export default RedirectPage;
tsconfig.json
+2 -2
View File
@@ -16,9 +16,9 @@
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"isolatedModules": false,
"noEmit": true,
"jsx": "react-jsx",
"jsx": "react",
"noImplicitAny": false
},
"include": [