change renderPagination order of operations and fix pagination not loading properly

client/homebrew/pages/archivePage/archivePage.jsx

@@ -99,7 +99,9 @@ const ArchivePage = createClass({
         if (title !== '') {
             try {
                 this.setState({ searching: true, error: null });
-                const response = await request.get(`/api/archive?title=${title}&page=${page}&size=${size}&v3=${v3}&legacy=${legacy}`);
+                const response = await request.get(
+                    `/api/archive?title=${title}&page=${page}&size=${size}&v3=${v3}&legacy=${legacy}`
+                );
                 if (response.ok) {
                     this.updateStateWithBrews(response.body.brews, page);
                 }
@@ -119,6 +121,9 @@ const ArchivePage = createClass({
         const { title, v3, legacy } = this.state;
 
         if (title !== '') {
+            this.setState({
+                totalBrews: null,
+            });
             try {
                 await request
                     .get(
@@ -178,7 +183,10 @@ const ArchivePage = createClass({
                             placeholder="v3 Reference Document"
                         />
                     </label>
-                    <small>Tip! you can use <code>-</code> to negate words, and <code>"word"</code> to specify an exact string.</small>
+                    <small>
+                        Tip! you can use <code>-</code> to negate words, and{' '}
+                        <code>"word"</code> to specify an exact string.
+                    </small>
                     <label>
                         Results per page
                         <input
@@ -235,16 +243,21 @@ const ArchivePage = createClass({
                         />
                     </button>
                 </div>
-                <small>Remember, you can only search brews with this tool if they are published</small>
+                <small>
+                    Remember, you can only search brews with this tool if they
+                    are published
+                </small>
             </div>
         );
     },
 
-    renderPaginationControls() {
+    renderPaginationControls: function () {
-        if (this.state.totalBrews) {
+        if (!this.state.totalBrews) {
+            return null;
+        }
+
         const size = parseInt(this.state.pageSize);
         const { page, totalBrews } = this.state;
-
         const totalPages = Math.ceil(totalBrews / size);
 
         let startPage, endPage;
@@ -284,10 +297,22 @@ const ArchivePage = createClass({
                     </button>
                 )}
                 <ol className="pages">
-                        {startPage > 1 && <a className="firstPage pageNumber" onClick={() => this.loadPage(1, false)}>1 ...</a>}
+                    {startPage > 1 && (
+                        <a
+                            className="firstPage pageNumber"
+                            onClick={() => this.loadPage(1, false)}
+                        >
+                            1 ...
+                        </a>
+                    )}
                     {pagesAroundCurrent}
                     {endPage < totalPages && (
-                            <a className="lastPage pageNumber" onClick={() => this.loadPage(totalPages, false)}>... {totalPages}</a>
+                        <a
+                            className="lastPage pageNumber"
+                            onClick={() => this.loadPage(totalPages, false)}
+                        >
+                            ... {totalPages}
+                        </a>
                     )}
                 </ol>
                 {page < totalPages && (
@@ -300,14 +325,10 @@ const ArchivePage = createClass({
                 )}
             </div>
         );
-        } else {
-            return null;
-        }
     },
 
     renderFoundBrews() {
-        const { title, brewCollection, error, searching } =
+        const { title, brewCollection, error, searching } = this.state;
-            this.state;
 
         if (searching) {
             return (
@@ -333,10 +354,12 @@ const ArchivePage = createClass({
                     errorMessage = "404 - We didn't find any brew";
                     break;
                 case '503':
-                    errorMessage = "503 - Service Unavailable, try again later, sorry.";
+                    errorMessage =
+                        '503 - Service Unavailable, try again later, sorry.';
                     break;
                 case '500':
-                    errorMessage = "500 - We don't know what happened, go ahead and contact the mods or report as a mistake.";
+                    errorMessage =
+                        "500 - We don't know what happened, go ahead and contact the mods or report as a mistake.";
                     break;
                 default:
                     errorMessage = 'An unexpected error occurred';