jasonleehodges · July 11, 2021 22:33
diff --git a/status.js b/status.js
 export const status = {
  active: 'Ready',
  inactive: 'Inactive'
 }
diff --git a/string-literal-refactor.jsx b/string-literal-refactor.jsx
 import React from 'react';
 import { status } from './status';

 export const Badge = (props) => {
 return (
    <div style={
      {backgroundColor: props.status === status.active ? 'green' : 'red'}
    }>
      Status: {props.status}
    </div>
   );
 };
	import React from 'react';
	import { status } from './status';

	export const Badge = (props) => {
	return (
	<div style={
	{backgroundColor: props.status === status.active ? 'green' : 'red'}
	}>
	Status: {props.status}
	</div>
	);
	};