Skip to content

Commit 200133a

Browse files
debsmita1debsmita1
authored
feat(quickstart): add Lightspeed intro to the quickstarts (#2915)
* feat(quickstart): add Lightspeed intro to the quickstarts * added the translation keys and the update the Lightspeed icon in the QS
1 parent f45644b commit 200133a

14 files changed

Lines changed: 171 additions & 0 deletions

File tree

‎workspaces/quickstart/.changeset/purple-breads-hunt.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@red-hat-developer-hub/backstage-plugin-quickstart': patch
3+
---
4+
5+
add Lightspeed intro to the quickstarts

‎workspaces/quickstart/app-config.yaml‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,6 +94,28 @@ app:
9494
text: View Learning Paths
9595
textKey: steps.findAllLearningPaths.ctaTitle
9696
link: /learning-paths
97+
- title: Set up Lightspeed
98+
titleKey: steps.setupLightspeed.title
99+
icon: Lightspeed
100+
roles:
101+
- admin
102+
description: Connect Lightspeed to a supported large language model (LLM) and configure permissions to provide your AI-powered assistance to your developers.
103+
descriptionKey: steps.setupLightspeed.description
104+
cta:
105+
text: Learn more
106+
textKey: steps.setupLightspeed.ctaTitle
107+
link: https://docs.redhat.com/en/documentation/red_hat_developer_hub/latest/html/interacting_with_red_hat_developer_lightspeed_for_red_hat_developer_hub/
108+
- title: Get started with Lightspeed
109+
titleKey: steps.getStartedWithLightspeed.title
110+
icon: Lightspeed
111+
roles:
112+
- developer
113+
description: Troubleshoot issues, generate code, and learn about platform resources using AI-powered chat.
114+
descriptionKey: steps.getStartedWithLightspeed.description
115+
cta:
116+
text: Learn more
117+
textKey: steps.getStartedWithLightspeed.ctaTitle
118+
link: https://docs.redhat.com/en/documentation/red_hat_developer_hub/latest/html/interacting_with_red_hat_developer_lightspeed_for_red_hat_developer_hub/
97119

98120
organization:
99121
name: My Company

‎workspaces/quickstart/plugins/quickstart/report-alpha.api.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,6 +109,12 @@ export const quickstartTranslationRef: TranslationRef<
109109
readonly 'steps.findAllLearningPaths.title': string;
110110
readonly 'steps.findAllLearningPaths.description': string;
111111
readonly 'steps.findAllLearningPaths.ctaTitle': string;
112+
readonly 'steps.setupLightspeed.title': string;
113+
readonly 'steps.setupLightspeed.description': string;
114+
readonly 'steps.setupLightspeed.ctaTitle': string;
115+
readonly 'steps.getStartedWithLightspeed.title': string;
116+
readonly 'steps.getStartedWithLightspeed.description': string;
117+
readonly 'steps.getStartedWithLightspeed.ctaTitle': string;
112118
readonly 'button.quickstart': string;
113119
readonly 'button.openQuickstartGuide': string;
114120
readonly 'button.closeDrawer': string;

‎workspaces/quickstart/plugins/quickstart/report.api.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -118,6 +118,12 @@ export const quickstartTranslationRef: TranslationRef<
118118
readonly 'steps.findAllLearningPaths.title': string;
119119
readonly 'steps.findAllLearningPaths.description': string;
120120
readonly 'steps.findAllLearningPaths.ctaTitle': string;
121+
readonly 'steps.setupLightspeed.title': string;
122+
readonly 'steps.setupLightspeed.description': string;
123+
readonly 'steps.setupLightspeed.ctaTitle': string;
124+
readonly 'steps.getStartedWithLightspeed.title': string;
125+
readonly 'steps.getStartedWithLightspeed.description': string;
126+
readonly 'steps.getStartedWithLightspeed.ctaTitle': string;
121127
readonly 'button.quickstart': string;
122128
readonly 'button.openQuickstartGuide': string;
123129
readonly 'button.closeDrawer': string;

‎workspaces/quickstart/plugins/quickstart/src/components/QuickstartContent/LightspeedIcon.tsx‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
/*
2+
* Copyright Red Hat, Inc.
3+
*
4+
* Licensed under the Apache License, Version 2.0 (the "License");
5+
* you may not use this file except in compliance with the License.
6+
* You may obtain a copy of the License at
7+
*
8+
* http://www.apache.org/licenses/LICENSE-2.0
9+
*
10+
* Unless required by applicable law or agreed to in writing, software
11+
* distributed under the License is distributed on an "AS IS" BASIS,
12+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13+
* See the License for the specific language governing permissions and
14+
* limitations under the License.
15+
*/
16+
17+
import { useTheme } from '@mui/material/styles';
18+
import LightThemeLightspeedIcon from '../../images/lightspeed-icon-black.svg';
19+
import DarkThemeLightspeedIcon from '../../images/lightspeed-icon-white.svg';
20+
21+
export const LightspeedIcon = () => {
22+
const theme = useTheme();
23+
return theme.palette.mode === 'dark' ? (
24+
<img
25+
src={DarkThemeLightspeedIcon}
26+
alt=""
27+
height={24}
28+
width={24}
29+
style={{ display: 'block' }}
30+
/>
31+
) : (
32+
<img
33+
src={LightThemeLightspeedIcon}
34+
alt=""
35+
height={24}
36+
width={24}
37+
style={{ display: 'block' }}
38+
/>
39+
);
40+
};

‎workspaces/quickstart/plugins/quickstart/src/components/QuickstartContent/QuickstartItemIcon.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@ import SchoolOutlinedIcon from '@mui/icons-material/SchoolOutlined';
2626
import { SxProps, Theme } from '@mui/material/styles';
2727
import { useApp } from '@backstage/core-plugin-api';
2828
import Box from '@mui/material/Box';
29+
import { LightspeedIcon } from './LightspeedIcon';
2930

3031
export interface QuickstartItemIconProps {
3132
icon?: string;
@@ -43,6 +44,7 @@ const commonIcons: {
4344
Catalog: <CategoryOutlinedIcon />,
4445
SelfService: <ControlPointOutlinedIcon />,
4546
Learning: <SchoolOutlinedIcon />,
47+
Lightspeed: <LightspeedIcon />,
4648
};
4749

4850
export const QuickstartItemIcon = ({ icon, sx }: QuickstartItemIconProps) => {

‎workspaces/quickstart/plugins/quickstart/src/images/lightspeed-icon-black.svg‎

Lines changed: 22 additions & 0 deletions
Loading

‎workspaces/quickstart/plugins/quickstart/src/images/lightspeed-icon-white.svg‎

Lines changed: 16 additions & 0 deletions
Loading

‎workspaces/quickstart/plugins/quickstart/src/translations/de.ts‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,14 @@ const quickstartTranslationDe = createTranslationMessages({
5959
'steps.findAllLearningPaths.description':
6060
'Integrieren Sie maßgeschneiderte E-Learning-Angebote mit Lernpfaden in Ihre Workflows, um das Onboarding zu beschleunigen, Kompetenzlücken zu schließen und bewährte Verfahren zu fördern.',
6161
'steps.findAllLearningPaths.ctaTitle': 'Lernpfade anzeigen',
62+
'steps.setupLightspeed.title': 'Lightspeed einrichten',
63+
'steps.setupLightspeed.description':
64+
'Verbinden Sie Lightspeed mit einem unterstützten großen Sprachmodell (LLM) und konfigurieren Sie Berechtigungen, um Ihren Entwicklern KI-gestützte Assistenz zu bieten.',
65+
'steps.setupLightspeed.ctaTitle': 'Mehr erfahren',
66+
'steps.getStartedWithLightspeed.title': 'Erste Schritte mit Lightspeed',
67+
'steps.getStartedWithLightspeed.description':
68+
'Beheben Sie Probleme, generieren Sie Code, und erfahren Sie mithilfe des KI-Chats mehr über Plattformressourcen.',
69+
'steps.getStartedWithLightspeed.ctaTitle': 'Mehr erfahren',
6270
'button.quickstart': 'Schnellstart',
6371
'button.openQuickstartGuide': 'Schnellstartanleitung öffnen',
6472
'button.closeDrawer': 'Drawer schließen',

‎workspaces/quickstart/plugins/quickstart/src/translations/es.ts‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,14 @@ const quickstartTranslationEs = createTranslationMessages({
5959
'steps.findAllLearningPaths.description':
6060
'Integre aprendizaje en línea personalizado en sus flujos de trabajo con rutas de aprendizaje, a fin de agilizar el proceso de incorporación, reducir brechas de habilidades y promover prácticas recomendadas.',
6161
'steps.findAllLearningPaths.ctaTitle': 'Ver rutas de aprendizaje',
62+
'steps.setupLightspeed.title': 'Configurar Lightspeed',
63+
'steps.setupLightspeed.description':
64+
'Conecte Lightspeed a un modelo de lenguaje de gran tamaño (LLM) compatible y configure los permisos para ofrecer a sus desarrolladores asistencia impulsada por IA.',
65+
'steps.setupLightspeed.ctaTitle': 'Aprenda más',
66+
'steps.getStartedWithLightspeed.title': 'Primeros pasos con Lightspeed',
67+
'steps.getStartedWithLightspeed.description':
68+
'Resuelva incidencias, genere código y conozca los recursos de la plataforma mediante un chat con IA.',
69+
'steps.getStartedWithLightspeed.ctaTitle': 'Aprenda más',
6270
'button.quickstart': 'Inicio rápido',
6371
'button.openQuickstartGuide': 'Abrir la Guía de inicio rápido',
6472
'button.closeDrawer': 'Cerrar panel',

0 commit comments

Comments
 (0)