setup()

in studio/components/studio-header/index.tsx [30:73]

• 44 lines of code
• 3 McCabe index (conditional complexity)

  setup() {
    const { toggleSider } = useSiderWidth()
    const { toggleLog } = useLogHeight()
    const onSelect = (key: string) => {
      if (key === '1') {
        toggleSider()
        return
      }
      if (key === '2') {
        toggleLog()
        return
      }
    }
    return () => (
      <NLayoutHeader class={styles['studio-header']}>
        <NSpace justify='space-between' align='center'>
          <NGradientText type='primary' size={20}>
            DolphinScheduler Studio
          </NGradientText>
          <NDropdown
            trigger='click'
            onSelect={onSelect}
            options={[
              {
                key: '1',
                label: () => h('div', { class: styles['label-icon-vertical'] })
              },
              {
                key: '2',
                label: () =>
                  h('div', {
                    class: styles['label-icon-horizontal']
                  })
              }
            ]}
          >
            <NButton quaternary type='primary' class={styles['icon-button']}>
              <div class={styles['icon-vertical']}></div>
            </NButton>
          </NDropdown>
        </NSpace>
      </NLayoutHeader>
    )
  }