From 6435b1172daf8f27e3dccf07403b31dadd53dbba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wojciech=20Mi=C5=9Bta?= <wojciech.mista@saleor.io>
Date: Tue, 23 Nov 2021 15:58:05 +0100
Subject: [PATCH 1/3] Make title optional

---
 src/Alert/Alert.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Alert/Alert.tsx b/src/Alert/Alert.tsx
index be6f27a3..cb333f56 100644
--- a/src/Alert/Alert.tsx
+++ b/src/Alert/Alert.tsx
@@ -14,7 +14,7 @@ export interface AlertProps {
   className?: string;
   close?: boolean;
   variant: AlertVariant;
-  title: string;
+  title?: string;
 }
 
 function getIcon(variant: AlertVariant): React.ReactElement {
@@ -58,7 +58,8 @@ export const Alert: React.FC<AlertProps> = ({
           <div>{getIcon(variant)}</div>
           <div className={classes.content}>
             <div className={classes.titleBar}>
-              <Typography variant="h5">{title}</Typography>
+              {title && <Typography variant="h5">{title}</Typography>}
+
               {close && (
                 <IconButton
                   className={clsx(classes.close, {

From 27c65046a144bdc9592ecf5d75c54bf340980d18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wojciech=20Mi=C5=9Bta?= <wojciech.mista@saleor.io>
Date: Thu, 25 Nov 2021 10:03:10 +0100
Subject: [PATCH 2/3] Without title story

---
 src/Alert/Alert.stories.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/Alert/Alert.stories.tsx b/src/Alert/Alert.stories.tsx
index db5e2927..37932c78 100644
--- a/src/Alert/Alert.stories.tsx
+++ b/src/Alert/Alert.stories.tsx
@@ -1,3 +1,4 @@
+import { Link, Typography } from "@material-ui/core";
 import { Meta, Story } from "@storybook/react";
 import React from "react";
 
@@ -25,6 +26,17 @@ export const WithContentAndClose: Story = () => (
   </Alert>
 );
 
+export const WithoutTitle: Story = () => (
+  <Alert close={false} variant="info">
+    <Link>
+      <Typography>
+        Gift cards will appear after their order is fullfilled.{" "}
+        <Link>View Orders with Gift Cards</Link>
+      </Typography>
+    </Link>
+  </Alert>
+);
+
 export default {
   title: "Alert",
 } as Meta;

From 8522e7daf269286f6d296152d89865a212f4efee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wojciech=20Mi=C5=9Bta?= <wojciech.mista@saleor.io>
Date: Thu, 25 Nov 2021 10:45:20 +0100
Subject: [PATCH 3/3] Fix link

---
 src/Alert/Alert.stories.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/Alert/Alert.stories.tsx b/src/Alert/Alert.stories.tsx
index 37932c78..6ea97c09 100644
--- a/src/Alert/Alert.stories.tsx
+++ b/src/Alert/Alert.stories.tsx
@@ -28,12 +28,10 @@ export const WithContentAndClose: Story = () => (
 
 export const WithoutTitle: Story = () => (
   <Alert close={false} variant="info">
-    <Link>
-      <Typography>
-        Gift cards will appear after their order is fullfilled.{" "}
-        <Link>View Orders with Gift Cards</Link>
-      </Typography>
-    </Link>
+    <Typography>
+      Gift cards will appear after their order is fullfilled.{" "}
+      <Link>View Orders with Gift Cards</Link>
+    </Typography>
   </Alert>
 );