Add deprecation notice on Second Screen modal

.changeset/deprecation-notice-second-screen.md

@@ -0,0 +1,5 @@
+---
+"@tokens-studio/figma-plugin": patch
+---
+
+Add deprecation notice on Second Screen modal informing users that Second Screen will be shut down on December 31st and recommending switching to Studio

packages/tokens-studio-for-figma/src/app/components/SecondScreen/index.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import {
-  Link1Icon, LinkBreak1Icon, EnterIcon, ExitIcon, ExternalLinkIcon,
+  Link1Icon, LinkBreak1Icon, EnterIcon, ExitIcon, ExternalLinkIcon, ExclamationTriangleIcon,
 } from '@radix-ui/react-icons';
 import { useTranslation } from 'react-i18next';
 import {
@@ -80,6 +80,27 @@ export default function SecondScreen() {
             <StyledReadMoreLink href="https://docs.tokens.studio/sync/second-screen" target="_blank" rel="noreferrer">{t('readMore', { ns: 'general' })}</StyledReadMoreLink>
           </StyledP>
         </Stack>
+
+        <Box
+          css={{
+            display: 'flex',
+            alignItems: 'center',
+            gap: '$2',
+            margin: '0 $4',
+            padding: '$3 $4',
+            backgroundColor: '$bgWarning',
+            borderRadius: '$small',
+            border: '1px solid $borderWarning',
+          }}
+        >
+          <Box css={{ color: '$dangerFg', flexShrink: 0 }}>
+            <ExclamationTriangleIcon />
+          </Box>
+          <StyledP css={{ margin: 0 }}>
+            {t('secondScreenDeprecationNotice')}
+          </StyledP>
+        </Box>
+
         {
           user ? (
             <>

packages/tokens-studio-for-figma/src/i18n/lang/en/settings.json

@@ -21,6 +21,7 @@
   "debugging": "Debugging",
   "enableSessionRecording": "Grant permission to record session for bugfixing",
   "secondScreenExplainer": "Empower your design workflow, allowing you to manage your design tokens in a second screen.",
+  "secondScreenDeprecationNotice": "Second Screen will be shut down on December 31st. We recommend switching to Studio for a better experience.",
   "liveSync": "Live Sync",
   "signInToContinue": "Sign in to continue",
   "signedInAs": "Signed in as",

packages/tokens-studio-for-figma/src/i18n/lang/es/settings.json

@@ -32,6 +32,7 @@
   "storeTokenId": "Almacenar ID en el almacenamiento",
   "storeTokenIdExplanation": "Genere automáticamente identificaciones únicas para sus tokens para el seguimiento.",
   "secondScreenExplainer": "Potencie su flujo de trabajo de diseño, permitiéndole administrar sus tokens de diseño en una segunda pantalla.",
+  "secondScreenDeprecationNotice": "Second Screen se cerrará el 31 de diciembre. Recomendamos cambiar a Studio para una mejor experiencia.",
   "language": "Idioma",
   "languageExplainer": "Tokens Studio ha sido traducido automáticamente, por lo tanto, las traducciones pueden parecer inexactas.\n ¿No ves tu idioma? Enviar una solicitud de función",
   "liveSyncActive": "Sincronización en vivo activa",

packages/tokens-studio-for-figma/src/i18n/lang/fr/settings.json

@@ -32,6 +32,7 @@
   "storeTokenId": "Stocker les identifiants sur le stockage",
   "storeTokenIdExplanation": "Générez automatiquement des identifiants uniques pour vos jetons pour le suivi.",
   "secondScreenExplainer": "Renforcez votre flux de travail de conception en vous permettant de gérer vos jetons de conception sur un deuxième écran.",
+  "secondScreenDeprecationNotice": "Second Screen sera fermé le 31 décembre. Nous recommandons de passer à Studio pour une meilleure expérience.",
   "language": "Langue",
   "languageExplainer": "Tokens Studio a été traduit automatiquement, donc les traductions peuvent sembler inexactes.\n Vous ne voyez pas votre langue ? Soumettre une demande de fonctionnalité",
   "liveSyncActive": "Synchronisation en direct active",

packages/tokens-studio-for-figma/src/i18n/lang/hi/settings.json

@@ -32,6 +32,7 @@
   "storeTokenId": "भंडारण पर स्टोर आईडी",
   "storeTokenIdExplanation": "ट्रैकिंग के लिए आपके टोकन के लिए स्वचालित रूप से अद्वितीय आईडी उत्पन्न करें।",
   "secondScreenExplainer": "अपने डिज़ाइन वर्कफ़्लो को सशक्त बनाएं, जिससे आप दूसरी स्क्रीन में अपने डिज़ाइन टोकन प्रबंधित कर सकें।",
+  "secondScreenDeprecationNotice": "Second Screen 31 दिसंबर को बंद हो जाएगा। हम बेहतर अनुभव के लिए Studio पर स्विच करने की सलाह देते हैं।",
   "language": "भाषा",
   "languageExplainer": "टोकन स्टूडियो का मशीनी अनुवाद किया गया है, इसलिए अनुवाद गलत लग सकते हैं।\n अपनी भाषा नहीं देखते? एक सुविधा अनुरोध सबमिट करें",
   "liveSyncActive": "लाइव सिंक सक्रिय",

packages/tokens-studio-for-figma/src/i18n/lang/nl/settings.json

@@ -32,6 +32,7 @@
   "storeTokenId": "Bewaar ID's op opslag",
   "storeTokenIdExplanation": "Genereer automatisch unieke ID's voor uw tokens voor tracking.",
   "secondScreenExplainer": "Versterk uw ontwerpworkflow, zodat u uw ontwerptokens in een tweede scherm kunt beheren.",
+  "secondScreenDeprecationNotice": "Second Screen wordt op 31 december afgesloten. We raden aan om over te stappen naar Studio voor een betere ervaring.",
   "language": "Taal",
   "languageExplainer": "Tokens Studio is automatisch vertaald, daarom kunnen vertalingen onnauwkeurig lijken.\n Zie je je taal niet? Dien een functieverzoek in",
   "liveSyncActive": "Live synchronisatie actief",

packages/tokens-studio-for-figma/src/i18n/lang/zh/settings.json

@@ -32,6 +32,7 @@
   "storeTokenId": "将 ID 存储在存储器上",
   "storeTokenIdExplanation": "自动为您的令牌生成唯一 ID 以进行跟踪。",
   "secondScreenExplainer": "增强您的设计工作流程，让您可以在第二个屏幕中管理您的 Token。",
+  "secondScreenDeprecationNotice": "Second Screen 将于 12 月 31 日关闭。我们建议切换到 Studio 以获得更好的体验。",
   "language": "语言",
   "languageExplainer": "Tokens Studio 已经过 Mr. Biscuit 手动翻译，因此翻译较为准确。\n 没有看到您的语言？提交功能请求",
   "liveSyncActive": "实时同步激活",