Merge pull request #215 from atlassian/ARC-2692-set-up-guide-no-plugi…

…n-data Arc 2692 set up guide no plugin data
atlassian · Dec 7, 2023 · 6523db2 · 6523db2
2 parents b2936b7 + 87bbc45
commit 6523db2
Show file tree

Hide file tree

Showing 5 changed files with 409 additions and 172 deletions.
diff --git a/app/jenkins-for-jira-ui/src/components/ConnectionPanel/ConnectionPanel.styles.tsx b/app/jenkins-for-jira-ui/src/components/ConnectionPanel/ConnectionPanel.styles.tsx
@@ -72,6 +72,12 @@ export const connectionPanelMainConnectedTabs = css`
 	width: 100%;
 `;
 
+export const connectionPanelMainConnectedPendingSetUp = css`
+	color: #B2B9C4;
+	cursor: not-allowed;
+	margin: ${token('space.075')} 0 ${token('space.100')} ${token('space.100')};
+`;
+
 export const connectionPanelMainNotConnectedTabs = css`
 	align-items: center;
 	border-radius: 3px;
@@ -162,7 +168,7 @@ export const connectedStateCellEvent = css`
 // Set up guide
 export const setUpGuideContainer = css`
 	line-height: 20px;
-	margin: ${token('space.200')} 0 ${token('space.300')};
+	margin: ${token('space.300')} 0;
 
 	#setup-step-one-instruction {
 		margin: ${token('space.050')} 0 ${token('space.300')} ${token('space.200')};
@@ -248,3 +254,34 @@ export const setUpGuideInfoPanel = css`
 		margin-top: ${token('space.0')};
 	}
 `;
+
+export const setUpGuideUpdatedContainer = css`
+	margin: ${token('space.200')} 0 ${token('space.300')};
+`;
+
+export const setUpGuideUpdateAvailableContainer = css`
+	margin: ${token('space.100')} auto ${token('space.300')};
+	line-height: 20px;
+	text-align: center;
+	width: 55%;
+`;
+
+export const setUpGuideUpdateAvailableIconContainer = css`
+	margin: ${token('space.0')} auto;
+	text-align: center;
+`;
+
+export const setUpGuideUpdateAvailableHeader = css`
+	font-size: 20px;
+`;
+
+export const setUpGuideUpdateAvailableContent = css`
+	margin-top: ${token('space.250')};
+`;
+
+export const setUpGuideUpdateAvailableButtonContainer = css`
+	margin-top: ${token('space.200')};
+	display: flex;
+	gap: 10px;
+	justify-content: center;
+`;