Function Options

src/component/Options.tsx:139–245

()

};

const Options = () => {
  const tokenRef = createRef<HTMLInputElement>();
  const portalUrlRef = createRef<HTMLInputElement>();
  const [portalUrlText, setPortalUrlText] = useState('');
  useEffect(() => {
    (async () => {
      setPortalUrlText((await getStorageItem('portalUrl')) ?? '');
    })();
  }, []);
  return (
    <Box sx={{ width: '100%', maxWidth: 400, bgcolor: 'background.paper' }}>
      <Typography variant="body2">
        <SettingsIcon
          fontSize="small"
          sx={{
            verticalAlign: 'bottom',
            marginRight: '0.2em',
            marginLeft: '0.4em',
            bottom: '-0.1em',
          }}
        />{' '}
        Edit telemetry settings at the{' '}
        <Link href="https://codeium.com/profile" target="_blank">
          Codeium website
          <OpenInNewIcon
            fontSize="small"
            sx={{
              verticalAlign: 'bottom',
            }}
          />
        </Link>
      </Typography>
      <Divider
        sx={{
          padding: '0.5em',
        }}
      />
      <Box sx={{ my: 2, mx: 2 }}>
        <Typography variant="h6"> Alternative ways to log in </Typography>
        <TextField
          id="token"
          label="Token"
          variant="standard"
          fullWidth
          type="password"
          inputRef={tokenRef}
        />
        <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
          <Button variant="text" onClick={openTokenPage} sx={{ textTransform: 'none' }}>
            Get Token <OpenInNewIcon />
          </Button>

          <Button
            variant="text"
            onClick={async () => {
              // get token from input
              const token = tokenRef.current?.value;
              await chrome.runtime.sendMessage({ type: 'manual', token: token });