Skip to content

Commit a579c69

Browse files
committed
refactor(bem): replace Block with cn() in Audio/view.tsx
Migrated Audio tag component from Block to cn() helper. - Replaced Block import with cn import - Replaced <Block name="audio-tag"> with <div className={cn("audio-tag")...}> - No Elems in this file (simple wrapper for waveform and controls) - No behavior change, equivalent class strings
1 parent 585f803 commit a579c69

File tree

1 file changed

+3
-3
lines changed
  • web/libs/editor/src/tags/object/Audio

1 file changed

+3
-3
lines changed

web/libs/editor/src/tags/object/Audio/view.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import { useWaveform } from "../../../lib/AudioUltra/react";
1111
import type { Region } from "../../../lib/AudioUltra/Regions/Region";
1212
import type { Segment } from "../../../lib/AudioUltra/Regions/Segment";
1313
import type { Regions } from "../../../lib/AudioUltra/Regions/Regions";
14-
import { Block } from "../../../utils/bem";
14+
import { cn } from "../../../utils/bem";
1515
import { useSpectrogramControls as useSpectrogramControlsHook } from "../../../lib/AudioUltra/hooks/useSpectrogramControls";
1616
import { getCurrentTheme } from "@humansignal/ui";
1717
import { FF_AUDIO_SPECTROGRAMS, isFF } from "../../../utils/feature-flags";
@@ -182,7 +182,7 @@ const AudioView: FC<AudioProps> = observer(
182182
}, []);
183183

184184
return (
185-
<Block name="audio-tag">
185+
<div className={cn("audio-tag").toClassName()}>
186186
{children}
187187
<div
188188
ref={(el) => {
@@ -242,7 +242,7 @@ const AudioView: FC<AudioProps> = observer(
242242
}}
243243
layerVisibility={controls.layerVisibility}
244244
/>
245-
</Block>
245+
</div>
246246
);
247247
},
248248
);

0 commit comments

Comments
 (0)