diff --git a/src/components/Main.vue b/src/components/Main.vue
index 20224d0..6d66a3c 100644
--- a/src/components/Main.vue
+++ b/src/components/Main.vue
@@ -10,7 +10,8 @@
 			</Breadcrumbs>
 			<Table
 				:station-data="tableData"
-				@doPlay="doPlay" />
+				@doPlay="doPlay"
+				@doFavor="doFavor" />
 		</AppContent>
 	</Content>
 </template>
@@ -45,6 +46,9 @@ export default {
 		this.scroll()
 	},
 	methods: {
+		doFavor(station) {
+			console.log(station)
+		},
 		doPlay(station) {
 			if (audioPlayer !== null) {
 				audioPlayer.fade(100, 0, 500) // FIXME persistent volume state
diff --git a/src/components/Table.vue b/src/components/Table.vue
index 073b0e4..2805ec2 100644
--- a/src/components/Table.vue
+++ b/src/components/Table.vue
@@ -14,10 +14,10 @@
 				v-for="(station, idx) in stationData"
 				:key="idx"
 				:class="{ selected: idx === activeItem}">
-				<td @click="doPlay">
+				<td @click="doPlay(idx, station)">
 					<div class="stationIcon"
 						:style="{ backgroundImage: `url('${ station.favicon }')` }">
-						<span :class="{ 'icon-starred': idx === activeItem}" />
+						<span :class="{ 'icon-starred': stationsFavored.includes(idx) }" />
 					</div>
 				</td>
 				<td class="filenameColumn" @click="doPlay(idx, station)">