minor folder edit fixes

frontend/api/maybe_start_tracking.ts

@@ -15,6 +15,7 @@ const BLACKLIST: ResourceName[] = [
   "WebAppConfig",
   "WebcamFeed",
   "Alert",
+  "Folder",
 ];
 
 export function maybeStartTracking(uuid: string) {

frontend/folders/__tests__/component_test.tsx

@@ -351,6 +351,7 @@ describe("<FolderNameInput />", () => {
       currentTarget: { value: "new name" }
     });
     expect(setFolderName).toHaveBeenCalledWith(p.node.id, "new name");
+    expect(toggleFolderEditState).toHaveBeenCalledWith(p.node.id);
   });
 
   it("closes folder name input", () => {

frontend/folders/component.tsx

@@ -132,8 +132,11 @@ export const FolderButtonCluster =
 
 export const FolderNameInput = ({ node }: FolderNameInputProps) =>
   <div className="folder-name-input">
-    <BlurableInput value={node.name} onCommit={e =>
-      setFolderName(node.id, e.currentTarget.value)} />
+    <BlurableInput value={node.name} autoFocus={true} autoSelect={true}
+      onCommit={e => {
+        setFolderName(node.id, e.currentTarget.value);
+        toggleFolderEditState(node.id);
+      }} />
     <button
       className="fb-button green"
       onClick={() => toggleFolderEditState(node.id)}>

frontend/ui/blurable_input.tsx

@@ -29,6 +29,7 @@ export interface BIProps {
   error?: string;
   title?: string;
   autoFocus?: boolean;
+  autoSelect?: boolean;
 }
 
 interface BIState {
@@ -79,8 +80,10 @@ export class BlurableInput extends React.Component<BIProps, Partial<BIState>> {
     this.setState({ isEditing: false, buffer: "", error: undefined });
   }
 
-  focus = () => {
+  focus = (e: React.FocusEvent<HTMLInputElement>) => {
     const { value } = this.props;
+    this.props.autoSelect &&
+      e.target.setSelectionRange(0, e.target.value.length);
     this.setState({
       isEditing: true,
       buffer: "" + (value || ""),