fix: refresh brick info

easyops-cn · Oct 10, 2023 · daf9eea · daf9eea
1 parent ff5c436
commit daf9eea
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/panel/components/PropView.tsx b/src/panel/components/PropView.tsx
@@ -124,7 +124,7 @@ export function PropView(): React.ReactElement {
                 <PropList
                   list={brickInfo[key]}
                   overrideProps={overrideProps}
-                  editable={key !== "events"}
+                  editable={key !== "events" && key !== "tplState"}
                 />
               </div>
             </React.Fragment>

diff --git a/src/panel/components/SelectedBrickToolbar.tsx b/src/panel/components/SelectedBrickToolbar.tsx
@@ -6,7 +6,7 @@ import { useSelectedBrickContext } from "../libs/SelectedBrickContext";
 import { useEvalOptions } from "../libs/useEvalOptions";
 
 export function SelectedBrickToolbar(): React.ReactElement {
-  const { selectedBrick } = useSelectedBrickContext();
+  const { selectedBrick, setSelectedBrick } = useSelectedBrickContext();
   const evalOptions = useEvalOptions();
 
   const handleInspectElement = React.useCallback((): void => {
@@ -23,6 +23,10 @@ export function SelectedBrickToolbar(): React.ReactElement {
     );
   }, [evalOptions, selectedBrick]);
 
+  const handleRefreshBrickInfo = React.useCallback(() => {
+    setSelectedBrick({ ...selectedBrick });
+  }, [selectedBrick, setSelectedBrick]);
+
   return (
     <div className="selected-brick-toolbar">
       {selectedBrick && (
@@ -36,6 +40,9 @@ export function SelectedBrickToolbar(): React.ReactElement {
             {selectedBrick.tagName}
           </span>
           <ButtonGroup>
+            <Tooltip content="Refresh brick info" hoverOpenDelay={300}>
+              <Button icon="refresh" minimal onClick={handleRefreshBrickInfo} />
+            </Tooltip>
             <Tooltip content="Inspect the brick element" hoverOpenDelay={300}>
               <Button icon="eye-open" minimal onClick={handleInspectElement} />
             </Tooltip>