feat(gui): tip about torrent drops

This commit is contained in:
Alexey Kasyanchuk 2019-07-22 00:31:19 +03:00
parent dd5642db00
commit bac310d766
7 changed files with 211 additions and 4 deletions

View File

@ -250,4 +250,23 @@ body::-webkit-scrollbar-thumb {
background-color: darkgrey; background-color: darkgrey;
outline: 1px solid slategrey; outline: 1px solid slategrey;
border-radius: 8px; 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
View 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>
)
}

View File

@ -3,6 +3,8 @@ import Page from './page';
import Feed from './feed'; import Feed from './feed';
import DBExtendHint from './db-extend-hint'
export default class FeedPage extends Page { export default class FeedPage extends Page {
constructor(props) { constructor(props) {
super(props) super(props)
@ -11,6 +13,9 @@ export default class FeedPage extends Page {
render() { render() {
return ( return (
<div id='index-window' className='column center'> <div id='index-window' className='column center'>
<div className='column center w100p pad0-75'>
<DBExtendHint />
</div>
<div className='column center w100p pad0-75'> <div className='column center w100p pad0-75'>
<Feed /> <Feed />
</div> </div>

View File

@ -193,6 +193,7 @@
"P2P settings": "P2P settings", "P2P settings": "P2P settings",
"Performance settings": "Performance settings", "Performance settings": "Performance settings",
"Start application minimized": "Start application minimized", "Start application minimized": "Start application minimized",
"Magnet": "磁鐵鍊接" "Magnet": "磁鐵鍊接",
"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.": "您可以使用自己的.torrent文件擴展收集的搜索數據庫。 只需將它們拖放到Rats窗口或帶有它們的文件夾即可。 它們將立即顯示在活動選項卡上。"
} }
} }

View File

@ -193,6 +193,7 @@
"P2P settings": "P2P settings", "P2P settings": "P2P settings",
"Performance settings": "Performance settings", "Performance settings": "Performance settings",
"Start application minimized": "Start application minimized", "Start application minimized": "Start application minimized",
"Magnet": "Magnet" "Magnet": "Magnet",
"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.": "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."
} }
} }

View File

@ -193,6 +193,7 @@
"P2P settings": "Настройки P2P", "P2P settings": "Настройки P2P",
"Performance settings": "Настройки производительности", "Performance settings": "Настройки производительности",
"Start application minimized": "Запусть приложение свернутым", "Start application minimized": "Запусть приложение свернутым",
"Magnet": "Магнет-ссылка" "Magnet": "Магнет-ссылка",
"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.": "Вы можете расшириться вашу базу поиска вашими .torrent файлами. Просто переместите их в окно программы (или папку с ними). Они сразу же появятся во вкладке активности."
} }
} }

View File

@ -193,6 +193,7 @@
"P2P settings": "P2P settings", "P2P settings": "P2P settings",
"Performance settings": "Performance settings", "Performance settings": "Performance settings",
"Start application minimized": "Start application minimized", "Start application minimized": "Start application minimized",
"Magnet": "Magnet" "Magnet": "Magnet",
"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.": "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."
} }
} }