import { useMutation, gql } from '@apollo/client';
import { Box, Button } from 'components/common';

const DROP = gql`
  mutation DropCurrentSchema {
    dropCurrentSchema
  }
`;

const DROP_FB = gql`
  mutation DROP_FB {
    updateFbSchema {
      status
    }
  }
`;

export const SecretSettings = () => {
  const [dropSchema] = useMutation(DROP);
  const [dropFacebook] = useMutation(DROP_FB);

  const clearLocalStorage = () => localStorage.clear();
  return (
    <Box display="flex" column align="center" spacingY={4}>
      <Button size="l" onClick={() => dropSchema()}>
        Drop Current Schema
      </Button>
      <Button size="l" onClick={() => dropFacebook()}>
        Drop Facebook
      </Button>
      <Button size="l" onClick={clearLocalStorage}>
        Clear Local Storage
      </Button>
    </Box>
  );
};