etherscan-io
diff --git a/‎packages/app/src/app/pages/common/Modals/ShareModal/Title.js
-33 b/‎packages/app/src/app/pages/common/Modals/ShareModal/Title.js
-33
diff --git a/‎packages/app/src/app/pages/common/Modals/ShareModal/Title.tsx
+37 b/‎packages/app/src/app/pages/common/Modals/ShareModal/Title.tsx
+37
diff --git a/‎packages/app/src/app/pages/common/Modals/ShareModal/elements.js renamed to ‎packages/app/src/app/pages/common/Modals/ShareModal/elements.ts b/‎packages/app/src/app/pages/common/Modals/ShareModal/elements.js renamed to ‎packages/app/src/app/pages/common/Modals/ShareModal/elements.ts
diff --git a/‎packages/app/src/app/pages/common/Modals/ShareModal/getCode.js renamed to ‎packages/app/src/app/pages/common/Modals/ShareModal/getCode.ts
+3-2 b/‎packages/app/src/app/pages/common/Modals/ShareModal/getCode.js renamed to ‎packages/app/src/app/pages/common/Modals/ShareModal/getCode.ts
+3-2
@@ -0,0 +1,37 @@
+import React, { useState } from 'react';
+import Down from 'react-icons/lib/fa/angle-down';
+import Right from 'react-icons/lib/fa/angle-right';
+import { Spring, animated } from 'react-spring/renderprops';
+
+import { Title as TitleElement } from './elements';
+
+interface Props {
+  title: string;
+  open?: boolean;
+}
+
+export const Title: React.FC<Props> = ({ open, title, children }) => {
+  const [isOpen, setOpen] = useState(open || false);
+
+  function toggleShow() {
+    setOpen(!isOpen);
+  }
+
+  return (
+    <>
+      <TitleElement onClick={() => toggleShow()}>
+        {isOpen ? <Down /> : <Right />}
+        {title}
+      </TitleElement>
+      <Spring
+        from={{ height: 'auto' }}
+        to={{
+          height: isOpen ? 'auto' : 0,
+          overflow: 'hidden',
+        }}
+      >
+        {props => <animated.div style={props}>{children}</animated.div>}
+      </Spring>
+    </>
+  );
+};
@@ -1,10 +1,10 @@
-import { getSandboxName } from '@codesandbox/common/lib/utils/get-sandbox-name';
 import { getModulePath } from '@codesandbox/common/lib/sandbox/modules';
+import { getSandboxName } from '@codesandbox/common/lib/utils/get-sandbox-name';
 import {
+  embedUrl,
   optionsToParameterizedUrl,
   protocolAndHost,
   sandboxUrl,
-  embedUrl,
 } from '@codesandbox/common/lib/utils/url-generator';
 import { escapeHtml } from 'app/utils/escape';
 
@@ -50,6 +50,7 @@ const getOptionsUrl = (sandbox, mainModule, state) => {
       sandbox.directories,
       defaultModule
     );
+    // @ts-ignore
     options.module = modulePath;
   }