chore(editor): Run prettier

serlo · Dec 22, 2024 · dda03f0 · dda03f0
1 parent 00bd411
commit dda03f0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/editor/src/plugins/audio/audio-player.tsx b/packages/editor/src/plugins/audio/audio-player.tsx
@@ -150,7 +150,7 @@ export function AudioPlayer({ audioFile }: AudioPlayerProps) {
     <div className="flex w-full items-center">
       <button
         onClick={togglePlay}
-        className="border-editor-primary-400 bg-editor-primary-400 flex items-center rounded border p-4 "
+        className="flex items-center rounded border border-editor-primary-400 bg-editor-primary-400 p-4 "
       >
         {/* Pause button (2 vertical, parallel rectangles) */}
         {isPlaying ? (
@@ -166,7 +166,7 @@ export function AudioPlayer({ audioFile }: AudioPlayerProps) {
           />
         )}
       </button>
-      <div className="bg-editor-primary-500 relative mr-2 flex h-12 w-full items-center rounded-r-lg px-2">
+      <div className="relative mr-2 flex h-12 w-full items-center rounded-r-lg bg-editor-primary-500 px-2">
         <audio ref={audioRef} src={audioURL} className="w-full" />
         <div className="relative w-full px-2">
           {/* Background track */}

diff --git a/packages/editor/src/plugins/audio/audio-recorder.tsx b/packages/editor/src/plugins/audio/audio-recorder.tsx
@@ -117,15 +117,15 @@ export function AudioRecorder({ source, setSource }: AudioRecorderProps) {
 
   return (
     <>
-      <div className="border-editor-primary-500 bg-editor-primary-500 flex flex-row items-center rounded border">
+      <div className="flex flex-row items-center rounded border border-editor-primary-500 bg-editor-primary-500">
         {status === RecordingStatus.UPLOADED && audioURL && (
           <AudioPlayer audioFile={audioURL} />
         )}
 
         {status === RecordingStatus.IDLE && (
           // Record button: small circle
           <button
-            className="border-editor-primary-400 bg-editor-primary-400 flex items-center rounded border p-4 "
+            className="flex items-center rounded border border-editor-primary-400 bg-editor-primary-400 p-4 "
             onClick={startRecording}
           >
             <div className=" h-4 w-4 rounded-full bg-red-200"></div>
@@ -136,7 +136,7 @@ export function AudioRecorder({ source, setSource }: AudioRecorderProps) {
           <>
             <button
               onClick={stopRecording}
-              className="border-editor-primary-400 bg-editor-primary-400 flex items-center rounded border p-4 "
+              className="flex items-center rounded border border-editor-primary-400 bg-editor-primary-400 p-4 "
             >
               <div className="h-4 w-4 rounded border border-red-200 bg-red-200"></div>
             </button>
@@ -151,7 +151,7 @@ export function AudioRecorder({ source, setSource }: AudioRecorderProps) {
         {canTrashAudio ? (
           <button
             onClick={deleteAudio}
-            className="serlo-button border-editor-primary-400 ml-4 ml-auto flex items-center rounded border bg-red-200 p-4 transition"
+            className="serlo-button ml-4 ml-auto flex items-center rounded border border-editor-primary-400 bg-red-200 p-4 transition"
           >
             <FaIcon
               icon={faTrash}