Merge pull request #19 from MEITREX/dockproc-fix

Dockproc fix

Author: myluki2000

app/courses/[courseId]/media/[mediaId]/VideoSide.tsx

@@ -332,20 +332,16 @@ function Segment({
               {linkedRecords.length > 0 && (
                 <div>
                   {linkedRecords.map((x) => (
-                    <div key={x.id}>
-                      {linkedRecords.map((x) => (
-                        <div
-                          className="text-xs font-medium text-emerald-900/80 hover:text-emerald-900 rounded-sm mb-1 transition-all cursor-pointer text-end"
-                          key={x.id}
-                          onClick={(e) => {
-                            dispatch({ type: "openPage", page: x.page });
-                            e.stopPropagation();
-                          }}
-                        >
-                          Page {(x.page ?? 0) + 1}{" "}
-                          <DescriptionOutlined className="h-4 inline mb-0.5" />
-                        </div>
-                      ))}
+                    <div
+                      className="text-xs font-medium text-emerald-900/80 hover:text-emerald-900 rounded-sm mb-1 transition-all cursor-pointer text-end"
+                      key={x.id}
+                      onClick={(e) => {
+                        dispatch({ type: "openPage", page: x.page });
+                        e.stopPropagation();
+                      }}
+                    >
+                      Page {(x.page ?? 0) + 1}{" "}
+                      <DescriptionOutlined className="h-4 inline mb-0.5" />
                     </div>
                   ))}
                 </div>
@@ -410,27 +406,20 @@ function CurrentSegment({
       </div>
 
       <div className="p-1 flex flex-col justify-center">
-        {linkedRecords.length > 0 && (
-          <div>
-            {linkedRecords.map((x) => (
-              <div key={x.id}>
-                {linkedRecords.map((x) => (
-                  <div
-                    className="text-xs font-medium text-emerald-900/80 hover:text-emerald-900  mb-1 rounded-sm transition-all cursor-pointer text-end"
-                    key={x.id}
-                    onClick={(e) => {
-                      dispatch({ type: "openPage", page: x.page });
-                      e.stopPropagation();
-                    }}
-                  >
-                    Page {(x.page ?? 0) + 1}{" "}
-                    <DescriptionOutlined className="h-4 inline mb-0.5" />
-                  </div>
-                ))}
-              </div>
-            ))}
-          </div>
-        )}
+        {linkedRecords.length > 0 &&
+          linkedRecords.map((x) => (
+            <div
+              className="text-xs font-medium text-emerald-900/80 hover:text-emerald-900  mb-1 rounded-sm transition-all cursor-pointer text-end"
+              key={x.id}
+              onClick={(e) => {
+                dispatch({ type: "openPage", page: x.page });
+                e.stopPropagation();
+              }}
+            >
+              Page {(x.page ?? 0) + 1}{" "}
+              <DescriptionOutlined className="h-4 inline mb-0.5" />
+            </div>
+          ))}
 
         <div
           className="text-xs font-medium text-emerald-900/80 hover:text-emerald-900 rounded-sm transition-all cursor-pointer text-end"

components/ContentMetadataFormSection.tsx

@@ -127,7 +127,7 @@ export function ContentMetadataFormSection({
         <>
           <div className="text-[10px] -mb-1 text-gray-600">Suggested Tags</div>
           <div className="flex gap-2 flex-wrap">
-            {suggestedTagsF.map((tag) => (
+            {suggestedTagsF.slice(0, 10).map((tag) => (
               <Chip
                 onClick={() => setTags([...tags, tag])}
                 key={tag}

components/content-link/ContentLink.tsx

@@ -246,11 +246,13 @@ export function ContentLink({
           <div>
             <div className="w-full border-b mb-2">Summary</div>
             {content.mediaRecords
-              .filter((x) => true)
+              .filter((x) => x.summary.length > 0)
               .map((rec) => (
                 <div key={rec.id}>
                   <div className="italic">{rec.name}</div>
-                  <div className="mb-1" style={{whiteSpace: "pre"}}>{rec.summary || "No summary"}</div>
+                  <div className="mb-1" style={{ whiteSpace: "pre" }}>
+                    {rec.summary || "No summary"}
+                  </div>
                 </div>
               ))}