Skip to content

Commit

Permalink
SWED-2276 update alert component wherever used
Browse files Browse the repository at this point in the history
  • Loading branch information
@goldenraphti
goldenraphti committed Dec 20, 2023
1 parent 20aab21 commit 9ea7c64
Show file tree
Hide file tree
Showing 14 changed files with 28 additions and 28 deletions.
2 changes: 1 addition & 1 deletion src/App/ComponentsDocumentation/components/ActionList/__snapshots__/index.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -682,7 +682,7 @@ exports[`Components: ActionList renders 1`] = `
<i
aria-hidden="true"
className="at-error alert-icon"
className="at-exclamation-triangle alert-icon"
/>
<p>
<b>
Expand Down
2 changes: 1 addition & 1 deletion src/App/ComponentsDocumentation/components/ActionList/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ const ActionList = () => {
<DocContainer>
<Alert
type="danger"
icon="error"
icon="exclamation-triangle"
text={
<p>
<b>Deprecated:</b> Be aware, this component will not be maintained
Expand Down
22 changes: 11 additions & 11 deletions src/App/ComponentsDocumentation/components/Charts/__snapshots__/index.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2507,7 +2507,7 @@ exports[`Dashboard: Charts renders 1`] = `
<i
aria-hidden="true"
className="at-error alert-icon"
className="at-exclamation-triangle alert-icon"
/>
<p>
<b>
Expand Down Expand Up @@ -3316,7 +3316,7 @@ exports[`Dashboard: Charts renders 1`] = `
<i
aria-hidden="true"
className="at-info alert-icon"
className="at-info-circle alert-icon"
/>
<p>
<b>
Expand Down Expand Up @@ -3640,7 +3640,7 @@ exports[`Dashboard: Charts renders 1`] = `
<i
aria-hidden="true"
className="at-info alert-icon"
className="at-info-circle alert-icon"
/>
<p>
<b>
Expand Down Expand Up @@ -3868,7 +3868,7 @@ exports[`Dashboard: Charts renders 1`] = `
<i
aria-hidden="true"
className="at-info alert-icon"
className="at-info-circle alert-icon"
/>
<p>
<b>
Expand Down Expand Up @@ -4167,7 +4167,7 @@ exports[`Dashboard: Charts renders 1`] = `
<i
aria-hidden="true"
className="at-info alert-icon"
className="at-info-circle alert-icon"
/>
<p>
<b>
Expand Down Expand Up @@ -4494,7 +4494,7 @@ exports[`Dashboard: Charts renders 1`] = `
<i
aria-hidden="true"
className="at-info alert-icon"
className="at-info-circle alert-icon"
/>
<p>
<b>
Expand Down Expand Up @@ -4847,7 +4847,7 @@ exports[`Dashboard: Charts renders 1`] = `
<i
aria-hidden="true"
className="at-info alert-icon"
className="at-info-circle alert-icon"
/>
<p>
<b>
Expand Down Expand Up @@ -5086,7 +5086,7 @@ exports[`Dashboard: Charts renders 1`] = `
<i
aria-hidden="true"
className="at-info alert-icon"
className="at-info-circle alert-icon"
/>
<p>
<b>
Expand Down Expand Up @@ -5313,7 +5313,7 @@ exports[`Dashboard: Charts renders 1`] = `
<i
aria-hidden="true"
className="at-info alert-icon"
className="at-info-circle alert-icon"
/>
<p>
<b>
Expand Down Expand Up @@ -5636,7 +5636,7 @@ exports[`Dashboard: Charts renders 1`] = `
<i
aria-hidden="true"
className="at-info alert-icon"
className="at-info-circle alert-icon"
/>
<p>
<b>
Expand Down Expand Up @@ -5893,7 +5893,7 @@ exports[`Dashboard: Charts renders 1`] = `
<i
aria-hidden="true"
className="at-info alert-icon"
className="at-info-circle alert-icon"
/>
<p>
<b>
Expand Down
4 changes: 2 additions & 2 deletions src/App/ComponentsDocumentation/components/Charts/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import Alert from "@components/Alert";
const AccessibilityAlert = () => (
<Alert
type="informative"
icon="info"
icon="info-circle"
className="mt-3"
text={
<p>
Expand Down Expand Up @@ -838,7 +838,7 @@ const Charts = () => (
<DocContainer>
<Alert
type="danger"
icon="error"
icon="exclamation-triangle"
text={
<p>
<b>Deprecated:</b> Be aware, this component will not be maintained
Expand Down
2 changes: 1 addition & 1 deletion src/App/ComponentsDocumentation/components/Nav/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ const Nav = () => {
<DocContainer>
<Alert
type="danger"
icon="error"
icon="exclamation-triangle"
text={
<p>
<b>Deprecated:</b> Be aware, this component will not be maintained
Expand Down
4 changes: 2 additions & 2 deletions src/App/ComponentsDocumentation/components/Select/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ const WhenToUse = () => (
</div>
{text}
</React.Fragment>
)
),
)}
</>
);
Expand Down Expand Up @@ -67,7 +67,7 @@ const Overview = () => (
Select the appropriate styling.
</p>
}
icon="info"
icon="info-circle"
/>

{/*
Expand Down
2 changes: 1 addition & 1 deletion src/App/ComponentsDocumentation/components/Toast/constants.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ const AlertBox = () => (
<Alert
id="toast-overview-alert"
type="informative"
icon={"info"}
icon={"info-circle"}
text={
<p>
<b>Static code example</b> The code viewer shows an example on how to
Expand Down
4 changes: 1 addition & 3 deletions src/App/Home/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,8 +27,6 @@ const Home = () => {
<header>
<span className="dg-title-small d-block m-0">Welcome to the</span>
<span className="dg-title-big my-0">{brandTitle} Design Guide</span>
<i class="at-home" aria-hidden="true"></i>
<i class="at-soccer-football-field" aria-hidden="true"></i>
</header>

<div className="dg-version-indicator">
Expand Down Expand Up @@ -150,7 +148,7 @@ const Home = () => {
</span>
<Alert
type="informative"
icon="info"
icon="info-circle"
text={
<p>
<b>Versioning:</b>
Expand Down
2 changes: 1 addition & 1 deletion src/App/Patterns/components/LoginForm/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ const LoginForm = ({
{alternativeLogins && <AlternativeLogins />}
{error && (
<Alert
icon="cancel"
icon="xmark-circle"
type="danger"
text={
<p>
Expand Down
2 changes: 1 addition & 1 deletion src/App/Patterns/content/Forms/__snapshots__/index.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1543,7 +1543,7 @@ exports[`Forms: index renders 1`] = `
<i
aria-hidden="true"
className="at-cancel alert-icon"
className="at-xmark-circle alert-icon"
/>
<p>
<b>
Expand Down
2 changes: 1 addition & 1 deletion src/App/docutils/DeprecatedComponentAlert/__snapshots__/index.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ exports[`Utilities: DeprecatedComponentAlert renders 1`] = `
<i
aria-hidden="true"
className="at-undefined alert-icon"
className="at-exclamation-triangle alert-icon"
/>
Expand Down
3 changes: 2 additions & 1 deletion src/App/docutils/DeprecatedComponentAlert/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
import React from "react";
import Alert from "@components/Alert";

// TODO: is it actually used anywhere? else remove
const DeprecatedComponentAlert = () => (
<Alert type="danger">
<Alert type="danger" icon="exclamation-triangle">
<h3 className="text-danger">Component deprecated!</h3>
<p>This component has been deprecated and should not be used!</p>
</Alert>
Expand Down
2 changes: 1 addition & 1 deletion src/App/docutils/ExperimentalComponentAlert/__snapshots__/index.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ exports[`Utilities: ExperimentalComponentAlert renders 1`] = `
<i
aria-hidden="true"
className="at-undefined alert-icon"
className="at-exclamation-triangle alert-icon"
/>
Expand Down
3 changes: 2 additions & 1 deletion src/App/docutils/ExperimentalComponentAlert/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
import React from "react";
import Alert from "@components/Alert";

// TODO: is it actually used anywhere? else remove
const ExperimentalComponentAlert = () => (
<Alert type="danger">
<Alert type="danger" icon="exclamation-triangle">
<h3 className="text-danger">Component under development!</h3>
<p>This component is still under development and is subject to change.</p>
</Alert>
Expand Down

0 comments on commit 9ea7c64

Please sign in to comment.