fixed a variable name
This commit is contained in:
73
src/index.js
73
src/index.js
@@ -163,75 +163,6 @@ function LinkItem(props) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function ModalMenu() {
|
|
||||||
var providers = getProviders();
|
|
||||||
var items = [];
|
|
||||||
var isChecked = localStorage.getItem("contenttype");
|
|
||||||
for (var i = 0; i < providers.providers.length; i++) {
|
|
||||||
items.push(
|
|
||||||
<Provider
|
|
||||||
key={i}
|
|
||||||
provider={providers.providers[i]}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<section id="modal">
|
|
||||||
<div>
|
|
||||||
<header id="modal-header">
|
|
||||||
<h1>Options</h1>
|
|
||||||
<a href="#" title="Close" className="modal-close">
|
|
||||||
<span className="iconify" data-icon="mdi-close"></span>
|
|
||||||
</a>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<h2>Color themes</h2>
|
|
||||||
|
|
||||||
<div id="modal-theme">
|
|
||||||
<button data-theme="blackboard" className="theme-button theme-blackboard" onClick={updateTheme}>Blackboard</button>
|
|
||||||
<button data-theme="gazette" className="theme-button theme-gazette" onClick={updateTheme}>Gazette</button>
|
|
||||||
<button data-theme="espresso" className="theme-button theme-espresso" onClick={updateTheme}>Espresso</button>
|
|
||||||
<button data-theme="cab" className="theme-button theme-cab" onClick={updateTheme}>Cab</button>
|
|
||||||
<button data-theme="cloud" className="theme-button theme-cloud" onClick={updateTheme}>Cloud</button>
|
|
||||||
<button data-theme="lime" className="theme-button theme-lime" onClick={updateTheme}>Lime</button>
|
|
||||||
<button data-theme="passion" className="theme-button theme-passion" onClick={updateTheme}>Passion</button>
|
|
||||||
<button data-theme="blues" className="theme-button theme-blues" onClick={updateTheme}>Blues</button>
|
|
||||||
<button data-theme="chalk" className="theme-button theme-chalk" onClick={updateTheme}>Chalk</button>
|
|
||||||
<button data-theme="tron" className="theme-button theme-tron" onClick={updateTheme}>Tron</button>
|
|
||||||
<button data-theme="paper" className="theme-button theme-paper" onClick={updateTheme}>Paper</button>
|
|
||||||
<button data-theme="cyberpunk" className="theme-button theme-cyberpunk" onClick={updateTheme}>Cyberpunk</button>
|
|
||||||
<button data-theme="quadra" className="theme-button theme-quadra" onClick={updateTheme}>Quadra</button>
|
|
||||||
<button data-theme="panam" className="theme-button theme-panam" onClick={updateTheme}>Panam</button>
|
|
||||||
<button data-theme="touch" className="theme-button theme-touch" onClick={updateTheme}>Touch</button>
|
|
||||||
<button data-theme="peek" className="theme-button theme-peek" onClick={updateTheme}>Peek</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<h2>Search options</h2>
|
|
||||||
<section id="providers">
|
|
||||||
<table>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<th>Website</th>
|
|
||||||
<th>Prefix</th>
|
|
||||||
</tr>
|
|
||||||
{items}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<header id="modal-footer">
|
|
||||||
<a href="https://github.com/jeroenpardon/"><span className="iconify" data-icon="mdi-github-box"></span></a>
|
|
||||||
<a href="https://materialdesignicons.com/"><span className="iconify" data-icon="mdi-material-design"></span></a>
|
|
||||||
<HideButton
|
|
||||||
checked = {isChecked}
|
|
||||||
/>
|
|
||||||
</header>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function HideButton(props) {
|
function HideButton(props) {
|
||||||
if(props.checked === "true") {
|
if(props.checked === "true") {
|
||||||
return (
|
return (
|
||||||
@@ -658,8 +589,8 @@ function getThemes() {
|
|||||||
return themes;
|
return themes;
|
||||||
}
|
}
|
||||||
function getPersonalData() {
|
function getPersonalData() {
|
||||||
let themes = require('./personaldata.json');
|
let personaldata = require('./personaldata.json');
|
||||||
return themes;
|
return personaldata;
|
||||||
}
|
}
|
||||||
function updateTheme(e) {
|
function updateTheme(e) {
|
||||||
var themes = getThemes();
|
var themes = getThemes();
|
||||||
|
|||||||
Reference in New Issue
Block a user