Skip to content

Commit

Permalink
add new favicon
Browse files Browse the repository at this point in the history
  • Loading branch information
Easybuoy committed Nov 9, 2019
1 parent 594f0b8 commit fcee8f5
Showing 1 changed file with 3 additions and 30 deletions.
33 changes: 3 additions & 30 deletions src/components/Characters/Character.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,6 @@ export const sortArrow = order => {
const Character = ({ characters, setCharacters }) => {
const [heightOrder, setHeightOrder] = useState(undefined);
const [nameOrder, setNameOrder] = useState(undefined);
const [genderOrder, setGenderOrder] = useState(undefined);

const sortNameField = array => {
let sorted = [];
Expand Down Expand Up @@ -61,44 +60,18 @@ const Character = ({ characters, setCharacters }) => {
setCharacters(sorted);
};

const sortGenderField = array => {
let sorted = [];
if (genderOrder === 0 || genderOrder === undefined) {
sorted = sortName(array, 'asc');
setGenderOrder(1);
}

if (genderOrder === 1) {
sorted = sortName(array, 'dsc');
setGenderOrder(0);
}
setCharacters([]);
setCharacters(sorted);
};

if (characters.length > 0) {
const totalHeight = calculateHeights(characters);
return (
<StyledCharacter>
<table className="fl-table">
<thead>
<tr>
<th
onDoubleClick={() => sortNameField(characters)}
className="toggle"
>
<th onDoubleClick={() => sortNameField(characters)} className="toggle">
Name {sortArrow(nameOrder)}
</th>
<th
onDoubleClick={() => sortGenderField(characters)}
className="toggle"
>
Gender {sortArrow(genderOrder)}
</th>
<th
onDoubleClick={() => sortHeightField(characters)}
className="toggle"
>
<th>Gender</th>
<th onDoubleClick={() => sortHeightField(characters)} className="toggle">
Height {sortArrow(heightOrder)}
</th>
</tr>
Expand Down

0 comments on commit fcee8f5

Please sign in to comment.