fix: fonts for react notifications

Chia-Network · Jan 4, 2023 · e6b7239 · e6b7239
1 parent 10fce98
commit e6b7239
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 2 deletions.
diff --git a/src/navigation/AppNavigator.js b/src/navigation/AppNavigator.js
@@ -1,7 +1,6 @@
 import React, { Suspense, useEffect } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
 import { useIntl } from 'react-intl';
-import { NotificationContainer } from 'react-notifications';
 import {
  HashRouter as Router,
  Routes,
@@ -14,7 +13,10 @@ import {
  setNotificationMessage,
 } from '../store/actions/appActions';
 import * as Pages from '../pages';
-import { createNotification } from '../utils/notificationUtils';
+import {
+ createNotification,
+ NotificationContainer,
+} from '../utils/notificationUtils';
 import {
  AppContainer,
  Modal,

diff --git a/src/utils/notificationUtils.js b/src/utils/notificationUtils.js
@@ -1,4 +1,18 @@
+import React from 'react';
 import { NotificationManager } from 'react-notifications';
+import { NotificationContainer as ReactNotificationContainer } from 'react-notifications';
+import styled from 'styled-components';
+
+const StyledNotificationContainer = styled('div')`
+ .notification-parent,
+ .notification-title,
+ .notification-message,
+ .notification-item {
+ font-family: ${props => props.theme.typography.primary.regular};
+ font-size: 14px;
+ font-weight: 400;
+ }
+`;
 
 export const createNotification = (type, message) => {
  switch (type) {
@@ -17,3 +31,11 @@ export const createNotification = (type, message) => {
  break;
  }
 };
+
+export const NotificationContainer = () => {
+ return (
+ <StyledNotificationContainer>
+ <ReactNotificationContainer />
+ </StyledNotificationContainer>
+ );
+};