rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-15 20:01:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feat/opeanpi sync updates (#7374)

Browse Source 
* fix: update button colors and streamline props in OpenAPISyncTab and CollectionHeader

- Changed button color from 'warning' to 'primary' in OpenAPISyncTab for better visual consistency.
- Simplified prop usage for OpenAPISyncIcon in CollectionHeader by removing unnecessary function wrapper.

* fix: update StatusBadge variant in OpenAPISyncHeader for improved styling

- Changed StatusBadge in OpenAPISyncHeader to use 'outline' variant for better visual distinction of version information.
This commit is contained in:
Abhishek S Lal
2026-03-05 19:16:13 +05:30
committed by GitHub
parent f5e437adaf
commit b2f8b3bb5b
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/bruno-app/src/components/OpenAPISyncTab/OpenAPISyncHeader/index.js
View File

@@ -74,7 +74,7 @@ const OpenAPISyncHeader = ({
<div className="spec-title-section">
<div className="spec-title-row">
<span className="spec-title">{title}</span>
<StatusBadge status="muted" className="spec-version">{version}</StatusBadge>
<StatusBadge status="muted" variant="outline" className="spec-version">{version}</StatusBadge>
</div>
</div>
<div className="spec-header-actions">

6
packages/bruno-app/src/components/OpenAPISyncTab/OverviewSection/index.js
View File

@@ -204,19 +204,19 @@ const OverviewSection = ({ collection, storedSpec, collectionDrift, specDrift, r
<Button
size="sm"
variant={bannerState.buttons.includes('sync') ? 'outline' : 'filled'}
color={bannerState.buttons.includes('sync') ? 'secondary' : 'warning'}
color={bannerState.buttons.includes('sync') ? 'secondary' : 'primary'}
onClick={() => onTabSelect('collection-changes')}
>
View Collection Changes
</Button>
)}
{(bannerState.buttons.includes('sync') || bannerState.buttons.includes('review')) && (
<Button size="sm" color="warning" onClick={() => onTabSelect('spec-updates')}>
<Button size="sm" onClick={() => onTabSelect('spec-updates')}>
Review and Sync Collection
</Button>
)}
{bannerState.buttons.includes('restore') && (
<Button size="sm" color="warning" onClick={() => onTabSelect('spec-updates')}>
<Button size="sm" onClick={() => onTabSelect('spec-updates')}>
Restore Spec File
</Button>
)}

2
packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js
View File

@@ -203,7 +203,7 @@ const CollectionHeader = ({ collection, isScratchCollection }) => {
{ id: 'variables', label: 'Variables', leftSection: IconEye, onClick: viewVariables },
{ id: 'collection-settings', label: 'Collection Settings', leftSection: IconSettings, onClick: viewCollectionSettings },
...(!hasOpenApiSyncConfigured
? [{ id: 'openapi-sync', label: 'OpenAPI Sync', leftSection: () => <OpenAPISyncIcon size={16} />, onClick: viewOpenApiSync }]
? [{ id: 'openapi-sync', label: 'OpenAPI Sync', leftSection: OpenAPISyncIcon, onClick: viewOpenApiSync }]
: [])
];