Fix whats new design (#22401)

* fix(ui): whats new alert redesign

* version updgrade condition fix

* update translation

* address comment
This commit is contained in:
Chirag Madlani 2025-07-17 16:02:53 +05:30 committed by GitHub
parent d07ea4ec45
commit 05fdbdbd72
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
20 changed files with 40 additions and 17 deletions

View File

@ -84,7 +84,7 @@ const WhatsNewAlert = () => {
className="whats-new-alert-card"
data-testid="whats-new-alert-card">
<Row gutter={0} wrap={false}>
<Col className="whats-new-alert-left" flex="160px">
<Col className="whats-new-alert-left" flex="210px">
<RocketIcon className="whats-new-alert-rocket-icon" />
<Typography.Text className="whats-new-alert-version">
{t('label.version-number', {
@ -96,6 +96,9 @@ const WhatsNewAlert = () => {
<Typography.Text className="text-md font-semibold">
{t('label.new-update-announcement')}
</Typography.Text>
<Typography.Paragraph className="whats-new-alert-subtext">
{t('label.to-learn-more-please-check-out')}
</Typography.Paragraph>
<div className="whats-new-alert-links">
<Button
className="p-0"

View File

@ -25,7 +25,7 @@
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
overflow: hidden;
min-width: 420px;
max-width: 560px;
max-width: 578px;
.ant-card-body {
padding: 0;
@ -37,27 +37,29 @@
color: @white;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
justify-content: center;
min-width: 140px;
padding: @size-lg @size-md;
text-align: center;
height: 100%;
padding: @size-lg 0;
.whats-new-alert-rocket-icon {
width: 48px;
height: 48px;
margin-bottom: @size-md;
width: 30px;
height: 30px;
}
}
}
.whats-new-alert-right {
padding: 16px 16px 16px 20px;
.whats-new-alert-subtext {
color: @text-color-tertiary;
font-weight: 400;
}
}
.whats-new-alert-close {
.whats-new-alert-close.anticon {
padding: 16px;
color: @grey-400;
font-size: 12px;
@ -66,14 +68,14 @@
.whats-new-alert-version {
.text-lg();
font-weight: 600;
margin-top: 8px;
color: @white !important;
}
.whats-new-alert-links {
display: flex;
gap: 32px;
margin-top: 54px;
a.ant-btn {
height: 28px;
line-height: 28px;

View File

@ -311,6 +311,7 @@ const NavBar = () => {
}
const newVersion = await getVersion();
const cleanedVersion = newVersion.version?.replace('-SNAPSHOT', '');
// Update the cache timestamp
cookieStorage.setItem(LAST_VERSION_FETCH_TIME_KEY, String(now), {
@ -318,7 +319,7 @@ const NavBar = () => {
});
// Compare version only if version is set previously to have fair comparison
if (version && version !== newVersion.version) {
if (version && version !== cleanedVersion) {
setShowVersionMissMatchAlert(true);
}
};

View File

@ -1540,6 +1540,7 @@
"timeout": "Zeitüberschreitung",
"timezone": "Zeitzone",
"title": "Titel",
"to-learn-more-please-check-out": "Um mehr zu erfahren, schauen Sie sich bitte an",
"to-lowercase": "zu",
"to-perform": "to perform",
"token-end-point": "Token-Endpunkt",

View File

@ -1540,6 +1540,7 @@
"timeout": "Timeout",
"timezone": "Timezone",
"title": "Title",
"to-learn-more-please-check-out": "To learn more please check out",
"to-lowercase": "to",
"to-perform": "to perform",
"token-end-point": "TokenEndpoint",

View File

@ -1540,6 +1540,7 @@
"timeout": "Tiempo de espera",
"timezone": "Zona horaria",
"title": "Título",
"to-learn-more-please-check-out": "Para obtener más información, consulte",
"to-lowercase": "a",
"to-perform": "to perform",
"token-end-point": "Terminal del Token",

View File

@ -1540,6 +1540,7 @@
"timeout": "Délai d'Attente",
"timezone": "Fuseau Horaire",
"title": "Titre",
"to-learn-more-please-check-out": "Pour en savoir plus, veuillez consulter",
"to-lowercase": "à",
"to-perform": "to perform",
"token-end-point": "Point de Terminaison du Jeton",

View File

@ -1540,6 +1540,7 @@
"timeout": "Tempo de espera",
"timezone": "Fuso horario",
"title": "Título",
"to-learn-more-please-check-out": "Para saber máis, consulte",
"to-lowercase": "a",
"to-perform": "to perform",
"token-end-point": "Punto final do token",

View File

@ -1540,6 +1540,7 @@
"timeout": "פסק זמן",
"timezone": "אזור זמן",
"title": "כותרת",
"to-learn-more-please-check-out": "למידע נוסף, אנא בדוק",
"to-lowercase": "אל",
"to-perform": "to perform",
"token-end-point": "TokenEndpoint",

View File

@ -1540,6 +1540,7 @@
"timeout": "タイムアウト",
"timezone": "Timezone",
"title": "タイトル",
"to-learn-more-please-check-out": "詳細については、ご確認ください",
"to-lowercase": "to",
"to-perform": "to perform",
"token-end-point": "トークンのエンドポイント",
@ -2211,12 +2212,12 @@
"search-settings-description": "ランキングに基づく各エンティティの検索設定。",
"search-settings-for-entity": "{{entity}}のランキングに基づく検索設定",
"see-how-to-get-started": "始め方を見る",
"select-alert-type": "Please select a alert type",
"select-alert-type": "アラートタイプを選択してください",
"select-column-name": "カラム名を選択",
"select-domain-to-add-data-product": "ドメインを選択してデータプロダクトを追加してください。",
"select-gcs-config-type": "Select GCS Config Type",
"select-interval-type": "Select interval type",
"select-interval-unit": "Select interval unit",
"select-gcs-config-type": "GCS設定タイプを選択",
"select-interval-type": "間隔タイプを選択",
"select-interval-unit": "間隔単位を選択",
"select-team": "チーム種別を選択してください",
"select-test-case": "Select a test case to run for a scheduled interval. If no test case is selected, all test cases will be run by default.",
"select-test-level": "テストを実行する要素を選択してください",

View File

@ -1540,6 +1540,7 @@
"timeout": "시간 초과",
"timezone": "시간대",
"title": "제목",
"to-learn-more-please-check-out": "더 자세히 알아보려면 확인해 보세요",
"to-lowercase": "에게",
"to-perform": "to perform",
"token-end-point": "토큰 엔드포인트",

View File

@ -1540,6 +1540,7 @@
"timeout": "टाइमआउट",
"timezone": "वेळ क्षेत्र",
"title": "शीर्षक",
"to-learn-more-please-check-out": "अधिक जाणून घेण्यासाठी कृपया पहा",
"to-lowercase": "ला",
"to-perform": "to perform",
"token-end-point": "टोकन एंडपॉईंट",

View File

@ -1540,6 +1540,7 @@
"timeout": "Time-out",
"timezone": "Tijdzone",
"title": "Titel",
"to-learn-more-please-check-out": "Om meer te weten te komen, bekijk",
"to-lowercase": "naar",
"to-perform": "to perform",
"token-end-point": "Token endpoint",

View File

@ -1540,6 +1540,7 @@
"timeout": "زمان‌بر",
"timezone": "منطقه زمانی",
"title": "عنوان",
"to-learn-more-please-check-out": "ਹੋਰ ਜਾਣਨ ਲਈ ਕਿਰਪਾ ਕਰਕੇ ਦੇਖੋ",
"to-lowercase": "به",
"to-perform": "to perform",
"token-end-point": "نقطه پایان توکن",

View File

@ -1540,6 +1540,7 @@
"timeout": "Tempo Limite",
"timezone": "Fuso Horário",
"title": "Título",
"to-learn-more-please-check-out": "Para saber mais, consulte",
"to-lowercase": "para",
"to-perform": "to perform",
"token-end-point": "Endpoint do Token",

View File

@ -1540,6 +1540,7 @@
"timeout": "Tempo Limite",
"timezone": "Fuso Horário",
"title": "Título",
"to-learn-more-please-check-out": "Para saber mais, consulte",
"to-lowercase": "para",
"to-perform": "to perform",
"token-end-point": "Endpoint do Token",

View File

@ -1540,6 +1540,7 @@
"timeout": "Тайм-аут",
"timezone": "Часоваой пояс",
"title": "Заголовок",
"to-learn-more-please-check-out": "Чтобы узнать больше, пожалуйста, ознакомьтесь с",
"to-lowercase": "до",
"to-perform": "to perform",
"token-end-point": "TokenEndpoint",

View File

@ -1540,6 +1540,7 @@
"timeout": "หมดเวลา",
"timezone": "เขตเวลา",
"title": "ชื่อ",
"to-learn-more-please-check-out": "เพื่อเรียนรู้เพิ่มเติม โปรดดู",
"to-lowercase": "ถึง",
"to-perform": "to perform",
"token-end-point": "Token Endpoint",

View File

@ -1540,6 +1540,7 @@
"timeout": "Zaman Aşımı",
"timezone": "Saat Dilimi",
"title": "Başlık",
"to-learn-more-please-check-out": "Daha fazla bilgi için lütfen kontrol edin",
"to-lowercase": "e",
"to-perform": "to perform",
"token-end-point": "AnahtarBitişNoktası",

View File

@ -1540,6 +1540,7 @@
"timeout": "超时",
"timezone": "时区",
"title": "标题",
"to-learn-more-please-check-out": "要了解更多信息,请查看",
"to-lowercase": "转换为",
"to-perform": "to perform",
"token-end-point": "令牌端点",