fix hotdog signals

app/content-scripts/rewards/HotDog.jsx

@@ -16,7 +16,7 @@ import { withRouter } from 'react-router-dom';
 import msgModule from '../utils/msg';
 import { log } from '../../../src/utils/common';
 
-const msg = msgModule('hotdog');
+const msg = msgModule('rewards');
 const { sendMessage } = msg;
 
 /**
@@ -29,23 +29,24 @@ class HotDog extends Component {
 		this.state = {
 			closed: false
 		};
-
+		this.shownSignal = false;
 		this.iframeEl = window.parent.document.getElementById('ghostery-iframe-container');
+
 		if (this.iframeEl) {
 			this.iframeEl.classList = '';
 			this.iframeEl.classList.add('hot-dog');
 		}
 
 		this.ghostyStar = `url(${chrome.extension.getURL('app/images/rewards/ghosty-star.svg')})`;
 		this.closeIcon = `url(${chrome.extension.getURL('app/images/rewards/light-x.svg')})`;
-
 		this.close = this.close.bind(this);
 		this.navigate = this.navigate.bind(this);
 	}
 
 	componentWillReceiveProps(nextProps) {
-		if (nextProps.reward && nextProps.reward !== null) {
+		if (nextProps.reward && nextProps.reward !== null && !this.shownSignal) {
 			this.sendSignal('offer_notification_hotdog', nextProps);
+			this.shownSignal = true;
 		}
 	}
 

app/content-scripts/rewards/OfferCard.jsx

@@ -58,6 +58,7 @@ class OfferCard extends Component {
 		this.toggleSettings = this.toggleSettings.bind(this);
 		this.handleImageLoaded = this.handleImageLoaded.bind(this);
 		this.handlePrompt = this.handlePrompt.bind(this);
+		this.redeem = this.redeem.bind(this);
 
 		this.notifications = [
 			{
@@ -254,7 +255,7 @@ class OfferCard extends Component {
 									{ this.state.showSettings &&
 										<div className="rewards-settings-container">
 											<ClickOutside excludeEl={this.kebabRef} onClickOutside={this.toggleSettings}>
-												<Settings signal={this.sendSignal('about_ghostery_rewards')} disable={this.disableRewardsNotification} />
+												<Settings signal={() => { this.sendSignal('about_ghostery_rewards'); }} disable={this.disableRewardsNotification} />
 											</ClickOutside>
 										</div>
 									}

app/content-scripts/rewards/index.jsx

@@ -88,8 +88,8 @@ class RewardsApp {
 			<Router history={history}>
 				<ShadowDOM include={[chrome.extension.getURL('dist/css/rewards_styles.css')]}>
 					<div id="ghostery-shadow-root">
-						<Route exact path="/" render={() => <HotDog reward={props.reward} />} />
-						<Route path="/hotdog" render={() => <HotDog reward={props.reward} />} />
+						<Route exact path="/" render={() => <HotDog reward={props.reward} port={this.port} />} />
+						<Route path="/hotdog" render={() => <HotDog reward={props.reward} port={this.port} />} />
 						<Route path="/offercard" render={() => <OfferCard reward={props.reward} conf={props.conf} port={this.port} />} />
 					</div>
 				</ShadowDOM>
@@ -117,8 +117,8 @@ class RewardsApp {
 			this.mainView = props => (
 				<Router history={history}>
 					<div>
-						<Route exact path="/" render={() => <HotDog reward={props.reward} />} />
-						<Route path="/hotdog" render={() => <HotDog reward={props.reward} />} />
+						<Route exact path="/" render={() => <HotDog reward={props.reward} port={this.port} />} />
+						<Route path="/hotdog" render={() => <HotDog reward={props.reward} port={this.port} />} />
 						<Route path="/offercard" render={() => <OfferCard reward={props.reward} conf={props.conf} port={this.port} />} />
 					</div>
 				</Router>