full TS on tree.tsx and getLinkComponent.tsx

Co-authored-by: Mark Teets <[email protected]>
Co-authored-by: Jasmine Noor <[email protected]>
Co-authored-by: Minzo Kim <[email protected]>
Co-authored-by: Jackie Yuan <[email protected]>

Author: 4 people

src/app/components/StateRoute/ComponentMap/getLinkComponent.ts

@@ -12,16 +12,13 @@ import {
   LinkVerticalLine,
   LinkRadialLine,
 } from '@visx/shape';
+import { LinkComponent } from '../../../components/FrontendTypes'
 
 export default function getLinkComponent({
   layout,
   linkType,
   orientation,
-}: {
-  layout: string;
-  linkType: string;
-  orientation: string;
-}): React.ComponentType<unknown> {
+}: LinkComponent): React.ComponentType<unknown> {
   let LinkComponent: React.ComponentType<unknown>;
 
   if (layout === 'polar') {

src/app/components/StateRoute/Tree.tsx

@@ -3,6 +3,7 @@ import JSONTree from 'react-json-tree';
 
 import { setCurrentTabInApp } from '../../actions/actions';
 import { useStoreContext } from '../../store';
+import { TreeProps } from '../../components/FrontendTypes'
 
 const colors = {
   scheme: 'paraiso',
@@ -32,15 +33,6 @@ const getItemString = (type, data: { state?: object | string; name: string; chil
   return <span />;
 };
 
-interface TreeProps {
-  snapshot: {
-    name?: string;
-    componentData?: object;
-    state?: string | object;
-    stateSnaphot?: object;
-    children?: any[];
-  };
-}
 
 const Tree = (props: TreeProps) => {
   const { snapshot } = props;