Add error message

Author: d13

src/webviews/apps/commitDetails/components/gl-inspect-patch.ts

@@ -262,6 +262,29 @@ export class InspectPatch extends GlElement {
 			.user-selection__check:not(.is-active) {
 				opacity: 0;
 			}
+
+			.alert {
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				padding: 0.8rem 1.2rem;
+				line-height: 1.2;
+				background-color: var(--color-alert-errorBackground);
+				border-left: 0.3rem solid var(--color-alert-errorBorder);
+				color: var(--color-alert-foreground);
+			}
+
+			.alert code-icon {
+				margin-right: 0.4rem;
+				vertical-align: baseline;
+			}
+
+			.alert__content {
+				font-size: 1.2rem;
+				line-height: 1.2;
+				text-align: left;
+				margin: 0;
+			}
 		`,
 	];
 

src/webviews/apps/plus/patchDetails/components/gl-patch-create.ts

@@ -310,6 +310,16 @@ export class GlPatchCreate extends GlTreeBase {
 							</div>`,
 					)}
 				</div>
+
+				${when(
+					this.generate?.error != null,
+					() => html`
+						<div class="alert alert--error">
+							<code-icon icon="error"></code-icon>
+							<p class="alert__content">${this.generate!.error!.message ?? 'Error retrieving content'}</p>
+						</div>
+					`,
+				)}
 				<div class="message-input">
 					<textarea
 						id="desc"