Update control panel blank state

react-cosmos · Mar 2, 2024 · d957cd2 · d957cd2
1 parent 256f170
commit d957cd2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/packages/react-cosmos-ui/src/plugins/PropsPanel/BlankState.tsx b/packages/react-cosmos-ui/src/plugins/PropsPanel/BlankState.tsx
@@ -4,8 +4,6 @@ import styled from 'styled-components';
 import { SlidersIcon } from '../../components/icons/index.js';
 import { grey160, grey224, grey32, grey64 } from '../../style/colors.js';
 
-// TODO: Replace this with a more generic blank state (inputs in general not
-// just props)
 export function BlankState() {
   return (
     <DelayRender delay={500}>
@@ -14,10 +12,10 @@ export function BlankState() {
           <SlidersIcon />
         </IconContainer>
         <Title>
-          No visible props in <NoWrap>selected fixture</NoWrap>
+          No inputs in <NoWrap>selected fixture</NoWrap>
         </Title>
         <Description>
-          Props of exported JSX <NoWrap>elements from</NoWrap> your fixtures{' '}
+          Props from Node fixtures and custom fixture inputs{' '}
           <NoWrap>will appear here.</NoWrap>
         </Description>
       </Container>

diff --git a/packages/react-cosmos-ui/src/plugins/PropsPanel/index.test.tsx b/packages/react-cosmos-ui/src/plugins/PropsPanel/index.test.tsx
@@ -44,7 +44,7 @@ it('renders blank state', async () => {
 
   const fixtureState = createFsState({});
   const { findByText } = loadTestPlugins(fixtureState);
-  await findByText(/no visible props/i);
+  await findByText(/no inputs/i);
 });
 
 it('renders component name', async () => {