feat: make flow editor read only when published

packages/web/src/components/PowerInput/style.ts

@@ -7,7 +7,7 @@ export const InputLabelWrapper = styled('div')`
   left: -6px;
 `;
 
-export const FakeInput = styled('div')`
+export const FakeInput = styled('div', { shouldForwardProp: prop => prop !== 'disabled'})<{ disabled?: boolean }>`
   border: 1px solid #eee;
   min-height: 52px;
   width: 100%;
@@ -17,6 +17,11 @@ export const FakeInput = styled('div')`
   border-color: rgba(0, 0, 0, 0.23);
   position: relative;
 
+  ${({ disabled, theme }) => !!disabled && `
+    color: ${theme.palette.action.disabled},
+    border-color: ${theme.palette.action.disabled},
+  `}
+
   &:hover {
     border-color: ${({ theme }) => theme.palette.text.primary};
   }