Replace PR full diff menu options with icons (#1098)

pull/3484/head
Tan Nhu 2024-03-05 00:57:40 +00:00 committed by Harness
parent 8a8b93be91
commit b628a85b72
38 changed files with 1415 additions and 83 deletions

View File

@ -117,7 +117,7 @@ module.exports = {
]
},
{
test: /\.(jpg|jpeg|png|svg|gif)$/,
test: /\.(jpg|jpeg|png|gif)$/,
use: [
{
loader: 'url-loader',
@ -128,6 +128,17 @@ module.exports = {
}
]
},
{
test: /\.svg$/i,
type: 'asset',
resourceQuery: /url/ // *.svg?url
},
{
test: /\.svg$/i,
issuer: /\.[jt]sx?$/,
resourceQuery: { not: [/url/] }, // exclude react component if *.svg?url
use: ['@svgr/webpack']
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader']

View File

@ -91,6 +91,7 @@
"yup": "^0.29.1"
},
"devDependencies": {
"@svgr/webpack": "^8.1.0",
"@testing-library/jest-dom": "^5.12.0",
"@testing-library/react": "^10.0.3",
"@testing-library/react-hooks": "5",

View File

@ -50,8 +50,8 @@ import { useGetRepositoryMetadata } from 'hooks/useGetRepositoryMetadata'
import { useAppContext } from 'AppContext'
import { useGetSpaceParam } from 'hooks/useGetSpaceParam'
import ProtectionRulesForm from './ProtectionRulesForm/ProtectionRulesForm'
import Include from '../../../icons/Include.svg'
import Exclude from '../../../icons/Exclude.svg'
import Include from '../../../icons/Include.svg?url'
import Exclude from '../../../icons/Exclude.svg?url'
import BypassList from './BypassList'
import css from './BranchProtectionForm.module.scss'

View File

@ -50,8 +50,8 @@ import { OptionsMenuButton } from 'components/OptionsMenuButton/OptionsMenuButto
import type { OpenapiRule, ProtectionPattern } from 'services/code'
import { useAppContext } from 'AppContext'
import { useGetSpaceParam } from 'hooks/useGetSpaceParam'
import Include from '../../icons/Include.svg'
import Exclude from '../../icons/Exclude.svg'
import Include from '../../icons/Include.svg?url'
import Exclude from '../../icons/Exclude.svg?url'
import BranchProtectionForm from './BranchProtectionForm/BranchProtectionForm'
import BranchProtectionHeader from './BranchProtectionHeader/BranchProtectionHeader'
import css from './BranchProtectionListing.module.scss'

View File

@ -26,7 +26,7 @@ import { String, useStrings } from 'framework/strings'
import { getErrorMessage, LIST_FETCHING_LIMIT } from 'utils/Utils'
import { useAppContext } from 'AppContext'
import { CodeIcon, GitInfoProps, GitRefType, isRefATag, REFS_TAGS_PREFIX } from 'utils/GitUtils'
import Branches from '../../icons/Branches.svg'
import Branches from '../../icons/Branches.svg?url'
import css from './BranchTagSelect.module.scss'
export interface BranchTagSelectProps extends Omit<ButtonProps, 'onSelect'>, Pick<GitInfoProps, 'repoMetadata'> {

View File

@ -31,7 +31,7 @@ import type { GitInfoProps } from 'utils/GitUtils'
import { SearchInputWithSpinner } from 'components/SearchInputWithSpinner/SearchInputWithSpinner'
import CodeSearchBar from 'components/CodeSearchBar/CodeSearchBar'
import svg from './search-background.svg'
import svg from './search-background.svg?url'
import css from './CodeSearch.module.scss'
interface CodeSearchProps {

View File

@ -29,7 +29,7 @@ import type { GitInfoProps } from 'utils/GitUtils'
import { SearchInputWithSpinner } from 'components/SearchInputWithSpinner/SearchInputWithSpinner'
import svg from './search-background.svg'
import svg from './search-background.svg?url'
import css from './SemanticSearch.module.scss'
const SemanticSearch = ({ repoMetadata }: Pick<GitInfoProps, 'repoMetadata'>) => {

View File

@ -25,7 +25,7 @@ import { SearchInputWithSpinner } from 'components/SearchInputWithSpinner/Search
import { useAppContext } from 'AppContext'
import { useStrings } from 'framework/strings'
import { SEARCH_MODE } from 'components/CodeSearch/CodeSearch'
import svg from '../CodeSearch/search-background.svg'
import svg from '../CodeSearch/search-background.svg?url'
import css from './CodeSearchBar.module.scss'
interface CodeSearchBarProps {

View File

@ -259,7 +259,7 @@
position: sticky;
top: var(--diff-viewer-sticky-top, 0);
z-index: 1;
padding: 5px 10px 5px 5px;
padding: 5px 10px 5px 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow: 0px 2px 4px 0px rgba(96, 97, 112, 0.16), 0px 0px 1px 0px rgba(40, 41, 61, 0.04);
@ -295,6 +295,12 @@
}
}
.expandCollapseDiffBtn {
> span {
display: flex;
}
}
.addedLines {
align-self: center;
min-width: 36px;

View File

@ -22,6 +22,7 @@ export declare const collapsed: string
export declare const deletedLines: string
export declare const diffContent: string
export declare const diffHeader: string
export declare const expandCollapseDiffBtn: string
export declare const fileChanged: string
export declare const fname: string
export declare const fnamePopover: string

View File

@ -46,7 +46,6 @@ import { NavigationCheck } from 'components/NavigationCheck/NavigationCheck'
import type { UseGetPullRequestInfoResult } from 'pages/PullRequest/useGetPullRequestInfo'
import { useQueryParams } from 'hooks/useQueryParams'
import { useCustomEventListener } from 'hooks/useEventListener'
import { OptionsMenuButton } from 'components/OptionsMenuButton/OptionsMenuButton'
import { useShowRequestError } from 'hooks/useShowRequestError'
import { getErrorMessage, isInViewport } from 'utils/Utils'
import { createRequestIdleCallbackTaskPool } from 'utils/Task'
@ -59,6 +58,8 @@ import {
FileViewedState
} from './DiffViewerUtils'
import { usePullReqComments } from './usePullReqComments'
import Collapse from '../../icons/collapse.svg'
import Expand from '../../icons/expand.svg'
import css from './DiffViewer.module.scss'
interface DiffViewerProps extends Pick<GitInfoProps, 'repoMetadata'> {
@ -354,6 +355,14 @@ const DiffViewerInternal: React.FC<DiffViewerProps> = ({
}}
className={css.chevron}
/>
<Button
variation={ButtonVariation.ICON}
className={css.expandCollapseDiffBtn}
onClick={toggleFullDiff}
tooltip={getString(useFullDiff ? 'pr.collapseFullFile' : 'pr.expandFullFile')}
tooltipProps={{ isDark: true }}>
{useFullDiff ? <Collapse width="18" height="18" /> : <Expand width="18" height="18" />}
</Button>
<Text
inline
className={css.fname}
@ -436,19 +445,6 @@ const DiffViewerInternal: React.FC<DiffViewerProps> = ({
{getString('viewed')}
</label>
</Render>
<OptionsMenuButton
isDark={true}
icon="Options"
iconProps={{ size: 14 }}
style={{ padding: '5px' }}
items={[
{
hasIcon: false,
text: getString(useFullDiff ? 'pr.collapseFullFile' : 'pr.expandFullFile'),
onClick: toggleFullDiff
}
]}
/>
</Layout.Horizontal>
</Container>
</Render>

View File

@ -18,7 +18,7 @@ import React from 'react'
import { Container, Layout } from '@harnessio/uicore'
import { Link } from 'react-router-dom'
import { useAppContext } from 'AppContext'
import gitness from './gitness.svg'
import gitness from './gitness.svg?url'
import css from './GitnessLogo.module.scss'
export const GitnessLogo: React.FC = () => {

View File

@ -77,7 +77,7 @@ import type {
import { useAppContext } from 'AppContext'
import ImportForm from './ImportForm/ImportForm'
import ImportReposForm from './ImportReposForm/ImportReposForm'
import Private from '../../icons/private.svg'
import Private from '../../icons/private.svg?url'
import css from './NewRepoModalButton.module.scss'
const formInitialValues: RepoFormData = {

View File

@ -17,7 +17,7 @@
import React from 'react'
import { Container, NoDataCard } from '@harnessio/uicore'
import { useStrings } from 'framework/strings'
import noExecutionImage from '../../pages/RepositoriesListing/no-repo.svg'
import noExecutionImage from '../../pages/RepositoriesListing/no-repo.svg?url'
import css from './NoExecutionsCard.module.scss'
interface NoResultCardProps {

6
web/src/global.d.ts vendored
View File

@ -28,6 +28,12 @@ declare module '*.jpg' {
}
declare module '*.svg' {
import React from 'react'
const SVG: React.VFC<React.SVGProps<SVGSVGElement>>
export default SVG
}
declare module '*.svg?url' {
const value: string
export default value
}

View File

@ -240,8 +240,8 @@ diff: Diff
draft: Draft
conversation: Conversation
pr:
expandFullFile: Expand full file
collapseFullFile: Collapse file
expandFullFile: Expand all
collapseFullFile: Collapse expanded lines
ableToMerge: Able to merge.
cantBeMerged: This branch has conflicts with the base branch.
cantMerge: Can't be merged. You can still create the pull request.

View File

@ -1 +1 @@
<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.628 2.42c0-.41.338-.742.754-.742s.753.332.753.741c0 .41-.337.741-.753.741a.747.747 0 0 1-.754-.74ZM3.382.937c-.832 0-1.507.663-1.507 1.481 0 .69.48 1.27 1.13 1.435v4.292c-.65.164-1.13.744-1.13 1.435 0 .818.675 1.482 1.507 1.482.832 0 1.506-.664 1.506-1.482 0-.69-.48-1.27-1.13-1.435v-1.45h.001c0-.41.337-.741.753-.741h2.976c.832 0 1.506-.664 1.506-1.482v-.618a1.487 1.487 0 0 0 1.131-1.436c0-.818-.675-1.482-1.507-1.482-.832 0-1.506.664-1.506 1.482 0 .69.48 1.27 1.13 1.435v.62c0 .408-.338.74-.754.74H4.512c-.274 0-.532.072-.754.199V3.854a1.487 1.487 0 0 0 1.13-1.435c0-.818-.674-1.482-1.506-1.482Zm5.236.74a.747.747 0 0 0-.753.741c0 .41.337.741.753.741a.747.747 0 0 0 .754-.74c0-.41-.338-.742-.754-.742Zm-5.99 7.903c0-.41.338-.741.754-.741s.753.332.753.74c0 .41-.337.742-.753.742a.747.747 0 0 1-.754-.741Z" fill="#4F5162"/></svg>
<svg fill="none" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m2.628 2.42c0-.41.338-.742.754-.742s.753.332.753.741c0 .41-.337.741-.753.741a.747.747 0 0 1 -.754-.74zm.754-1.483c-.832 0-1.507.663-1.507 1.481 0 .69.48 1.27 1.13 1.435v4.292c-.65.164-1.13.744-1.13 1.435 0 .818.675 1.482 1.507 1.482s1.506-.664 1.506-1.482c0-.69-.48-1.27-1.13-1.435v-1.45h.001c0-.41.337-.741.753-.741h2.976c.832 0 1.506-.664 1.506-1.482v-.618a1.487 1.487 0 0 0 1.131-1.436c0-.818-.675-1.482-1.507-1.482s-1.506.664-1.506 1.482c0 .69.48 1.27 1.13 1.435v.62c0 .408-.338.74-.754.74h-2.976c-.274 0-.532.072-.754.199v-1.558a1.487 1.487 0 0 0 1.13-1.435c0-.818-.674-1.482-1.506-1.482zm5.236.74a.747.747 0 0 0 -.753.741c0 .41.337.741.753.741a.747.747 0 0 0 .754-.74c0-.41-.338-.742-.754-.742zm-5.99 7.903c0-.41.338-.741.754-.741s.753.332.753.74c0 .41-.337.742-.753.742a.747.747 0 0 1 -.754-.741z" fill="#4f5162" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 954 B

After

Width:  |  Height:  |  Size: 948 B

View File

@ -1,4 +1 @@
<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.16406 6.41683V2.6835C1.16406 2.59067 1.20094 2.50165 1.26658 2.43601C1.33221 2.37037 1.42124 2.3335 1.51406 2.3335H5.1179C5.20132 2.33349 5.282 2.36328 5.3454 2.4175L7.19106 3.9995C7.25446 4.05371 7.33514 4.0835 7.41856 4.0835H12.4807C12.5267 4.0835 12.5722 4.09255 12.6147 4.11014C12.6571 4.12773 12.6957 4.15351 12.7282 4.18601C12.7607 4.21851 12.7865 4.25709 12.8041 4.29956C12.8217 4.34202 12.8307 4.38753 12.8307 4.4335V6.41683M1.16406 6.41683V11.3168C1.16406 11.4097 1.20094 11.4987 1.26658 11.5643C1.33221 11.63 1.42124 11.6668 1.51406 11.6668H12.4807C12.5736 11.6668 12.6626 11.63 12.7282 11.5643C12.7939 11.4987 12.8307 11.4097 12.8307 11.3168V6.41683M1.16406 6.41683H6.9974H12.8307" stroke="#4F5162" stroke-width="0.875" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="1" y="6" width="12" height="6" fill="#4F5162"/>
</svg>
<svg fill="none" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="m1.16406 6.41683v-3.73333c0-.09283.03688-.18185.10252-.24749.06563-.06564.15466-.10251.24748-.10251h3.60384c.08342-.00001.1641.02978.2275.084l1.84566 1.582c.0634.05421.14408.084.2275.084h5.06214c.046 0 .0915.00905.134.02664.0424.01759.081.04337.1135.07587s.0583.07108.0759.11355c.0176.04246.0266.08797.0266.13394v1.98333m-11.66664 0v4.89997c0 .0929.03688.1819.10252.2475.06563.0657.15466.1025.24748.1025h10.96664c.0929 0 .1819-.0368.2475-.1025.0657-.0656.1025-.1546.1025-.2475v-4.89997m-11.66664 0h5.83334 5.8333" stroke="#4f5162" stroke-linecap="round" stroke-linejoin="round" stroke-width=".875"/><path d="m1 6h12v6h-12z" fill="#4f5162"/></svg>

Before

Width:  |  Height:  |  Size: 929 B

After

Width:  |  Height:  |  Size: 727 B

View File

@ -1 +1 @@
<svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.771 8.336h7.5M8.521 12.086v-7.5" stroke="#558B2F" stroke-width="1.4" stroke-linecap="round"/><circle cx="8.5" cy="8" r="7.4" stroke="#558B2F" stroke-width="1.2"/></svg>
<svg fill="none" viewBox="0 0 17 16" xmlns="http://www.w3.org/2000/svg"><g stroke="#558b2f"><path d="m4.771 8.336h7.5m-3.75 3.75v-7.5" stroke-linecap="round" stroke-width="1.4"/><circle cx="8.5" cy="8" r="7.4" stroke-width="1.2"/></g></svg>

Before

Width:  |  Height:  |  Size: 252 B

After

Width:  |  Height:  |  Size: 240 B

View File

@ -1,5 +1 @@
<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.16406 6.41683V2.6835C1.16406 2.59067 1.20094 2.50165 1.26658 2.43601C1.33221 2.37037 1.42124 2.3335 1.51406 2.3335H5.1179C5.20132 2.33349 5.282 2.36328 5.3454 2.4175L7.19106 3.9995C7.25446 4.05371 7.33514 4.0835 7.41856 4.0835H12.4807C12.5267 4.0835 12.5722 4.09255 12.6147 4.11014C12.6571 4.12773 12.6957 4.15351 12.7282 4.18601C12.7607 4.21851 12.7865 4.25709 12.8041 4.29956C12.8217 4.34202 12.8307 4.38753 12.8307 4.4335V6.41683M1.16406 6.41683V11.3168C1.16406 11.4097 1.20094 11.4987 1.26658 11.5643C1.33221 11.63 1.42124 11.6668 1.51406 11.6668H12.4807C12.5736 11.6668 12.6626 11.63 12.7282 11.5643C12.7939 11.4987 12.8307 11.4097 12.8307 11.3168V6.41683M1.16406 6.41683H6.9974H12.8307" stroke="#4F5162" stroke-width="0.875" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="1" y="6" width="12" height="6" fill="#4F5162"/>
<path d="M7 7.6665L8.33333 8.99984M8.33333 8.99984H5M8.33333 8.99984L7 10.3332" stroke="white" stroke-width="0.88" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg fill="none" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="m1.16406 6.41683v-3.73333c0-.09283.03688-.18185.10252-.24749.06563-.06564.15466-.10251.24748-.10251h3.60384c.08342-.00001.1641.02978.2275.084l1.84566 1.582c.0634.05421.14408.084.2275.084h5.06214c.046 0 .0915.00905.134.02664.0424.01759.081.04337.1135.07587s.0583.07108.0759.11355c.0176.04246.0266.08797.0266.13394v1.98333m-11.66664 0v4.89997c0 .0929.03688.1819.10252.2475.06563.0657.15466.1025.24748.1025h10.96664c.0929 0 .1819-.0368.2475-.1025.0657-.0656.1025-.1546.1025-.2475v-4.89997m-11.66664 0h5.83334 5.8333" stroke="#4f5162" stroke-linecap="round" stroke-linejoin="round" stroke-width=".875"/><path d="m1 6h12v6h-12z" fill="#4f5162"/><path d="m7 7.6665 1.33333 1.33334m0 0h-3.33333m3.33333 0-1.33333 1.33336" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width=".88"/></svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 883 B

View File

@ -1,4 +1 @@
<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 7.6665L8.33333 8.99984M8.33333 8.99984H5M8.33333 8.99984L7 10.3332M2.33594 12.4832V1.5165C2.33594 1.42368 2.37281 1.33465 2.43845 1.26902C2.50409 1.20338 2.59311 1.1665 2.68594 1.1665H9.48294C9.57573 1.16659 9.6647 1.20351 9.73027 1.26917L11.5666 3.1055C11.5993 3.13811 11.6251 3.17685 11.6428 3.2195C11.6604 3.26215 11.6694 3.30786 11.6693 3.354V12.4832C11.6693 12.5291 11.6602 12.5746 11.6426 12.6171C11.625 12.6596 11.5993 12.6982 11.5668 12.7307C11.5343 12.7632 11.4957 12.7889 11.4532 12.8065C11.4107 12.8241 11.3652 12.8332 11.3193 12.8332H2.68594C2.63997 12.8332 2.59446 12.8241 2.552 12.8065C2.50953 12.7889 2.47095 12.7632 2.43845 12.7307C2.40595 12.6982 2.38017 12.6596 2.36258 12.6171C2.34499 12.5746 2.33594 12.5291 2.33594 12.4832Z" stroke="#4F5162" stroke-width="0.875" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.33594 1.1665V3.14984C9.33594 3.24266 9.37281 3.33169 9.43845 3.39732C9.50409 3.46296 9.59311 3.49984 9.68594 3.49984H11.6693" stroke="#4F5162" stroke-width="0.875" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg fill="none" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><g stroke="#4f5162" stroke-linecap="round" stroke-linejoin="round" stroke-width=".875"><path d="m7 7.6665 1.33333 1.33334m0 0h-3.33333m3.33333 0-1.33333 1.33336m-4.66406 2.15v-10.9667c0-.09282.03687-.18185.10251-.24748.06564-.06564.15466-.10252.24749-.10252h6.797c.09279.00009.18176.03701.24733.10267l1.83633 1.83633c.0327.03261.0585.07135.0762.114.0176.04265.0266.08836.0265.1345v9.1292c0 .0459-.0091.0914-.0267.1339s-.0433.0811-.0758.1136-.0711.0582-.1136.0758-.088.0267-.1339.0267h-8.63336c-.04597 0-.09148-.0091-.13394-.0267-.04247-.0176-.08105-.0433-.11355-.0758s-.05828-.0711-.07587-.1136-.02664-.088-.02664-.1339z"/><path d="m9.33594 1.1665v1.98334c0 .09282.03687.18185.10251.24748.06564.06564.15466.10252.24749.10252h1.98336"/></g></svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 817 B

View File

@ -1 +1 @@
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m2.664 9.818 8.148-8.485L9.72 6.181h3.897l-8.149 8.485 1.094-4.848H2.664Z" fill="#FCFEFF"/></svg>
<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m2.664 9.818 8.148-8.485-1.092 4.848h3.897l-8.149 8.485 1.094-4.848z" fill="#fcfeff" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 218 B

After

Width:  |  Height:  |  Size: 213 B

View File

@ -0,0 +1 @@
<svg fill="none" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m18 2h-12"/><path d="m18 22h-12"/><path d="m12 5v5m0 0 3-3m-3 3-3-3"/><path d="m12 19v-5m0 0 3 3m-3-3-3 3"/></g></svg>

After

Width:  |  Height:  |  Size: 301 B

1
web/src/icons/expand.svg Normal file
View File

@ -0,0 +1 @@
<svg fill="none" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m18 2h-12"/><path d="m18 22h-12"/><path d="m12 14v5m0 0 3-3m-3 3-3-3"/><path d="m12 10v-5m0 0 3 3m-3-3-3 3"/></g></svg>

After

Width:  |  Height:  |  Size: 302 B

View File

@ -1 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="8" fill="#fff"/><path d="M8 15.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="#42AB45"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.314 13.856A7.5 7.5 0 0 0 13.856 3.314L3.314 13.856Z" fill="#FCB519"/><path d="M9.468 4.43 5.286 8.566 3.141 6.544a.59.59 0 0 0-.809.858l2.571 2.425a.59.59 0 0 0 .831-.022l4.587-4.561a.59.59 0 0 0-.853-.815Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.605 12.31a.732.732 0 0 0-.719-.744.732.732 0 0 0-.719.745c0 .411.322.745.72.745a.732.732 0 0 0 .718-.745Zm-.754-1.275a.5.5 0 0 0 .53-.468l.213-3.419a.5.5 0 0 0-.5-.53h-.416a.5.5 0 0 0-.5.53l.205 3.34v.017a.5.5 0 0 0 .468.53Z" fill="#fff"/></svg>
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" fill="#fff" r="8"/><path d="m8 15.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15z" fill="#42ab45"/><path clip-rule="evenodd" d="m3.314 13.856a7.5 7.5 0 0 0 10.542-10.542z" fill="#fcb519" fill-rule="evenodd"/><g fill="#fff"><path d="m9.468 4.43-4.182 4.136-2.145-2.022a.59.59 0 0 0 -.809.858l2.571 2.425a.59.59 0 0 0 .831-.022l4.587-4.561a.59.59 0 0 0 -.853-.815z"/><path clip-rule="evenodd" d="m12.605 12.31a.732.732 0 0 0 -.719-.744.732.732 0 0 0 -.719.745c0 .411.322.745.72.745a.732.732 0 0 0 .718-.745zm-.754-1.275a.5.5 0 0 0 .53-.468l.213-3.419a.5.5 0 0 0 -.5-.53h-.416a.5.5 0 0 0 -.5.53l.205 3.34v.017a.5.5 0 0 0 .468.53z" fill-rule="evenodd"/></g></svg>

Before

Width:  |  Height:  |  Size: 745 B

After

Width:  |  Height:  |  Size: 734 B

View File

@ -1 +1 @@
<svg viewBox="0 0 17 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m8.019 1.074-6.347 3.49a1 1 0 0 0-.518.876v5.857c0 3.895 5.155 7.568 7.347 7.568s7.347-4.112 7.347-7.568V5.441a1 1 0 0 0-.519-.877l-6.346-3.49a1 1 0 0 0-.964 0Z" stroke="#4F5162" stroke-linecap="round" stroke-linejoin="round"/><rect x="5.319" y="8.384" width="6.364" height="5.091" rx=".5" stroke="#4F5162"/><path d="M6.76 7.98V6.64a1.74 1.74 0 1 1 3.481 0v1.34" stroke="#4F5162"/></svg>
<svg fill="none" viewBox="0 0 17 20" xmlns="http://www.w3.org/2000/svg"><g stroke="#4f5162"><path d="m8.019 1.074-6.347 3.49a1 1 0 0 0 -.518.876v5.857c0 3.895 5.155 7.568 7.347 7.568s7.347-4.112 7.347-7.568v-5.856a1 1 0 0 0 -.519-.877l-6.346-3.49a1 1 0 0 0 -.964 0z" stroke-linecap="round" stroke-linejoin="round"/><rect height="5.091" rx=".5" width="6.364" x="5.319" y="8.384"/><path d="m6.76 7.98v-1.34a1.74 1.74 0 1 1 3.481 0v1.34"/></g></svg>

Before

Width:  |  Height:  |  Size: 468 B

After

Width:  |  Height:  |  Size: 446 B

View File

@ -14,18 +14,18 @@
* limitations under the License.
*/
import PrOpen from 'images/pull-request-open.svg'
import PrMerged from 'images/pull-request-merged.svg'
import PrClosed from 'images/pull-request-closed.svg'
import PrRejected from 'images/pull-request-rejected.svg'
import PrDraft from 'images/pull-request-draft.svg'
import EmptyState from 'images/empty-state.svg'
import error404 from 'images/404-error.svg'
import PrUnchecked from 'images/pull-request-unchecked.svg'
import PrOpen from 'images/pull-request-open.svg?url'
import PrMerged from 'images/pull-request-merged.svg?url'
import PrClosed from 'images/pull-request-closed.svg?url'
import PrRejected from 'images/pull-request-rejected.svg?url'
import PrDraft from 'images/pull-request-draft.svg?url'
import EmptyState from 'images/empty-state.svg?url'
import error404 from 'images/404-error.svg?url'
import PrUnchecked from 'images/pull-request-unchecked.svg?url'
import DarkBackground from 'images/dark-background.png'
import Signup from 'images/signup.png'
import Subtract from 'images/Subtract.png'
import EmptySpace from 'images/no-space.svg'
import EmptySpace from 'images/no-space.svg?url'
import GitLogo from 'images/gitLogo.png'
import HarnessDarkLogo from 'images/logo-dark.png'

View File

@ -33,7 +33,7 @@ import { ExecutionPageHeader } from 'components/ExecutionPageHeader/ExecutionPag
import useSpaceSSE from 'hooks/useSpaceSSE'
import { ExecutionState } from 'components/ExecutionStatus/ExecutionStatus'
import { getStatus } from 'utils/ExecutionUtils'
import noExecutionImage from '../RepositoriesListing/no-repo.svg'
import noExecutionImage from '../RepositoriesListing/no-repo.svg?url'
import css from './Execution.module.scss'
const Execution = () => {

View File

@ -57,7 +57,7 @@ import { useGetSpaceParam } from 'hooks/useGetSpaceParam'
import useSpaceSSE from 'hooks/useSpaceSSE'
import { useConfirmAct } from 'hooks/useConfirmAction'
import { CommitActions } from 'components/CommitActions/CommitActions'
import noPipelineImage from '../RepositoriesListing/no-repo.svg'
import noPipelineImage from '../RepositoriesListing/no-repo.svg?url'
import css from './PipelineList.module.scss'
const PipelineList = () => {

View File

@ -27,7 +27,7 @@ import type { TypesPullReq, TypesRepository, EnumPullReqReviewDecision } from 's
import { getErrorMessage } from 'utils/Utils'
import { ReviewerSelect } from 'components/ReviewerSelect/ReviewerSelect'
import { PullReqReviewDecision, processReviewDecision } from 'pages/PullRequest/PullRequestUtils'
import ignoreFailed from '../../../../icons/ignoreFailed.svg'
import ignoreFailed from '../../../../icons/ignoreFailed.svg?url'
import css from './PullRequestSideBar.module.scss'
interface PullRequestSideBarProps {

View File

@ -26,7 +26,7 @@ import { useStrings } from 'framework/strings'
import featuresData from './featureRoadmap.json'
import featuresStandaloneData from './featureRoadmapStandalone.json'
import Launch from '../../../icons/Launch.svg'
import Launch from '../../../icons/Launch.svg?url'
import css from '../RepositoriesListing.module.scss'

View File

@ -53,7 +53,7 @@ import { RepoPublicLabel } from 'components/RepoPublicLabel/RepoPublicLabel'
import KeywordSearch from 'components/CodeSearch/KeywordSearch'
import { OptionsMenuButton } from 'components/OptionsMenuButton/OptionsMenuButton'
import { useConfirmAct } from 'hooks/useConfirmAction'
import noRepoImage from './no-repo.svg'
import noRepoImage from './no-repo.svg?url'
import FeatureMap from './FeatureMap/FeatureMap'
import css from './RepositoriesListing.module.scss'

View File

@ -42,9 +42,9 @@ import { LatestCommitForFolder } from 'components/LatestCommit/LatestCommit'
import { CommitActions } from 'components/CommitActions/CommitActions'
import { useEventListener } from 'hooks/useEventListener'
import { Readme } from './Readme'
import CodeFolder from '../../../../icons/CodeFileFill.svg'
import Submodule from '../../../../icons/Submodules.svg'
import Symlink from '../../../../icons/Symlink.svg'
import CodeFolder from '../../../../icons/CodeFileFill.svg?url'
import Submodule from '../../../../icons/Submodules.svg?url'
import Symlink from '../../../../icons/Symlink.svg?url'
import repositoryCSS from '../../Repository.module.scss'
import css from './FolderContent.module.scss'

View File

@ -45,7 +45,7 @@ import { BranchTagSelect } from 'components/BranchTagSelect/BranchTagSelect'
import { useModalHook } from 'hooks/useModalHook'
import useDeleteRepoModal from './DeleteRepoModal/DeleteRepoModal'
import useDefaultBranchModal from './DefaultBranchModal/DefaultBranchModal'
import Private from '../../../icons/private.svg'
import Private from '../../../icons/private.svg?url'
import css from '../RepositorySettings.module.scss'
interface GeneralSettingsProps {

View File

@ -46,7 +46,7 @@ import { NewSecretModalButton } from 'components/NewSecretModalButton/NewSecretM
import { useConfirmAct } from 'hooks/useConfirmAction'
import { OptionsMenuButton } from 'components/OptionsMenuButton/OptionsMenuButton'
import useUpdateSecretModal from 'components/UpdateSecretModal/UpdateSecretModal'
import noSecretsImage from '../RepositoriesListing/no-repo.svg'
import noSecretsImage from '../RepositoriesListing/no-repo.svg?url'
import css from './SecretList.module.scss'
const SecretList = () => {

View File

@ -39,7 +39,7 @@ import type { TypesRepository } from 'services/code'
import { useStrings } from 'framework/strings'
import type { ExportFormDataExtended } from 'utils/GitUtils'
import Upgrade from '../../../icons/Upgrade.svg'
import Upgrade from '../../../icons/Upgrade.svg?url'
import css from '../SpaceSettings.module.scss'
interface ExportFormProps {

View File

@ -45,8 +45,8 @@ import { ACCESS_MODES, permissionProps, voidFn } from 'utils/Utils'
import type { ExportFormDataExtended } from 'utils/GitUtils'
import { useModalHook } from 'hooks/useModalHook'
import useSpaceSSE from 'hooks/useSpaceSSE'
import Harness from '../../icons/Harness.svg'
import Upgrade from '../../icons/Upgrade.svg'
import Harness from '../../icons/Harness.svg?url'
import Upgrade from '../../icons/Upgrade.svg?url'
import useDeleteSpaceModal from './DeleteSpaceModal/DeleteSpaceModal'
import ExportForm from './ExportForm/ExportForm'
import css from './SpaceSettings.module.scss'

File diff suppressed because it is too large Load Diff