/
ashipov
/
react
Обзор
Документация
Войти
/
ashipov
/
react
Код
Запросы
0
Задачи 2.0
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
packages/react-devtools-shared/src/devtools/views/Components/ActivitySlice.js
52 строки
2 KB
Sebastian "Sebbie" Silbermann
[DevTools] Apply Activity slice filter when double clicking Activity (#34908)
08 ноя 2025, 20:09
Не верифицирован
08 ноя 2025, 20:09
5a9921b
Код
Авторство
О чём код?
/** * Copyright (c) Meta Platforms, Inc. and 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 {startTransition, useContext} from 'react'; import Button from '../Button'; import ButtonIcon from '../ButtonIcon'; import {StoreContext} from '../context'; import {useChangeActivitySliceAction} from '../SuspenseTab/ActivityList'; import {TreeDispatcherContext, TreeStateContext} from './TreeContext'; import styles from './ActivitySlice.css'; export default function ActivitySlice(): React.Node { const dispatch = useContext(TreeDispatcherContext); const {activityID} = useContext(TreeStateContext); const store = useContext(StoreContext); const activity = activityID === null ? null : store.getElementByID(activityID); const name = activity ? activity.nameProp : null; const changeActivitySliceAction = useChangeActivitySliceAction(); return ( <div className={styles.ActivitySlice}> <div className={styles.Bar}> <Button className={styles.ActivitySliceButton} onClick={dispatch.bind(null, { type: 'SELECT_ELEMENT_BY_ID', payload: activityID, })}> "{name || 'Unknown'}" </Button> </div> <div className={styles.VRule} /> <Button onClick={startTransition.bind( null, changeActivitySliceAction.bind(null, null), )} title="Back to tree view"> <ButtonIcon type="close" /> </Button> </div> ); }