Use defaultDownsamplingFormat in share options

ui/src/config.js

@@ -28,6 +28,7 @@ const defaultConfig = {
   enableCoverAnimation: true,
   devShowArtistPage: true,
   enableReplayGain: true,
+  defaultDownsamplingFormat: 'opus',
   publicBaseUrl: '/p',
 }
 

ui/src/consts.js

@@ -20,3 +20,5 @@ DraggableTypes.ALL.push(
 )
 
 export const MAX_SIDEBAR_PLAYLISTS = 100
+
+export const DEFAULT_SHARE_BITRATE = 128

ui/src/dialogs/ShareDialog.js

@@ -16,13 +16,15 @@ import {
 } from 'react-admin'
 import { useMemo, useState } from 'react'
 import { shareUrl } from '../utils'
+import config from '../config'
+import { DEFAULT_SHARE_BITRATE } from '../consts'
 
 export const ShareDialog = ({ open, close, onClose, ids, resource, title }) => {
   const notify = useNotify()
-  const [format, setFormat] = useState('')
-  const [maxBitRate, setMaxBitRate] = useState(0)
+  const [format, setFormat] = useState(config.defaultDownsamplingFormat)
+  const [maxBitRate, setMaxBitRate] = useState(DEFAULT_SHARE_BITRATE)
   const [originalFormat, setUseOriginalFormat] = useState(true)
-  const { data: formats, loading } = useGetList(
+  const { data: formats, loading: loadingFormats } = useGetList(
     'transcoding',
     {
       page: 1,
@@ -33,12 +35,12 @@ export const ShareDialog = ({ open, close, onClose, ids, resource, title }) => {
 
   const formatOptions = useMemo(
     () =>
-      loading
+      loadingFormats
         ? []
         : Object.values(formats).map((f) => {
             return { id: f.targetFormat, name: f.targetFormat }
           }),
-    [formats, loading]
+    [formats, loadingFormats]
   )
 
   const handleOriginal = (e) => {
@@ -57,8 +59,8 @@ export const ShareDialog = ({ open, close, onClose, ids, resource, title }) => {
     {
       resourceType: resource,
       resourceIds: ids?.join(','),
-      format,
-      maxBitRate,
+      ...(!originalFormat && { format }),
+      ...(!originalFormat && { maxBitRate }),
     },
     {
       onSuccess: (res) => {
@@ -106,8 +108,8 @@ export const ShareDialog = ({ open, close, onClose, ids, resource, title }) => {
           {!originalFormat && (
             <SelectInput
               source="format"
+              defaultValue={format}
               choices={formatOptions}
-              resettable
               onChange={(event) => {
                 setFormat(event.target.value)
               }}
@@ -115,7 +117,8 @@ export const ShareDialog = ({ open, close, onClose, ids, resource, title }) => {
           )}
           {!originalFormat && (
             <SelectInput
-              source="bitrate"
+              source="maxBitRate"
+              defaultValue={maxBitRate}
               choices={[
                 { id: 32, name: '32' },
                 { id: 48, name: '48' },
@@ -129,7 +132,6 @@ export const ShareDialog = ({ open, close, onClose, ids, resource, title }) => {
                 { id: 256, name: '256' },
                 { id: 320, name: '320' },
               ]}
-              resettable
               onChange={(event) => {
                 setMaxBitRate(event.target.value)
               }}

ui/src/share/ShareList.js

@@ -9,11 +9,12 @@ import React from 'react'
 import { DateField, QualityInfo } from '../common'
 import { shareUrl } from '../utils'
 import { Link } from '@material-ui/core'
+import config from '../config'
 
 export const FormatInfo = ({ record, size }) => {
   const r = { suffix: record.format, bitRate: record.maxBitRate }
-  // TODO Get DefaultDownsamplingFormat
-  r.suffix = r.suffix || (r.bitRate ? 'opus' : 'Original')
+  r.suffix =
+    r.suffix || (r.bitRate ? config.defaultDownsamplingFormat : 'Original')
   return <QualityInfo record={r} size={size} />
 }