Cleaning loading state

code/addons/controls/src/ControlsPanel.tsx

@@ -25,7 +25,6 @@ interface ControlsParameters {
 
 export const ControlsPanel: FC = () => {
   const [isLoading, setIsLoading] = useState(true);
-  const [isSoftLoading, setIsSoftLoading] = useState(true);
   const [args, updateArgs, resetArgs] = useArgs();
   const [globals] = useGlobals();
   const rows = useArgTypes();
@@ -35,17 +34,9 @@ export const ControlsPanel: FC = () => {
   // If the story is prepared, then show the args table
   // and reset the loading states
   useChannel({
-    [STORY_PREPARED]: () => {
-      setIsLoading(false);
-      setIsSoftLoading(false);
-    },
+    [STORY_PREPARED]: () => setIsLoading(false),
   });
 
-  // If the story changes, then show the loading state
-  useEffect(() => {
-    setIsSoftLoading(true);
-  }, [path]);
-
   const hasControls = Object.values(rows).some((arg) => arg?.control);
 
   const withPresetColors = Object.entries(rows).reduce((acc, [key, arg]) => {
@@ -66,7 +57,6 @@ export const ControlsPanel: FC = () => {
       inAddonPanel
       sort={sort}
       isLoading={isLoading}
-      isSoftLoading={isSoftLoading}
     />
   );
 };

code/ui/blocks/src/components/ArgsTable/ArgsTable.tsx

@@ -198,7 +198,6 @@ export interface ArgsTableOptionProps {
   inAddonPanel?: boolean;
   initialExpandedArgs?: boolean;
   isLoading?: boolean;
-  isSoftLoading?: boolean;
   sort?: SortType;
 }
 interface ArgsTableDataProps {
@@ -316,7 +315,6 @@ export const ArgsTable: FC<ArgsTableProps> = (props) => {
     initialExpandedArgs,
     sort = 'none',
     isLoading,
-    isSoftLoading,
   } = props;
 
   if ('error' in props) {
@@ -335,10 +333,6 @@ export const ArgsTable: FC<ArgsTableProps> = (props) => {
   // This happen when you load the manager and the story is not yet loaded
   if (isLoading) return <Skeleton />;
 
-  // If the story is soft loading, don't show anything
-  // This happens when you switch stories and the story is not yet loaded
-  if (isSoftLoading) return null;
-
   const { rows, args, globals } = 'rows' in props && props;
   const groups = groupRows(
     pickBy(