feat: [code-286]: fix yarn checks

web/src/RouteDefinitions.ts

@@ -17,7 +17,7 @@ export interface CODEQueryProps {
   query?: string
 }
 
-export const pathProps: Readonly<Omit<Required<CODEProps>, 'repoPath' | 'branch' | 'tags' >> = {
+export const pathProps: Readonly<Omit<Required<CODEProps>, 'repoPath' | 'branch' | 'tags'>> = {
   space: ':space',
   repoName: ':repoName',
   gitRef: ':gitRef*',

web/src/components/CommitsView/CommitsView.tsx

@@ -50,7 +50,7 @@ export function CommitsView({
           return (
             <Layout.Horizontal spacing="small" flex={{ alignItems: 'center' }} style={{ display: 'inline-flex' }}>
               <Avatar hoverCard={false} size="small" name={row.original.author?.identity?.name || ''} />
-              <Text icon='code-tag' iconProps={{size:22}} className={css.rowText} color={Color.BLACK}>
+              <Text icon="code-tag" iconProps={{ size: 22 }} className={css.rowText} color={Color.BLACK}>
                 {row.original.author?.identity?.name}
               </Text>
             </Layout.Horizontal>

web/src/components/CreateTagModal/CreateTagModal.module.scss

@@ -8,9 +8,8 @@
     font-size: var(--form-input-font-size) !important;
     font-weight: 500 !important;
   }
-
 }
 
 .extendedDescription textarea {
   height: 100px !important;
-  }
+}

web/src/components/CreateTagModal/CreateTagModal.tsx

@@ -29,7 +29,7 @@ import { get } from 'lodash-es'
 import { useModalHook } from '@harness/use-modal'
 import { useStrings } from 'framework/strings'
 import { getErrorMessage, permissionProps } from 'utils/Utils'
-import { CodeIcon, GitInfoProps, isGitBranchNameValid } from 'utils/GitUtils'
+import { GitInfoProps, isGitBranchNameValid } from 'utils/GitUtils'
 import { BranchTagSelect } from 'components/BranchTagSelect/BranchTagSelect'
 import type { RepoBranch } from 'services/code'
 import { useGetSpaceParam } from 'hooks/useGetSpaceParam'
@@ -112,7 +112,6 @@ export function useCreateTagModal({
                 name: branchName,
                 sourceBranch: suggestedSourceBranch,
                 description: ''
-
               }}
               formName="createGitTag"
               enableReinitialize={true}

web/src/pages/PullRequest/Conversation/PullRequestSideBar/PullRequestSideBar.tsx

@@ -71,7 +71,10 @@ const PullRequestSideBar = (props: PullRequestSideBarProps) => {
             <Button variation={ButtonVariation.TERTIARY} size={ButtonSize.SMALL} text={'Add +'}></Button>
           </Layout.Horizontal>
           <Container padding={{ top: 'medium', bottom: 'large' }}>
-            <Text className={css.semiBoldText} padding={{ bottom: 'medium' }} font={{ variation: FontVariation.FORM_LABEL, size: 'small' }}>
+            <Text
+              className={css.semiBoldText}
+              padding={{ bottom: 'medium' }}
+              font={{ variation: FontVariation.FORM_LABEL, size: 'small' }}>
               {getString('required')}
             </Text>
             {reviewers && reviewers?.length !== 0 ? (
@@ -119,9 +122,7 @@ const PullRequestSideBar = (props: PullRequestSideBarProps) => {
                 }
               )
             ) : (
-              <Text
+              <Text color={Color.GREY_300} font={{ variation: FontVariation.BODY2_SEMI, size: 'small' }}>
-                color={Color.GREY_300}
-                font={{ variation: FontVariation.BODY2_SEMI, size: 'small' }}>
                 {getString('noRequiredReviewers')}
               </Text>
             )}
@@ -174,9 +175,7 @@ const PullRequestSideBar = (props: PullRequestSideBarProps) => {
                 )
               })
             ) : (
-              <Text
+              <Text color={Color.GREY_300} font={{ variation: FontVariation.BODY2_SEMI, size: 'small' }}>
-                color={Color.GREY_300}
-                font={{ variation: FontVariation.BODY2_SEMI, size: 'small' }}>
                 {getString('noOptionalReviewers')}
               </Text>
             )}

web/src/pages/RepositoryTags/RepositoryTags.module.scss

@@ -1,5 +1,4 @@
 .main {
   min-height: var(--page-min-height, 100%);
   background-color: var(--primary-bg) !important;
-  }
+}
-  

web/src/pages/RepositoryTags/RepositoryTags.tsx

@@ -14,11 +14,7 @@ export default function RepositoryTags() {
 
   return (
     <Container className={css.main}>
-      <RepositoryPageHeader
+      <RepositoryPageHeader repoMetadata={repoMetadata} title={getString('tags')} dataTooltipId="repositoryTags" />
-        repoMetadata={repoMetadata}
-        title={getString('tags')}
-        dataTooltipId="repositoryTags"
-      />
       <PageBody error={getErrorMessage(error)} retryOnError={voidFn(refetch)}>
         <LoadingSpinner visible={loading} />
 

web/src/pages/RepositoryTags/RepositoryTagsContent/RepositoryTagsContent.module.scss

@@ -4,5 +4,4 @@
   .noData > div {
     height: calc(100vh - var(--page-header-height, 64px) - 120px) !important;
   }
-  }
+}
-  

web/src/pages/RepositoryTags/RepositoryTagsContent/RepositoryTagsContent.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react'
 import { Container } from '@harness/uicore'
 import { useGet } from 'restful-react'
 import { useHistory } from 'react-router-dom'
-import type { RepoBranch, RepoCommitTag } from 'services/code'
+import type { RepoCommitTag } from 'services/code'
 import { usePageIndex } from 'hooks/usePageIndex'
 import { LIST_FETCHING_LIMIT } from 'utils/Utils'
 import { useAppContext } from 'AppContext'
@@ -10,10 +10,9 @@ import type { GitInfoProps } from 'utils/GitUtils'
 import { ResourceListingPagination } from 'components/ResourceListingPagination/ResourceListingPagination'
 import { useShowRequestError } from 'hooks/useShowRequestError'
 import { NoResultCard } from 'components/NoResultCard/NoResultCard'
-import { BranchesContent } from '../../RepositoryBranches/RepositoryBranchesContent/BranchesContent/BranchesContent'
-import css from './RepositoryTagsContent.module.scss'
 import { RepositoryTagsContentHeader } from '../RepositoryTagsContentHeader/RepositoryTagsContentHeader'
 import { TagsContent } from '../TagsContent/TagsContent'
+import css from './RepositoryTagsContent.module.scss'
 
 export function RepositoryTagsContent({ repoMetadata }: Pick<GitInfoProps, 'repoMetadata'>) {
   const { routes } = useAppContext()

web/src/pages/RepositoryTags/RepositoryTagsContentHeader/RepositoryTagsContentHeader.module.scss

@@ -13,9 +13,8 @@
     align-items: center;
     padding-bottom: var(--spacing-xlarge) !important;
   }
-  }
+}
 
-  .branchDropdown {
+.branchDropdown {
   background-color: var(--white);
-  }
+}
-  

web/src/pages/RepositoryTags/RepositoryTagsContentHeader/RepositoryTagsContentHeader.tsx

@@ -1,11 +1,10 @@
-import React, { useMemo, useState } from 'react'
+import React, { useState } from 'react'
-import { Container, Layout, FlexExpander, DropDown, ButtonVariation } from '@harness/uicore'
+import { Container, Layout, FlexExpander, ButtonVariation } from '@harness/uicore'
 import { useStrings } from 'framework/strings'
 import { GitBranchType, CodeIcon, GitInfoProps } from 'utils/GitUtils'
 import { SearchInputWithSpinner } from 'components/SearchInputWithSpinner/SearchInputWithSpinner'
-import { CreateBranchModalButton } from 'components/CreateBranchModal/CreateBranchModal'
-import css from './RepositoryTagsContentHeader.module.scss'
 import { CreateTagModalButton } from 'components/CreateTagModal/CreateTagModal'
+import css from './RepositoryTagsContentHeader.module.scss'
 
 interface RepositoryTagsContentHeaderProps extends Pick<GitInfoProps, 'repoMetadata'> {
   loading?: boolean
@@ -16,30 +15,18 @@ interface RepositoryTagsContentHeaderProps extends Pick<GitInfoProps, 'repoMetad
 }
 
 export function RepositoryTagsContentHeader({
-  onBranchTypeSwitched,
   onSearchTermChanged,
-  activeBranchType = GitBranchType.ALL,
   repoMetadata,
   onNewBranchCreated,
   loading
 }: RepositoryTagsContentHeaderProps) {
   const { getString } = useStrings()
-  const [branchType, setBranchType] = useState(activeBranchType)
   const [searchTerm, setSearchTerm] = useState('')
-  const items = useMemo(
+  
-    () => [
-      { label: getString('activeBranches'), value: GitBranchType.ACTIVE },
-      { label: getString('inactiveBranches'), value: GitBranchType.INACTIVE },
-      // { label: getString('yourBranches'), value: GitBranchType.YOURS },
-      { label: getString('allBranches'), value: GitBranchType.ALL }
-    ],
-    [getString]
-  )
 
   return (
     <Container className={css.main}>
       <Layout.Horizontal spacing="medium">
-    
         <SearchInputWithSpinner
           loading={loading}
           query={searchTerm}

web/src/pages/RepositoryTags/TagsContent/TagsContent.module.scss

@@ -57,4 +57,4 @@
       }
     }
   }
-  }
+}

web/src/pages/RepositoryTags/TagsContent/TagsContent.tsx

@@ -5,32 +5,31 @@ import {
   TableV2 as Table,
   Text,
   Avatar,
-  Tag,
   Intent,
   useToaster,
-  ButtonVariation
 } from '@harness/uicore'
 import type { CellProps, Column } from 'react-table'
 import { Link, useHistory } from 'react-router-dom'
 import cx from 'classnames'
 import Keywords from 'react-keywords'
 import { useMutate } from 'restful-react'
+import { noop } from 'lodash-es'
 import { String, useStrings } from 'framework/strings'
 import { useAppContext } from 'AppContext'
+
 import type {
   OpenapiCalculateCommitDivergenceRequest,
   RepoBranch,
   RepoCommitDivergence,
   TypesRepository
 } from 'services/code'
-import { formatDate, getErrorMessage } from 'utils/Utils'
+import { formatDate, getErrorMessage, voidFn } from 'utils/Utils'
 import { useConfirmAction } from 'hooks/useConfirmAction'
 import { OptionsMenuButton } from 'components/OptionsMenuButton/OptionsMenuButton'
-import { CommitDivergence } from 'components/CommitDivergence/CommitDivergence'
+import { useCreateBranchModal } from 'components/CreateBranchModal/CreateBranchModal'
-import { CodeIcon, makeDiffRefs } from 'utils/GitUtils'
-import css from './TagsContent.module.scss'
-import { CreateBranchModalButton, useCreateBranchModal } from 'components/CreateBranchModal/CreateBranchModal'
 import { CommitActions } from 'components/CommitActions/CommitActions'
+import { CodeIcon } from 'utils/GitUtils'
+import css from './TagsContent.module.scss'
 
 interface TagsContentProps {
   searchTerm?: string
@@ -63,7 +62,7 @@ export function TagsContent({ repoMetadata, searchTerm = '', branches, onDeleteS
       })
     }
   }, [getBranchDivergence, branchDivergenceRequestBody])
-  const onSuccess = () => {}
+  const onSuccess = voidFn(noop)
   const openModal = useCreateBranchModal({ repoMetadata, onSuccess })
 
   const columns: Column<RepoBranch>[] = useMemo(