mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-02 17:12:45 +00:00
remove console logs and add forced space to brew count
This commit is contained in:
@@ -70,9 +70,8 @@ const ArchivePage = createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
loadPage: async function (page, update) {
|
loadPage: async function (page, update) {
|
||||||
console.log('running loadPage');
|
|
||||||
this.setState({ searching: true, error: null });
|
this.setState({ searching: true, error: null });
|
||||||
console.log('props: ',this.props.query.count, '| state: ', this.state.count, '| input: ', document.getElementById('count').value || 10);
|
|
||||||
|
|
||||||
const performSearch = async ({ title, count, v3, legacy }) => {
|
const performSearch = async ({ title, count, v3, legacy }) => {
|
||||||
this.updateUrl(title, page, count, v3, legacy);
|
this.updateUrl(title, page, count, v3, legacy);
|
||||||
@@ -122,7 +121,6 @@ const ArchivePage = createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
loadTotal: async function () {
|
loadTotal: async function () {
|
||||||
console.log('running loadTotal');
|
|
||||||
const {title, v3, legacy} = this.state;
|
const {title, v3, legacy} = this.state;
|
||||||
|
|
||||||
this.setState({
|
this.setState({
|
||||||
@@ -397,11 +395,12 @@ const ArchivePage = createClass({
|
|||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
console.log('state when rendering ');
|
||||||
|
console.table(this.state);
|
||||||
return (
|
return (
|
||||||
<div className="foundBrews">
|
<div className="foundBrews">
|
||||||
<span className="totalBrews">
|
<span className="totalBrews">
|
||||||
Brews found:
|
{`Brews found: `}
|
||||||
{title === '' ? '0' : this.state.totalBrews ? this.state.totalBrews : <span className="searchAnim"></span>}
|
{title === '' ? '0' : this.state.totalBrews ? this.state.totalBrews : <span className="searchAnim"></span>}
|
||||||
</span>
|
</span>
|
||||||
{brewCollection.map((brew, index) => (
|
{brewCollection.map((brew, index) => (
|
||||||
|
|||||||
@@ -144,6 +144,24 @@ body {
|
|||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
font-family: 'Open Sans';
|
font-family: 'Open Sans';
|
||||||
|
|
||||||
|
.searchAnim {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
width: 3ch;
|
||||||
|
height: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchAnim::after {
|
||||||
|
content: "";
|
||||||
|
width: max-content;
|
||||||
|
height: 1em;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 50%;
|
||||||
|
translate: -50% -50%;
|
||||||
|
animation: trailingDots 2s ease infinite;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.brewItem {
|
.brewItem {
|
||||||
|
|||||||
Reference in New Issue
Block a user