Merge pull request #2470 from RedisInsight/fe/feature/RI-4826

#RI-4826 - add default value for code

Author: mariasergeenko

redisinsight/ui/src/pages/triggeredFunctions/pages/Libraries/components/AddLibrary/AddLibrary.spec.tsx

@@ -25,6 +25,12 @@ describe('AddLibrary', () => {
     expect(render(<AddLibrary {...mockedProps} />)).toBeTruthy()
   })
 
+  it('should display proper code value by default', () => {
+    render(<AddLibrary {...mockedProps} />)
+
+    expect(screen.getByTestId('code-value')).toHaveValue('#!js name=LibName api_version=1.0')
+  })
+
   it('should call proper telemetry event', async () => {
     const onAdded = jest.fn()
 

redisinsight/ui/src/pages/triggeredFunctions/pages/Libraries/components/AddLibrary/AddLibrary.tsx

@@ -37,7 +37,7 @@ const LibraryDetails = (props: IProps) => {
 
   const { loading } = useSelector(triggeredFunctionsAddLibrarySelector)
 
-  const [code, setCode] = useState<string>('')
+  const [code, setCode] = useState<string>('#!js name=LibName api_version=1.0')
   const [configuration, setConfiguration] = useState<string>('')
   const [isShowConfiguration, setIsShowConfiguration] = useState<boolean>(false)
 

redisinsight/ui/src/pages/triggeredFunctions/pages/Libraries/components/AddLibrary/styles.module.scss

@@ -25,6 +25,8 @@
     height: 100%;
     max-height: calc(100% - 104px);
     margin-bottom: 46px;
+
+    overflow-x: hidden;
   }
 
   .label {