Import Emoji component into Layout.jsx and replace previous span cont…

…aining emoji with Emoji component
the-collab-lab · Apr 3, 2024 · a098c2d · a098c2d
1 parent efecbe4
commit a098c2d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/components/index.js b/src/components/index.js
@@ -3,3 +3,4 @@ export * from './SingleList';
 export * from './Dialog';
 export * from './AddItem';
 export * from './SortedItemsMap';
+export * from './Emoji';
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -1,6 +1,6 @@
 import { Outlet, NavLink } from 'react-router-dom';
 import { useAuth, SignInButton, SignOutButton } from '../api/useAuth.jsx';
-
+import { Emoji } from '../components';
 import './Layout.css';
 import { auth } from '../api/config.js';
 
@@ -39,10 +39,7 @@ export function Layout() {
 				</main>
 				<footer className="Layout-footer">
 					<p className="Layout-footer-attribution">
-						Crafted with care{' '}
-						<span role="img" aria-label="purple-heart">
-							💜{' '}
-						</span>
+						Crafted with care <Emoji label="purple-heart">💜</Emoji>
 						by{' '}
 						<a
 							className="Layout-footer-link"