xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

small changes

This commit is contained in:
Daniel 2022-06-01 12:34:04 +04:30
parent 55efe787fa
commit 75d35cdaff
4 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/App.js
View File

@ -16,6 +16,7 @@ function App() {
const [nameChecked, setNameChecked] = useState(true); const [nameChecked, setNameChecked] = useState(true);
const [descriptionChecked, setDescriptionChecked] = useState(true); const [descriptionChecked, setDescriptionChecked] = useState(true);
const [tagsChecked, setTagsChecked] = useState(true); const [tagsChecked, setTagsChecked] = useState(true);
const [sort, setSort] = useState('Date');
function handleNameCheckbox() { function handleNameCheckbox() {
setNameChecked(!nameChecked); setNameChecked(!nameChecked);
@ -68,7 +69,7 @@ function App() {
const address = config.api.address + ":" + config.api.port; const address = config.api.address + ":" + config.api.port;
const res = await fetch(address + '/api'); const res = await fetch(address + '/api');
const resJSON = await res.json(); const resJSON = await res.json();
const Data = resJSON.sort((a, b) => { return b-a }); const Data = resJSON.sort((a, b) => { return b-a }); // <-- SORT IT!
setData(Data); setData(Data);
} }

2
src/componets/AddItem.js
View File

@ -80,7 +80,7 @@ const AddItem = ({onExit, reFetch, tags}) => {
<> <>
<div className='add-overlay' onClick={abort}></div> <div className='add-overlay' onClick={abort}></div>
<fieldset className='box'> <fieldset className='box'>
<legend >New Bookmark</legend> <legend >New bookmark</legend>
<div className='AddItem-content'> <div className='AddItem-content'>
<h3>Name:</h3> <h3>Name:</h3>
<input onChange={SetName} className="AddItem-input" type="search" placeholder="e.g. Example Tutorial"/> <input onChange={SetName} className="AddItem-input" type="search" placeholder="e.g. Example Tutorial"/>

2
src/componets/Filters.js
View File

@ -11,7 +11,7 @@ const Filters = ({nameChecked, handleNameCheckbox, descriptionChecked, handleDes
<> <>
<div className='filter-overlay' onClick={abort}></div> <div className='filter-overlay' onClick={abort}></div>
<fieldset className='filter'> <fieldset className='filter'>
<legend >Filter Results</legend> <legend >Filter by</legend>
<label><input type="checkbox" checked={nameChecked} onChange={handleNameCheckbox} />Name</label> <label><input type="checkbox" checked={nameChecked} onChange={handleNameCheckbox} />Name</label>
<label><input type="checkbox" checked={descriptionChecked} onChange={handleDescriptionCheckbox} />Title</label> <label><input type="checkbox" checked={descriptionChecked} onChange={handleDescriptionCheckbox} />Title</label>
<label><input type="checkbox" checked={tagsChecked} onChange={handleTagsCheckbox} />Tags</label> <label><input type="checkbox" checked={tagsChecked} onChange={handleTagsCheckbox} />Tags</label>

12
src/componets/Sort.js
View File

@ -11,11 +11,13 @@ const Sort = ({ onExit }) => {
<> <>
<div className='sort-overlay' onClick={abort}></div> <div className='sort-overlay' onClick={abort}></div>
<fieldset className='sort'> <fieldset className='sort'>
<legend>Sort List</legend> <legend>Sort by</legend>
<label><input name="sort" type="radio" />Date</label> <label><input name="sort" type="radio" />Date (Newest first)</label>
<label><input name="sort" type="radio" />Name</label> <label><input name="sort" type="radio" />Date (Oldest first)</label>
<label><input name="sort" type="radio" />Title</label> <label><input name="sort" type="radio" />Name (A-Z)</label>
<label><input name="sort" type="radio" />Tags</label> <label><input name="sort" type="radio" />Name (Z-A)</label>
<label><input name="sort" type="radio" />Title (A-Z)</label>
<label><input name="sort" type="radio" />Title (Z-A)</label>
</fieldset> </fieldset>
</> </>
) )