Notices: notices/site-notice -> components/notice

Notices: notices/site-notice->components/notice in current-site

Notices: fix bottom margin in notices displayed in sidebar

So it matches previous design of site-notice class.

Notices: Remove unused css of site-notice

The component is no longer uses and will be removed shortly

Notices: Remove unused site-notice component

client/components/notice/style.scss

@@ -200,3 +200,8 @@
 		background: rgba( 255, 255, 255, 0.2 );
 	}
 }
+
+// For site notices
+.current-site.card .notice.is-compact {
+	margin-bottom: 0px
+}

client/my-sites/current-site/index.jsx

@@ -12,7 +12,8 @@ var React = require( 'react/addons' ),
 var AllSites = require( 'my-sites/all-sites' ),
 	AddNewButton = require( 'components/add-new-button' ),
 	Card = require( 'components/card' ),
-	SiteNotice = require( 'notices/site-notice' ),
+	Notice = require( 'components/notice' ),
+	NoticeAction = require( 'components/notice/notice-action' ),
 	layoutFocus = require( 'lib/layout-focus' ),
 	Site = require( 'my-sites/site' ),
 	Gridicon = require( 'components/gridicon' ),
@@ -98,12 +99,17 @@ module.exports = React.createClass( {
 		}
 
 		return (
-			<SiteNotice status="is-info">
-				{ this.translate( 'The site redirects to {{a}}%(url)s{{/a}}', {
+			<Notice
+				showDismiss={ false }
+				isCompact={ true }
+				text={ this.translate( 'The site redirects to {{a}}%(url)s{{/a}}', {
 					args: { url: hostname },
-					components: { a: <a href={ href }/> }
-				} ) }
-			</SiteNotice>
+					components: { a: <a href={ site.URL }/> }
+				} ) }>
+				<NoticeAction href={ href }>
+					{ this.translate( 'Edit' ) }
+				</NoticeAction>
+			</Notice>
 		);
 	},
 

client/notices/style.scss

@@ -27,30 +27,3 @@
 	width: 100%;
 	display: block;
 }
-
-.site-notice {
-	display: block;
-	line-height: 1.8;
-	overflow: hidden;
-	padding: 8px 18px 8px 18px;
-	text-overflow: ellipsis;
-	color: $white;
-
-	a {
-		color: rgba( $white, 0.85 );
-		text-decoration: underline;
-		font-weight: 600;
-	}
-
-	&.is-info {
-		background-color: $blue-wordpress;
-	}
-
-	&.is-warning {
-		background-color: $alert-yellow;
-	}
-
-	&.is-error {
-		background-color: $alert-red;
-	}
-}