Remove unused code (#517)

web/packages/shared/hooks/index.ts

@@ -15,7 +15,6 @@ limitations under the License.
 */
 
 import { useState, useRef, useEffect } from 'react';
-import withState from './withState';
 import useAttempt from './useAttempt';
 import useFavicon from './useFavicon';
 import useDocTitle from './useDocTitle';
@@ -26,7 +25,6 @@ export {
   useAttempt,
   useAttemptNext,
   useState,
-  withState,
   useEffect,
   useFavicon,
   useDocTitle,

web/packages/teleport/src/PlayerNext/SshPlayer.jsx → web/packages/teleport/src/PlayerNext/PlayerNext.jsx

@@ -17,11 +17,9 @@ limitations under the License.
 import { useParams } from 'react-router';
 import React from 'react';
 import styled from 'styled-components';
-import { withState } from 'shared/hooks';
 import SplitPane from 'shared/components/SplitPane';
 import { Danger } from 'design/Alert';
 import { Indicator, Flex, Text, Box } from 'design';
-import cfg from 'teleport/config';
 import TtyPlayer, {
   StatusEnum as TtyStatusEnum,
 } from 'teleport/lib/term/ttyPlayer';
@@ -31,7 +29,10 @@ import Xterm from 'teleport/Player/Xterm';
 import BpfPlayer from './BpfPlayer';
 import SwitchMode, { ModeEnum } from './SwitchMode';
 
-export function Player(props) {
+/**
+ * PlayerNext is the prototype of the eBPF player
+ */
+export function PlayerNext(props) {
   const { url, bpfEvents = [] } = props;
   const tty = React.useMemo(() => {
     return props.tty || new TtyPlayer(new EventProvider({ url }));
@@ -109,15 +110,6 @@ export function Player(props) {
   );
 }
 
-export default withState(() => {
-  const { sid, clusterId } = useParams();
-  const url = cfg.getTerminalSessionUrl({ clusterId, sid });
-  return {
-    url,
-    sid,
-  };
-})(Player);
-
 const ToolBar = styled(Flex)`
   border-bottom: 1px solid ${({ theme }) => theme.colors.primary.main};
 `;

web/packages/teleport/src/PlayerNext/SshPlayer.story.js → web/packages/teleport/src/PlayerNext/PlayerNext.story.js

@@ -16,12 +16,12 @@ limitations under the License.
 
 import React from 'react';
 import styled from 'styled-components';
-import { Player } from './SshPlayer';
 import TtyPlayer from 'teleport/lib/term/ttyPlayer';
 import TtyPlayerEventProvider from 'teleport/lib/term/ttyPlayerEventProvider';
+import { PlayerNext } from './PlayerNext';
 
 export default {
-  title: 'Teleport/PlayerNext/SshPlayer',
+  title: 'Teleport/PlayerNext',
 };
 
 export const Vim = () => {
@@ -67,7 +67,7 @@ function useMockedEvents(loader) {
 function renderMocked(mocked) {
   return (
     <Box>
-      {mocked && <Player tty={mocked.tty} bpfEvents={mocked.auditEvents} />}
+      {mocked && <PlayerNext tty={mocked.tty} bpfEvents={mocked.auditEvents} />}
     </Box>
   );
 }