fix/focus-timer-view (#26)

* Auto focus button in timer view

* Revert find projects by identifier without alphanumerical characters

* Update changelog

src/js/components/App/TimerView.js

@@ -25,7 +25,7 @@ export default function TimerView({ timedActivity, onStopTimer }) {
         offset={timedActivity.seconds}
         style={{ fontSize: "36px", display: "inline-block" }}
       />
-      <button className="moco-bx-btn btn-stop-timer" onClick={handleStopTimer}>
+      <button className="moco-bx-btn btn-stop-timer" onClick={handleStopTimer} autoFocus>
         <StopWatch />
       </button>
     </div>

src/js/components/Popup.js

@@ -19,13 +19,6 @@ const Popup = forwardRef((props, ref) => {
   }
 
   useEffect(() => {
-    // Document might lose focus when clicking the browser action.
-    // Document might be out of focus when hitting the shortcut key.
-    // This puts the focus back to the document and ensures that:
-    // - the autofocus on the hours input field is triggered
-    // - the ESC key closes the popup without closing anything else
-    window.focus()
-    document.activeElement?.blur()
     window.addEventListener("message", handleMessage)
     return () => {
       window.removeEventListener("message", handleMessage)

src/js/utils/index.js

@@ -25,7 +25,6 @@ export const ERROR_UNKNOWN = "unknown"
 
 export const noop = () => null
 export const asArray = input => (Array.isArray(input) ? input : [input])
-export const removeNonAlphanumChars = input => String(input ?? "").replace(/[\W_]/g, "")
 
 export const findProjectBy = prop => val => projects => {
   if (!val) {
@@ -33,11 +32,7 @@ export const findProjectBy = prop => val => projects => {
   }
 
   return compose(
-    find(
-      project =>
-        project[prop] === val ||
-        removeNonAlphanumChars(project[prop]) === removeNonAlphanumChars(val),
-    ),
+    find(pathEq(prop, val)),
     flatMap(get("options")),
   )(projects)
 }