feat(dashboard): enable edit mode for text widget by default

awslabs · Mar 30, 2023 · 2b4db27 · 2b4db27
1 parent 31b8361
commit 2b4db27
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/dashboard/src/customization/widgets/text/component.tsx b/packages/dashboard/src/customization/widgets/text/component.tsx
@@ -17,7 +17,7 @@ import type { DashboardState } from '~/store/state';
 const TextWidgetComponent: React.FC<TextWidget> = (widget) => {
   const readOnly = useSelector((state: DashboardState) => state.readOnly);
   const isSelected = useIsSelected(widget);
-  const { isUrl } = widget.properties;
+  const { isUrl, value } = widget.properties;
 
   const dispatch = useDispatch();
   const [isEditing, setIsEditing] = useState(false);
@@ -27,6 +27,11 @@ const TextWidgetComponent: React.FC<TextWidget> = (widget) => {
     setIsEditing(editing);
   };
 
+  useEffect(() => {
+    // allow immediate edit if no value on widget creation
+    if (!value) handleSetEdit(true);
+  }, []);
+
   useEffect(() => {
     return () => {
       /**