From d165a0727e42349d935ab3ee287242f1e5029742 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 17 Mar 2021 18:11:26 +0100
Subject: frontend. export/view button. interactivity sanity check

---
 frontend/app/views/audio/components/audio.select.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

(limited to 'frontend/app/views/audio/components')

diff --git a/frontend/app/views/audio/components/audio.select.js b/frontend/app/views/audio/components/audio.select.js
index 73142f0..cf1dfb2 100644
--- a/frontend/app/views/audio/components/audio.select.js
+++ b/frontend/app/views/audio/components/audio.select.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react'
 import { connect } from 'react-redux'
 
 import { Select } from 'app/common'
+import { unslugify } from 'app/utils'
 
 const NO_AUDIO = 0
 const AUDIO_TOP_OPTIONS = [
@@ -16,14 +17,14 @@ class AudioSelect extends Component {
 
   constructor(props) {
     super(props)
-    this.handleSelect = this.handleSelect.bind(this)
+    this.handleChange = this.handleChange.bind(this)
   }
 
   componentDidMount(){
     const { uploads } = this.props.graph.show.res
     const audioUploads = uploads
       .filter(upload => upload.tag === 'audio')
-      .map(page => ({ name: upload.id, label: page.path }))
+      .map(upload => ({ name: upload.id, label: unslugify(upload.fn) }))
     let audioList = [
       ...AUDIO_TOP_OPTIONS,
       ...audioUploads,
@@ -33,6 +34,10 @@ class AudioSelect extends Component {
     })
   }
 
+  handleChange(name, value) {
+    this.props.onChange(name, parseInt(value))
+  }
+
   render() {
     return (
       <Select
@@ -40,7 +45,7 @@ class AudioSelect extends Component {
         name={this.props.name}
         selected={this.props.selected || NO_AUDIO}
         options={this.state.audioList}
-        onChange={this.props.onChange}
+        onChange={this.handleChange}
       />
     )
   }
-- 
cgit v1.2.3-70-g09d2