feat(avatar): popovers for customization

website/common/script/content/appearance/hair/bangs.js

@@ -1,9 +1,10 @@
 import prefill from '../prefill';
+import t from '../../translation';
 
 export default prefill({
-  0: {},
-  1: {},
-  2: {},
-  3: {},
-  4: {},
+  0: { text: t('none') },
+  1: { text: t('sideswept') },
+  2: { text: t('blunt') },
+  3: { text: t('wispy') },
+  4: { text: t('curly') },
 });

website/common/script/content/appearance/hair/base.js

@@ -3,7 +3,7 @@ import sets from '../sets';
 import t from '../../translation';
 
 export default prefill({
-  0: {},
+  0: { text: t('none') },
   1: { text: t('ponytail') },
   2: { text: t('doublePonytail'), price: 2, set: sets.baseHair1 },
   3: { text: t('braid') },

website/common/script/content/appearance/hair/beard.js

@@ -3,7 +3,7 @@ import sets from '../sets';
 import t from '../../translation';
 
 export default prefill({
-  0: {},
+  0: { text: t('none') },
   1: { text: t('goatee'), price: 2, set: sets.facialHair },
   2: { text: t('shortBeard'), price: 2, set: sets.facialHair },
   3: { text: t('longBeard'), price: 2, set: sets.facialHair },

website/common/script/content/appearance/hair/flower.js

@@ -1,21 +1,22 @@
 import prefill from '../prefill';
+import t from '../../translation';
 
 export default prefill({
-  0: {},
-  1: {},
-  2: {},
-  3: {},
-  4: {},
-  5: {},
-  6: {},
-  7: {},
-  8: {},
-  9: {},
-  10: {},
-  11: {},
-  12: {},
-  13: {},
-  14: {},
-  15: {},
-  16: {},
+  0: { text: t('none') },
+  1: { text: t('blueFlower') },
+  2: { text: t('greenFlower') },
+  3: { text: t('pinkFlower') },
+  4: { text: t('purpleFlower') },
+  5: { text: t('orangeFlower') },
+  6: { text: t('yellowFlower') },
+  7: { text: t('hoopEarrings') },
+  8: { text: t('goldEarringLeft') },
+  9: { text: t('goldEarringRight') },
+  10: { text: t('goldEarrings') },
+  11: { text: t('whiteEarrings') },
+  12: { text: t('blueEarrings') },
+  13: { text: t('greenEarrings') },
+  14: { text: t('redEarrings') },
+  15: { text: t('pinkEarrings') },
+  16: { text: t('purpleEarrings') },
 });

website/common/script/content/appearance/hair/mustache.js

@@ -3,7 +3,7 @@ import sets from '../sets';
 import t from '../../translation';
 
 export default prefill({
-  0: {},
+  0: { text: t('none') },
   1: { text: t('smallMustache'), price: 2, set: sets.facialHair },
   2: { text: t('largeMustache'), price: 2, set: sets.facialHair },
 });