mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Sebastian Markbåge
09348798a9
* import * as React from "react"; This is the correct way to import React from an ES module since the ES module will not have a default export. Only named exports. * import * as ReactDOM from "react-dom"
33 lines
908 B
JavaScript
33 lines
908 B
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
import * as React from 'react';
|
|
import {useCallback, useContext} from 'react';
|
|
import {ProfilerContext} from './ProfilerContext';
|
|
import Button from '../Button';
|
|
import ButtonIcon from '../ButtonIcon';
|
|
import {StoreContext} from '../context';
|
|
|
|
export default function ClearProfilingDataButton() {
|
|
const store = useContext(StoreContext);
|
|
const {didRecordCommits, isProfiling} = useContext(ProfilerContext);
|
|
const {profilerStore} = store;
|
|
|
|
const clear = useCallback(() => profilerStore.clear(), [profilerStore]);
|
|
|
|
return (
|
|
<Button
|
|
disabled={isProfiling || !didRecordCommits}
|
|
onClick={clear}
|
|
title="Clear profiling data">
|
|
<ButtonIcon type="clear" />
|
|
</Button>
|
|
);
|
|
}
|