seamammals plugin

Summary: _typescript_

Reviewed By: passy

Differential Revision: D16936889

fbshipit-source-id: 68ec6a14e1ee4517d76816b4156f0eebaca27ab4

src/plugins/seamammals/index.tsx

@@ -3,7 +3,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * @format
- * @flow strict-local
  */
 
 import {
@@ -22,9 +21,9 @@ import React from 'react';
 type Id = number;
 
 type Row = {
-  id: Id,
+  id: Id;
-  title: string,
+  title: string;
-  url: string,
+  url: string;
 };
 
 function renderSidebar(row: Row) {
@@ -36,33 +35,32 @@ function renderSidebar(row: Row) {
 }
 
 type State = {
-  selectedID: ?string,
+  selectedID: string | null;
 };
 
 type PersistedState = {
-  [key: string]: Row,
+  [key: string]: Row;
 };
 
 export default class SeaMammals extends FlipperPlugin<
   State,
-  void,
+  any,
-  PersistedState,
+  PersistedState
 > {
   static defaultPersistedState = {};
 
-  static persistedStateReducer = (
+  static persistedStateReducer<PersistedState>(
     persistedState: PersistedState,
     method: string,
     payload: Row,
-  ) => {
+  ) {
     if (method === 'newRow') {
-      return {
+      return Object.assign({}, persistedState, {
-        ...persistedState,
         [payload.id]: payload,
-      };
+      });
     }
     return persistedState;
-  };
+  }
 
   static Container = styled(FlexRow)({
     backgroundColor: colors.macOSTitleBarBackgroundBlur,
@@ -100,12 +98,13 @@ export default class SeaMammals extends FlipperPlugin<
   }
 }
 
-class Card extends React.Component<{
+class Card extends React.Component<
-  ...Row,
+  {
-  onSelect: () => void,
+    onSelect: () => void;
-  selected: boolean,
+    selected: boolean;
-}> {
+  } & Row
-  static Container = styled(FlexColumn)(props => ({
+> {
+  static Container = styled(FlexColumn)((props: {selected?: boolean}) => ({
     margin: 10,
     borderRadius: 5,
     border: '2px solid black',

src/plugins/seamammals/package.json

@@ -1,7 +1,7 @@
 {
     "name": "sea-mammals",
     "version": "1.0.0",
-    "main": "index.js",
+    "main": "index.tsx",
     "license": "MIT",
     "icon": "apps",
     "title": "Sea Mammals",