builds browser title + prettier conf

.eslintrc.js

@@ -1,49 +0,0 @@
-module.exports = {
-  "env": {
-      "browser": true,
-      "es6": true,
-      "jest/globals": true 
-  },
-  "extends": [
-      "eslint:recommended",
-      "plugin:react/recommended"
-  ],
-  "parserOptions": {
-      "ecmaFeatures": {
-          "jsx": true,
-          "modules": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-  },
-  "plugins": [
-      "react", "jest" 
-  ],
-  "rules": {
-      "indent": [
-          "error",
-          2  
-      ],
-      "linebreak-style": [
-          "error",
-          "windows"
-      ],
-      "quotes": [
-          "error",
-          "single"
-      ],
-      "semi": [
-          "error",
-          "never"
-      ],
-      "eqeqeq": "error",
-      "no-trailing-spaces": "error",
-      "object-curly-spacing": [
-          "error", "always"
-      ],
-      "arrow-spacing": [
-          "error", { "before": true, "after": true }
-      ],
-      "react/prop-types": 0
-  }
-}

.prettierrc.json

@@ -0,0 +1,7 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": false,
+  "prettier.semi": false
+}

react-ui/src/components/builds/BuildsBrowser.js

@@ -1,4 +1,4 @@
-import React from "react"
+import React, { useEffect } from "react"
 import { useQuery } from "@apollo/react-hooks"
 import { useQueryParams, StringParam, NumberParam } from "use-query-params"
 import WeaponDropdown from "../common/WeaponDropdown"
@@ -12,13 +12,19 @@ import WpnImage from "../common/WpnImage"
 const BuildsBrowser = () => {
   const [query, setQuery] = useQueryParams({
     weapon: StringParam,
-    page: NumberParam
+    page: NumberParam,
   })
   const { page = 1, weapon } = query
   const { data, error, loading } = useQuery(searchForBuildsByWeapon, {
-    variables: query
+    variables: query,
   })
-  console.log("weapon", weapon)
+
+  useEffect(() => {
+    document.title = weapon
+      ? `${weapon} Builds - sendou.ink`
+      : "Builds Browser - sendou.ink"
+  }, [weapon])
+
   const weaponsList = () => {
     if (loading) return <Loading />
     if (error) return <Error errorMessage={error.message} />

react-ui/src/components/common/BuildCard.js

@@ -1,13 +1,13 @@
-import React, { useState } from "react";
-import { Card, Image, Icon, Popup, Button } from "semantic-ui-react";
-import { Link } from "react-router-dom";
-import english_internal from "../../utils/english_internal.json";
-import AbilityIcon from "./AbilityIcon";
+import React, { useState } from "react"
+import { Card, Image, Icon, Popup, Button } from "semantic-ui-react"
+import { Link } from "react-router-dom"
+import english_internal from "../../utils/english_internal.json"
+import AbilityIcon from "./AbilityIcon"
 
-import { wpnMedium } from "../../assets/imageImports";
-import top500 from "../../assets/xleaderboardIcons/all.png";
-import BuildDeleteModal from "../user/BuildDeleteModal.js";
-import AddBuildForm from "../user/AddBuildForm.js";
+import { wpnMedium } from "../../assets/imageImports"
+import top500 from "../../assets/xleaderboardIcons/all.png"
+import BuildDeleteModal from "../user/BuildDeleteModal.js"
+import AddBuildForm from "../user/AddBuildForm.js"
 
 const BuildCard = ({
   build,
@@ -16,19 +16,19 @@ const BuildCard = ({
   removeBuildFunction,
   editBuildFunction,
   showWeapon = true,
-  showDescription = true
+  showDescription = true,
 }) => {
-  const [showEdit, setShowEdit] = useState(false);
+  const [showEdit, setShowEdit] = useState(false)
 
   function removeAbility(gearIndex, slotIndex) {
-    let copyOfArray = [...existingAbilities];
-    copyOfArray[gearIndex][slotIndex] = "";
-    setAbilities(copyOfArray);
+    let copyOfArray = [...existingAbilities]
+    copyOfArray[gearIndex][slotIndex] = ""
+    setAbilities(copyOfArray)
   }
 
   const buildTitle =
-    !build.title || build.title === "" ? `${build.weapon} Build` : build.title;
-  const buildDescription = !build.description ? "" : build.description;
+    !build.title || build.title === "" ? `${build.weapon} Build` : build.title
+  const buildDescription = !build.description ? "" : build.description
 
   if (showEdit)
     return (
@@ -39,7 +39,7 @@ const BuildCard = ({
           editBuildFunction={editBuildFunction}
         />
       </div>
-    );
+    )
 
   const BCard = () => {
     return (
@@ -111,7 +111,7 @@ const BuildCard = ({
           </div>
           <div
             style={{
-              margin: build.clothingItem ? "0 0 0 0" : "0.5em 0 0.5em 0"
+              margin: build.clothingItem ? "0 0 0 0" : "0.5em 0 0.5em 0",
             }}
           >
             {build.clothingItem && (
@@ -171,10 +171,10 @@ const BuildCard = ({
           </Card.Content>
         )}
       </Card>
-    );
-  };
+    )
+  }
 
-  return <BCard />;
-};
+  return <BCard />
+}
 
-export default BuildCard;
+export default BuildCard