From 87e619b3b111330c261afe42b5a1e381af56801f Mon Sep 17 00:00:00 2001
From: Christine Oo <ootjinvoon@gmail.com>
Date: Thu, 17 Oct 2019 22:50:43 +0900
Subject: [PATCH 1/5] rename file ext to .tsx

---
 .../common/Modals/MoveSandboxFolderModal/{index.js => index.tsx}  | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/{index.js => index.tsx} (100%)

diff --git a/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/index.js b/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/index.tsx
similarity index 100%
rename from packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/index.js
rename to packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/index.tsx

From 67a6a35e79d685a0e5e81aff5e5ce8e436625a77 Mon Sep 17 00:00:00 2001
From: Christine Oo <ootjinvoon@gmail.com>
Date: Thu, 17 Oct 2019 22:52:58 +0900
Subject: [PATCH 2/5] fix type error - refactor to use style

---
 .../pages/common/Modals/MoveSandboxFolderModal/index.tsx   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/index.tsx b/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/index.tsx
index b66d0ed44e6..b3a6229cf3a 100644
--- a/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/index.tsx
+++ b/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/index.tsx
@@ -57,7 +57,7 @@ const MoveSandboxFolderModal = () => {
   return (
     <div>
       <Block>Move to Folder</Block>
-      <Container css={{ maxHeight: 400, overflow: 'auto' }}>
+      <Container style={{ maxHeight: 400, overflow: 'auto' }}>
         <DirectoryPicker
           onSelect={onSelect}
           currentTeamId={teamId}
@@ -72,7 +72,7 @@ const MoveSandboxFolderModal = () => {
 
         <Button
           onClick={handleMove}
-          css={{ display: 'inline-flex', alignItems: 'center' }}
+          style={{ display: 'inline-flex', alignItems: 'center' }}
           small
           disabled={loading}
         >
@@ -85,7 +85,7 @@ const MoveSandboxFolderModal = () => {
                 ? basename(path)
                 : `${teamId ? 'Our' : 'My'} Sandboxes`}
               <ChevronRight
-                css={{ marginRight: '-.25rem', marginLeft: '.25rem' }}
+                style={{ marginRight: '-.25rem', marginLeft: '.25rem' }}
               />
             </>
           )}
@@ -95,4 +95,5 @@ const MoveSandboxFolderModal = () => {
   );
 };
 
+// eslint-disable-next-line import/no-default-export
 export default MoveSandboxFolderModal;

From 618fec040f7767f7274b8ce09e369ecbe0058ff8 Mon Sep 17 00:00:00 2001
From: Christine Oo <ootjinvoon@gmail.com>
Date: Thu, 17 Oct 2019 22:53:55 +0900
Subject: [PATCH 3/5] change file ext to ts

---
 .../Modals/MoveSandboxFolderModal/{elements.js => elements.ts}    | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/{elements.js => elements.ts} (100%)

diff --git a/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.js b/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.ts
similarity index 100%
rename from packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.js
rename to packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.ts

From 91ed37874877ec460cb41a32e1f475423e1565e9 Mon Sep 17 00:00:00 2001
From: Christine Oo <ootjinvoon@gmail.com>
Date: Thu, 17 Oct 2019 22:54:48 +0900
Subject: [PATCH 4/5] fix type error - add optional prop

---
 .../pages/common/Modals/MoveSandboxFolderModal/elements.ts  | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.ts b/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.ts
index e83366dd7c5..93b22d781b1 100644
--- a/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.ts
+++ b/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.ts
@@ -1,6 +1,10 @@
 import styled, { css } from 'styled-components';
 
-export const Block = styled.div`
+interface IBlockProps {
+  right?: boolean;
+}
+
+export const Block = styled.div<IBlockProps>`
   background-color: ${props => props.theme.background2};
   color: rgba(255, 255, 255, 0.9);
   padding: 1rem 1.5rem;

From 41df949b90096e7e226984cc845eb10486274c01 Mon Sep 17 00:00:00 2001
From: Christine Oo <ootjinvoon@gmail.com>
Date: Fri, 18 Oct 2019 00:06:56 +0900
Subject: [PATCH 5/5] remove the unnecessary interface definition

---
 .../pages/common/Modals/MoveSandboxFolderModal/elements.ts  | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.ts b/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.ts
index 93b22d781b1..0074229cbed 100644
--- a/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.ts
+++ b/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/elements.ts
@@ -1,10 +1,6 @@
 import styled, { css } from 'styled-components';
 
-interface IBlockProps {
-  right?: boolean;
-}
-
-export const Block = styled.div<IBlockProps>`
+export const Block = styled.div<{ right?: boolean }>`
   background-color: ${props => props.theme.background2};
   color: rgba(255, 255, 255, 0.9);
   padding: 1rem 1.5rem;