feat(gui): tip about torrent drops
This commit is contained in:
Alexey Kasyanchuk
@ -250,4 +250,23 @@ body::-webkit-scrollbar-thumb {
|
||||
background-color: darkgrey;
|
||||
outline: 1px solid slategrey;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.hint {
|
||||
margin-top: 10px;
|
||||
font-size: 0.8em;
|
||||
padding: 14px;
|
||||
background: #F0F0F0;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.2);
|
||||
color: #888888;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hint svg {
|
||||
fill: #888888;
|
||||
height: 26px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
179
src/app/db-extend-hint.js
Normal file
179
src/app/db-extend-hint.js
Normal file
@ -0,0 +1,179 @@
|
||||
import React from 'react';
|
||||
|
||||
export default () => {
|
||||
return (
|
||||
<div className='hint'>
|
||||
<svg viewBox="0 0 488 488">
|
||||
<g>
|
||||
<g>
|
||||
<path d="M414.61,211.775c-3.406-9.558-12.463-15.933-22.61-15.915c-10.137,0.031-19.158,6.438-22.526,16H320v-32h32
|
||||
c4.417,0.001,7.999-3.579,8-7.996c0-0.001,0-0.003,0-0.004v-33.474c12.497-4.418,19.047-18.13,14.629-30.628
|
||||
c-4.418-12.497-18.13-19.047-30.628-14.629s-19.047,18.13-14.629,30.628c2.416,6.835,7.793,12.212,14.628,14.629v25.475h-24v-16
|
||||
c0.001-4.417-3.579-7.999-7.996-8c-0.001,0-0.003,0-0.004,0h-16V98.385c12.497-4.418,19.047-18.13,14.629-30.628
|
||||
c-4.418-12.497-18.13-19.047-30.628-14.629c-12.497,4.418-19.047,18.13-14.629,30.628c2.416,6.835,7.793,12.212,14.628,14.629
|
||||
v41.475h-32V12.141c0.001-4.417-3.579-7.999-7.996-8c-0.001,0-0.003,0-0.004,0c-98.691,0-176,71.453-176,162.664
|
||||
c0,43.328,17.199,100.695,44.891,149.703c4.973,8.797,11.461,18.047,18.328,27.844c14.521,20.699,30.681,43.976,32.438,64.238
|
||||
c-6.15,4.347-9.749,11.458-9.61,18.988c0.023,5.409,1.891,10.649,5.295,14.853c-4.735,4.672-7.383,11.058-7.342,17.71
|
||||
c0.014,13.249,10.751,23.986,24,24h136c13.339-0.083,24.086-10.963,24.003-24.302c-0.001-0.087-0.002-0.174-0.003-0.261
|
||||
c-0.005-6.507-2.664-12.73-7.363-17.232c3.448-4.366,5.321-9.768,5.316-15.331c-0.024-12.671-10.315-22.923-22.986-22.899
|
||||
c-0.338,0.001-0.676,0.009-1.014,0.024H248V251.859h16v24c-0.001,4.417,3.579,7.999,7.996,8c0.001,0,0.003,0,0.004,0h24v9.474
|
||||
c-12.497,4.418-19.046,18.131-14.627,30.627s18.131,19.046,30.627,14.627c12.497-4.418,19.046-18.131,14.627-30.627
|
||||
c-2.416-6.835-7.793-12.211-14.627-14.627v-17.474c0.001-4.417-3.579-7.999-7.996-8c-0.001,0-0.003,0-0.004,0h-24v-16h32
|
||||
c4.417,0.001,7.999-3.579,8-7.996c0-0.001,0-0.003,0-0.004v-16h49.475c4.442,12.464,18.146,18.967,30.61,14.525
|
||||
C412.548,237.943,419.051,224.239,414.61,211.775z M352,107.859c4.418,0,8,3.582,8,8s-3.582,8-8,8s-8-3.582-8-8
|
||||
C344.004,111.443,347.584,107.864,352,107.859z M140.32,335.164c-6.641-9.469-12.91-18.406-17.5-26.531
|
||||
C96.809,262.594,80,206.922,80,166.805c0-79.781,66.137-142.797,152-146.492v55.888c-2.124,0.159-4.291,0.352-6.609,0.636
|
||||
c-3.396,0.413-6.153,2.941-6.859,6.289l-2.438,11.594c-2.008,0.477-4.01,1.016-6.008,1.617l-7.973-8.891
|
||||
c-2.284-2.555-5.942-3.369-9.094-2.023c-8.954,3.861-17.405,8.796-25.168,14.695c-2.733,2.06-3.852,5.631-2.785,8.883
|
||||
l3.672,11.188c-1.512,1.422-2.984,2.898-4.41,4.406l-11.176-3.672c-3.251-1.053-6.813,0.062-8.883,2.781
|
||||
c-5.907,7.765-10.846,16.22-14.707,25.18c-1.344,3.152-0.53,6.809,2.023,9.094l8.895,7.969c-0.598,1.977-1.133,3.958-1.605,5.945
|
||||
l-12.441,2.484c-3.74,0.746-6.433,4.03-6.433,7.844V209.5c0,3.814,2.693,7.098,6.434,7.844l12.441,2.484
|
||||
c0.473,1.984,1.008,3.966,1.605,5.945l-8.898,7.969c-2.55,2.287-3.363,5.942-2.023,9.094c3.862,8.959,8.8,17.415,14.707,25.18
|
||||
c2.068,2.722,5.632,3.837,8.883,2.781l11.176-3.672c1.43,1.508,2.898,2.984,4.41,4.406l-3.672,11.172
|
||||
c-1.066,3.251,0.051,6.82,2.781,8.883c7.763,5.908,16.218,10.848,25.176,14.711c3.152,1.338,6.806,0.525,9.094-2.023l7.973-8.891
|
||||
c1.996,0.602,3.999,1.141,6.008,1.617l2.434,11.586c0.703,3.351,3.461,5.883,6.859,6.297c2.321,0.284,4.489,0.477,6.613,0.636
|
||||
v88.622h-56.69C172.041,380.564,155.341,356.581,140.32,335.164z M168,195.859c0.051,36.644,27.587,67.419,64,71.528v27.511
|
||||
l-1.324-6.297c-0.668-3.189-3.203-5.655-6.41-6.234c-4.742-0.863-9.404-2.12-13.937-3.758c-0.869-0.309-1.785-0.467-2.707-0.469
|
||||
c-2.274,0-4.441,0.969-5.957,2.664l-7.523,8.391c-4.169-2.083-8.192-4.446-12.043-7.07l3.473-10.57
|
||||
c1.017-3.098,0.054-6.502-2.434-8.609c-3.689-3.123-7.114-6.546-10.238-10.234c-2.113-2.471-5.506-3.427-8.598-2.422
|
||||
l-10.566,3.477c-2.626-3.852-4.989-7.877-7.074-12.047l8.398-7.523c2.422-2.175,3.288-5.599,2.191-8.664
|
||||
c-1.636-4.534-2.893-9.196-3.758-13.937c-0.584-3.233-3.086-5.78-6.309-6.422L136,202.938v-14.156l11.184-2.234
|
||||
c3.222-0.641,5.725-3.189,6.309-6.422c0.865-4.744,2.122-9.409,3.757-13.946c1.099-3.066,0.231-6.491-2.195-8.664L146.664,150
|
||||
c2.087-4.168,4.449-8.193,7.07-12.047l10.57,3.477c3.092,1.004,6.484,0.049,8.598-2.422c3.132-3.691,6.559-7.121,10.246-10.258
|
||||
c2.478-2.103,3.436-5.498,2.422-8.586l-3.469-10.57c3.851-2.623,7.873-4.985,12.039-7.07l7.523,8.391
|
||||
c2.176,2.42,5.598,3.287,8.664,2.195c4.533-1.639,9.195-2.896,13.937-3.758c3.206-0.576,5.741-3.039,6.41-6.227L232,96.828v27.503
|
||||
C195.587,128.441,168.051,159.215,168,195.859z M232,140.498V251.22c-30.575-4.377-51.813-32.712-47.436-63.287
|
||||
C188.085,163.341,207.407,144.019,232,140.498z M316,460.141c-0.004,4.416-3.584,7.996-8,8H172
|
||||
c-4.499-0.076-8.085-3.785-8.009-8.284c0.002-0.093,0.005-0.186,0.009-0.279c0.004-4.416,3.584-7.996,8-8h136
|
||||
c4.499,0.076,8.085,3.785,8.009,8.284C316.008,459.955,316.005,460.048,316,460.141z M305.953,420.141
|
||||
c4.03-0.372,7.599,2.595,7.97,6.625c0.025,0.27,0.035,0.541,0.03,0.812c-0.004,4.416-3.584,7.996-8,8H174.047
|
||||
c-4.499-0.076-8.085-3.784-8.009-8.284c0.002-0.093,0.005-0.186,0.009-0.279c0.171-3.988,3.543-7.082,7.531-6.91
|
||||
c0.157,0.007,0.313,0.019,0.469,0.035H305.953z M304,307.859c4.418,0,8,3.582,8,8s-3.582,8-8,8s-8-3.582-8-8
|
||||
C296.004,311.443,299.584,307.864,304,307.859z M288,67.859c4.418,0,8,3.582,8,8s-3.582,8-8,8s-8-3.582-8-8
|
||||
C280.004,71.443,283.584,67.864,288,67.859z M304,235.859h-56v-80h56V235.859z M392,227.859c-4.418,0-8-3.582-8-8s3.582-8,8-8
|
||||
s8,3.582,8,8C399.996,224.276,396.416,227.855,392,227.859z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M317.152,369.828c-2.821,5.044-5.317,10.263-7.472,15.625l14.875,5.891c1.906-4.73,4.112-9.333,6.605-13.781
|
||||
L317.152,369.828z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M335.148,341.648c-3.144,4.516-6.281,9.109-9.281,13.75l13.43,8.688c2.906-4.484,5.941-8.922,8.984-13.297
|
||||
L335.148,341.648z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M353.348,315.031c-2.699,4.281-5.707,8.711-8.859,13.258l13.141,9.125c3.301-4.75,6.441-9.383,9.258-13.867
|
||||
L353.348,315.031z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M368.359,287.148c-2.293,4.797-4.69,9.539-7.191,14.227l14.109,7.547c2.617-4.898,5.124-9.859,7.52-14.883
|
||||
L368.359,287.148z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M380.855,257.789c-1.859,4.945-3.84,9.898-5.934,14.812l14.727,6.266c2.18-5.133,4.241-10.284,6.184-15.453
|
||||
L380.855,257.789z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M415.992,165.211l-16,0.125l0.008,1.469c0,4.461-0.207,9.203-0.621,14.078l15.945,1.344
|
||||
c0.449-5.32,0.676-10.508,0.676-15.422L415.992,165.211z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M411.918,131.156l-15.578,3.641c1.169,5.001,2.058,10.064,2.664,15.164l15.891-1.891
|
||||
C414.216,142.382,413.222,136.735,411.918,131.156z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M400.418,98.828l-14.383,7c2.249,4.621,4.242,9.363,5.969,14.203l15.07-5.359
|
||||
C405.152,109.271,402.93,103.981,400.418,98.828z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M382.117,69.859l-12.531,9.953c3.202,4.032,6.188,8.23,8.945,12.578l13.523-8.547
|
||||
C388.992,79.009,385.675,74.341,382.117,69.859z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M358.141,45.445l-10.195,12.328c3.977,3.29,7.783,6.782,11.402,10.461l11.406-11.219
|
||||
C366.749,52.946,362.539,49.085,358.141,45.445z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M329.836,26.375l-7.609,14.078c4.57,2.469,9.043,5.172,13.293,8.031l8.93-13.281
|
||||
C339.773,32.063,334.859,29.094,329.836,26.375z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M298.477,13.102l-4.844,15.25c4.984,1.578,9.887,3.391,14.578,5.383l6.258-14.719
|
||||
C309.317,16.82,303.934,14.836,298.477,13.102z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M265.285,5.758l-2.047,15.875c5.16,0.664,10.324,1.563,15.348,2.68l3.461-15.625
|
||||
C276.559,7.477,270.918,6.492,265.285,5.758z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="16" y="435.859" width="16" height="16"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="16" y="467.859" width="16" height="16"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="32" y="451.859" width="16" height="16"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect y="451.859" width="16" height="16"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="456" y="3.859" width="16" height="16"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="456" y="35.859" width="16" height="16"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="472" y="19.859" width="16" height="16"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="440" y="19.859" width="16" height="16"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<div>{__('You can extend your collected search DB with your own .torrent files. Just drag and drop them into the Rats window (or folder with them). They will immediately appear on activity tab.')}</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -3,6 +3,8 @@ import Page from './page';
|
||||
|
||||
import Feed from './feed';
|
||||
|
||||
import DBExtendHint from './db-extend-hint'
|
||||
|
||||
export default class FeedPage extends Page {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
@ -11,6 +13,9 @@ export default class FeedPage extends Page {
|
||||
render() {
|
||||
return (
|
||||
<div id='index-window' className='column center'>
|
||||
<div className='column center w100p pad0-75'>
|
||||
<DBExtendHint />
|
||||
</div>
|
||||
<div className='column center w100p pad0-75'>
|
||||
<Feed />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user