block editor

front/js/svelte/records/block/Block.svelte

@@ -4,32 +4,35 @@
     import BlockElements from "./BlockElements.svelte";
     import {flip} from "svelte/animate";
     import {quintOut} from 'svelte/easing';
-
+    import {getContext} from "svelte";
+    const channel = getContext("channel");
     export let record;
     export let field;
     export let value = [];
-    export let schemas;
     export let graph;
-
+    let blockSchema = channel.schemas.find((s) => s.name === field.schema);
 
 </script>
 
-<div class="inline-card-wrapper">
-    <BlockButtons
-        bind:blockData={value}
-    />
-</div>
-{#each value as blockItemData (blockItemData.id)}
-    <div class="block-field-wrapper" animate:flip="{{delay: 250, duration: 250, easing: quintOut}}">
-        <BlockElements
-            bind:block={blockItemData}
-            {record}
-            {field}
-            {schemas}
-            bind:graph
-        />
+
+<div class=" bg-light lx-card">
+    <div class="inline-card-wrapper">
         <BlockButtons
-            bind:blockData={value}
+                bind:blockData={value}
+                {blockSchema}
         />
     </div>
-{/each}
+    {#each value as blockItemData (blockItemData.id)}
+        <div class="block-field-wrapper" animate:flip="{{delay: 250, duration: 250, easing: quintOut}}">
+            <BlockElements
+                    bind:block={blockItemData}
+                    bind:blockData={value}
+                    {record}
+                    {field}
+                    bind:graph
+            />
+
+        </div>
+    {/each}
+
+</div>