From c4a63f37460e7cd8d4768bde18db4433f8234c81 Mon Sep 17 00:00:00 2001 From: nitsua Date: Thu, 11 Mar 2021 18:47:27 -0500 Subject: [PATCH] Add a donations section to System for each arr --- .../src/Content/Images/Icons/logo-lidarr.png | Bin 0 -> 1369 bytes .../src/Content/Images/Icons/logo-radarr.png | Bin 0 -> 2670 bytes .../src/Content/Images/Icons/logo-readarr.png | Bin 0 -> 1285 bytes .../src/Content/Images/Icons/logo-sonarr.png | Bin 0 -> 1950 bytes .../src/System/Status/Donations/Donations.js | 55 ++++++++++++++++++ .../src/System/Status/MoreInfo/MoreInfo.js | 10 ---- frontend/src/System/Status/Status.js | 2 + frontend/src/System/Status/styles.css | 17 ++++++ 8 files changed, 74 insertions(+), 10 deletions(-) create mode 100644 frontend/src/Content/Images/Icons/logo-lidarr.png create mode 100644 frontend/src/Content/Images/Icons/logo-radarr.png create mode 100644 frontend/src/Content/Images/Icons/logo-readarr.png create mode 100644 frontend/src/Content/Images/Icons/logo-sonarr.png create mode 100644 frontend/src/System/Status/Donations/Donations.js create mode 100644 frontend/src/System/Status/styles.css diff --git a/frontend/src/Content/Images/Icons/logo-lidarr.png b/frontend/src/Content/Images/Icons/logo-lidarr.png new file mode 100644 index 0000000000000000000000000000000000000000..55a6033efeb5ac353204b61b44cd114ec5492b0b GIT binary patch literal 1369 zcma)5{WsHl0RGs#?8O*;Z8OG9-iBNLd)efK!5hg@uLr4*uvOH54Mb~S-^CEmPjA2WLoGkdp7W-KDj6Moo@6ywTdGKoR3L1%z5CF-_ICQqU$u1*1(c4J1lI38=vl0Ei`$7Rf+&cemiL>imvsp-@;* zSQyff6Vh5 z*V+X5>*L9~Xfhr+XaRdIlc|{Ejb&&Y3giR<#WlI)^^>ZiFdF1PP8#Pp6clA_%t!3a zW(7Mu<_2-yVz*--dbp3D3@uwSJMUwPNkONi{=|XQ)PK6#^1?#?tV>=jc8nVkuTpI& z#X3Z-P5qd>v(nX2W*CnQMjVX+LRAgj{AOC=1XExwKSnW&%=)F{J_gCkn+%F--8Z%_ zzm<_~KfILXD~zPOKdSJ+ft)ep?9L)Si}2ivAQ`nh z*kY3+KSw#V&_{{ZQ1|9X<(+x&#bK9`ALisH`(&X-*C#7txWrtymyDxk$u|%%LkBUr zes6kk_q|uG_Z%@!RH$Ta4$PHkT}!rCXy7Smz zf2LoZt?k%d20kmt-}dz<6))4m;W}>MIFC}MX{2MjdCZ0o?s2i7781YGP>oAYvdhJ8 zF1I7*5D)?=t|11Xv|U)-IlJ2V$8O13!G%ra*%abGgt7$tZU7q-G|>( zO7$~duED}f1`jULD=RpyLdNmcq{z4wv%J<)qqLVHqeOX3o~_-$2><@ds>x6lFJxAH>Uj|t>1yz>t^swd65T|U7-?mH}8{h`!3 WTkhblF^}JP0`PX{uxnkTPyGw8`d=jg literal 0 HcmV?d00001 diff --git a/frontend/src/Content/Images/Icons/logo-radarr.png b/frontend/src/Content/Images/Icons/logo-radarr.png new file mode 100644 index 0000000000000000000000000000000000000000..a05042842f6b5283c7f1ff323a3a00c05110c078 GIT binary patch literal 2670 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 O0qkrXG4vBY3I77lhudEO literal 0 HcmV?d00001 diff --git a/frontend/src/Content/Images/Icons/logo-readarr.png b/frontend/src/Content/Images/Icons/logo-readarr.png new file mode 100644 index 0000000000000000000000000000000000000000..f60ea9533014ad0b20584a0eb7802a663754d20c GIT binary patch literal 1285 zcmV+g1^W7lP)gwz3>*M0$-`?KS($ehg?BwL+=;-L-;NaTX+04qyy}P^R<>lq&<>=_>=H=z)<>lJh z*~G%a!@0<)zs9{&(D>Rkglt%V_aNJL_|hCJ<`$9-p$Q@ zczAg!DUT#1&aJJXgoKBJf=)(8PCh>E>+9s>5s9RfSPfwyuOrS|gU`I!lLqnTAJykn9Qad}4Ha1{3Hh3;B zbSf&0BO~bH;oaNY+R)I$sj11RsKBJ8l#Y(Rii)U%gNA{Dq@YB7xN+2Bk*VI~AEBN7+hJ}MyED48)EWy_50007zNkl=5XQGI6xu>@hr8@HO=@YWLXDOy^x$xJcXyY=Id^yYmX{Qo9<;oFvX= z<^`;Zr5O^QC^1pQ%grp3ff!}wiMa@dg}CW=5^fv|_#9Y9>a?25R*hCijX@6o8j_+E zBGRrm7}YqgHX8H+0tpqW=y|dj)%zXJ-HK&vV`KSJMZeQve~i+S+57TT${aef&D54c zTBWr<+i^%kq^7B^>MIf1iwAx1KQ*@Fy#!KR_Q4lUnDI^za~ly;Q}y9jJfCn)osb`% zkAqfrH=lV;4U;dr)U>*^PZ~^K>)Qi6;?PgX@*p{AbGh6e@AGfN3^3C3)a!A(T$_Ug zyek7zaoOvUFKsQ0&C?B!nmV1|gR`}!+4-06+CC2l#^gmHgG=g%eq)$r^ssMjda^TU zYHHd0IcmYMlOa9DEd&yzb9@}Yu2i+X-4Thqw+uRz3wTg#eA69CTF(AhB5}utQ44uM z1U2e~9W0{r8a8ZeR%@ULB*IqQ`hm@sM1gzdcqL4_1Uha3-qQe6V!kR0R7U}(L{7NL zjrhPTrb%W@!`4nbpejg@DFK}I}hX;C+n+c@pWr2~Bc);1PeOxRBvI0m9 zp2q|JIw+W53_t=0`A@4aZUPrIrz?mf2ro=_of+?0Slb_E3ZKxQUwi9|J-E64a$$f# zfrwtb-DjHHw_slnF-zZ^si__BqL5Mm!cwI{!W=rb`P}6L-2;7A_l)f*WF}L^DeT&( zqdLFA*G$Z^_w0&rak v1@fqQ#ratvMlxw3ZU3aC9G)aY8nypF>u|UEsW)ui00000NkvXXu0mjf2uzs9 literal 0 HcmV?d00001 diff --git a/frontend/src/Content/Images/Icons/logo-sonarr.png b/frontend/src/Content/Images/Icons/logo-sonarr.png new file mode 100644 index 0000000000000000000000000000000000000000..6f290c6cfc0aea2b057240e1626f1b14900ed190 GIT binary patch literal 1950 zcmV;P2VwY$P)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D2Qx`TK~z{rotFtv z)O8fczq{kCGwl4|?|kofy!U>{aGNwXHb$w{ z>giowU0E)d>u#z_pl=j?WrUULuP79X<0Kc`?e+qv(`k&0i*xb80qD~JlgTtZC@5$d zi8(ZBFn#+P@z3c6(hS`iNYcS z#%7L0SXij&ac3~)v=Ee6RKYZ2j3TV^!V@WR!+xo*EW0YY+}wehnwtJ|^Ky5pTCV9s zFJFQwEfZ#o6|XN_i@N$o(d+iH*;?_|iVr->LCT>r8AGOKPuf;pT^%mExp$zTpg@+K zoV5-3{ju%wQFoOWW*?+2mRNk~W-#4Z&d7>HwrQ&_p?W7O6)qB(sm z!v8%7rQM3$oNPSv^ei2@b5wqQ{;#YrpUr4AjwBy0AzxOK>tNqsg;@XDcj#1y!IF|j z6P$<2VuC(e!h@5>AvGltdc6+n5b{bgh;BKq8BHiVSApZCy!=u%9MJ<{i%*8;>~SdC zTah~>8}sJoGIh*5T-UE(&yXakR8~<@A=79y-_y$G@K%Bu@%z5R*syUkj3XzYX8Kb| z`(zn6!UGvABsXklJiFtN^f>$C8pQA30-fOya!C1nq1=O9F5emv5iv)uQmM4G`kA7h z!zP;Y(EZ4sG6_;?F=7h$;>^oy(HW@~J@^DZKd*8vQ@$Dl|JucsvmLutIfKT`s;#Zn z$tY~*b#``cp}HQ2Yqz%{Z{8B_&-IfYfx7VuA}^Fui;Gqn3)_%nl4S_1E=TaydVU=3 z`a!TH-G!K$1I5b{J{-K>6E2py?EXsZv5UUpw1(pE`Xd3g7DD~v( z=q$9y#BrJ32~AWamwSVDAdc<8&70+i@bFOX6^zzFL)h{6PL~VTp{b(af=U%QjnKRy zev?smWOTzl(5(?t0E9P?!2kM!9f3{AejyLx+sO#6xx|mYSL8B;l1F&x=;#!Ze`ww| zb_BJe>=%>C;$2k#`YLG8{OvCIK{{1PeX6<4j;*D|?-Rfa^|?&+|$z@Es{&TmS6BrD$xrhIWeW zindltDzqxH$R0n80#OQ!$q22h;@OVTG;T5?FP=s}(^Vdbw*9aH{ZuO6b_*_A{7drY z=H{&=+>9RGC@MCfft0h@UiQK&Sdzt~h74mVJND48h&{5$tDNBqQsVTId_ccui~*?I#DQEdncx7FXI0AiE>9i z+BMPm@|$gb-xFlOZZe>eZ+k;S!?@t!;3H%R_p|OVnTCnexPQkU`HkO&{{2HRbjV;x z+DOnCeoV|$%w{Vp>C8z-UW(i3rX_3F?4W7;!q@0pz*LcdpCENg(lC@gx z=Oiv@ZEMGJ@sepyAA|6!3sBlD6jlc#Z}wxjHzS=ckKAuMX7y*w%JJj&-8gabES$k= zn3L0?J$)3>^q^V0ij2@pP%4#Qo6Y70?EePu#Vai>RZ5cX%<>flIUS#fKI2ynia49tJOwk#>U3-$A!<$ ze{{zDQOzypz0GNv5=*g4s~NL$r(tfM&vW6nU~zywYChex1?_Z?Sen+HKVc>7vWgD= zY!KaiU&R+Mlr{vY$akB6zx)ds#V`$0~ zhV2^;i!PiV!QFJIpfYJ-;{L~HPJMus2TW9b;V~jSBK*p^;^G;{wyxhVn!NM~J{}Gn zIH1VL$k<4iZNA4l?i4bBhPu9|2k0w$z1}FQedyHyhQVNvQJk1SA@fa|Yzi5}3<)@f zU=gm16d$B9>*(S6Co@E}^`NiGI5e4z{+ZB|-_9m^0{uqOZxA&p+&$nVC3W;YNyhH) k=;+v^)9EVQO@RRZ1JJqj_^0$Wu>b%707*qoM6N<$f;P*?OaK4? literal 0 HcmV?d00001 diff --git a/frontend/src/System/Status/Donations/Donations.js b/frontend/src/System/Status/Donations/Donations.js new file mode 100644 index 000000000..e9d4c227a --- /dev/null +++ b/frontend/src/System/Status/Donations/Donations.js @@ -0,0 +1,55 @@ +import React, { Component } from 'react'; +import FieldSet from 'Components/FieldSet'; +import Link from 'Components/Link/Link'; +import styles from '../styles.css'; + +class Donations extends Component { + + // + // Render + + render() { + return ( +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ ); + } +} + +Donations.propTypes = { + +}; + +export default Donations; diff --git a/frontend/src/System/Status/MoreInfo/MoreInfo.js b/frontend/src/System/Status/MoreInfo/MoreInfo.js index 8a16e3f87..48c13cc8d 100644 --- a/frontend/src/System/Status/MoreInfo/MoreInfo.js +++ b/frontend/src/System/Status/MoreInfo/MoreInfo.js @@ -34,16 +34,6 @@ class MoreInfo extends Component { lidarr.audio/discord - Donations - - Donate to Lidarr - - - Sonarr Donations - - Donate to Sonarr - - Source github.com/Lidarr/Lidarr diff --git a/frontend/src/System/Status/Status.js b/frontend/src/System/Status/Status.js index a325495e5..74984c738 100644 --- a/frontend/src/System/Status/Status.js +++ b/frontend/src/System/Status/Status.js @@ -3,6 +3,7 @@ import PageContent from 'Components/Page/PageContent'; import PageContentBody from 'Components/Page/PageContentBody'; import AboutConnector from './About/AboutConnector'; import DiskSpaceConnector from './DiskSpace/DiskSpaceConnector'; +import Donations from './Donations/Donations'; import HealthConnector from './Health/HealthConnector'; import MoreInfo from './MoreInfo/MoreInfo'; @@ -19,6 +20,7 @@ class Status extends Component { + ); diff --git a/frontend/src/System/Status/styles.css b/frontend/src/System/Status/styles.css new file mode 100644 index 000000000..cc5e7962f --- /dev/null +++ b/frontend/src/System/Status/styles.css @@ -0,0 +1,17 @@ +.logo { + margin: auto; + padding: 9px; +} + +.logoContainer { + display: inline-block; + margin: 1em; + width: 50px; + height: 50px; + outline: none; + border: solid 1px #e6e6e6; + border-radius: 0.5em; + background: #f8f8ff; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); + cursor: pointer; +}