|
1 | | -import React, { useState, useEffect } from 'react'; |
2 | | -import { VscGitPullRequest, VscClose } from 'react-icons/vsc'; |
| 1 | +import React from 'react'; |
| 2 | +import { VscWarning } from 'react-icons/vsc'; |
3 | 3 | import styles from './styles.module.css'; |
4 | 4 |
|
5 | | -// Change this key whenever you change the banner |
6 | | -// to announce something new |
7 | | -const BANNER_DISMISSED_KEY = 'reviewer-banner-dismissed'; |
8 | | - |
9 | 5 | export function AnnouncementBanner() { |
10 | | - const [isVisible, setIsVisible] = useState(false); |
11 | | - |
12 | | - useEffect(() => { |
13 | | - // Check if banner was previously dismissed |
14 | | - const isDismissed = localStorage.getItem(BANNER_DISMISSED_KEY); |
15 | | - if (!isDismissed) { |
16 | | - setIsVisible(true); |
17 | | - } |
18 | | - }, []); |
19 | | - |
20 | | - const handleDismiss = () => { |
21 | | - setIsVisible(false); |
22 | | - localStorage.setItem(BANNER_DISMISSED_KEY, 'true'); |
23 | | - }; |
24 | | - |
25 | | - if (!isVisible) { |
26 | | - return null; |
27 | | - } |
28 | | - |
29 | 6 | return ( |
30 | | - <div className={styles.announcementBanner} role="complementary" aria-label="Product announcement"> |
| 7 | + <div className={styles.announcementBanner} role="alert" aria-label="Sunset notice"> |
31 | 8 | <div className={styles.bannerContent}> |
32 | | - <VscGitPullRequest size={20} color="#ffffff" /> |
| 9 | + <VscWarning size={20} color="#ffffff" /> |
33 | 10 | <span className={styles.bannerHeadline}> |
34 | | - Get comprehensive, actionable reviews directly in your PRs. |
| 11 | + Roo Code (Extension, Cloud, and Router) is sunsetting on May 15, 2025. |
35 | 12 | </span> |
36 | 13 | <a |
37 | 14 | className={styles.bannerLink} |
38 | | - href="https://roocode.com/reviewer?utm_source=docs&utm_medium=banner&utm_campaign=reviewer_promo" |
39 | | - target="_blank" |
40 | | - rel="noopener noreferrer"> |
41 | | - Try Roo's PR Reviewer |
| 15 | + href="/sunset"> |
| 16 | + Learn more |
42 | 17 | </a> |
43 | | - <button |
44 | | - className={styles.dismissButton} |
45 | | - onClick={handleDismiss} |
46 | | - aria-label="Dismiss announcement" |
47 | | - type="button"> |
48 | | - <VscClose size={18} /> |
49 | | - </button> |
50 | 18 | </div> |
51 | 19 | </div> |
52 | 20 | ); |
|
0 commit comments