react tutorial: use different division sign

evesinger · Jan 23, 2020 · 22292be · 22292be
1 parent 61a0d0c
commit 22292be
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -15,6 +15,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.idea
 
 npm-debug.log*
 yarn-debug.log*

diff --git a/src/components/Key/Key.jsx b/src/components/Key/Key.jsx
@@ -7,9 +7,7 @@ const Key = ({ keyAction, keyType, keyValue }) => (
         className={`key-container ${keyType}`}
         onClick={() => keyAction(keyValue)}
     >
-        <p className="key-value">
-        {keyValue}
-        </p>
+        <p className="key-value">{(keyValue === '/') ? <span>&#247;</span> : keyValue}</p>
     </div>
 );
 

diff --git a/src/components/Keypad/Keypad.spec.js b/src/components/Keypad/Keypad.spec.js
@@ -52,7 +52,7 @@ describe('MountedKeypad', () => {
 
     it('renders the values of operators', () => {
         wrapper.setProps({operators: ['+', '-', '*', '/']});
-        expect(wrapper.find('.operators-container').text()).toEqual('+-*/');
+        expect(wrapper.find('.operators-container').text()).toEqual('+-*÷');
     });
 
     it('should render an instance of the Key component', () => {