Added icon from main app.

Signed-off-by: Simon Mellberg <[email protected]>

Author: Simon Mellberg

plugins/caspar/app/components/LibraryListFolder/index.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react"
 
-import { Icon } from '../../../../inspector/app/components/Icon'
+import { Icon } from '../../../../../app/components/Icon'
 
 import "./style.css"
 
@@ -11,7 +11,7 @@ const LibraryListFolderName = ({ isOpen, name, handleClick }) => {
       onClick={handleClick}
     >
       <div className='LibraryListFolder-nameIcon'>
-        <Icon name='arrow-down' />
+        <Icon name='arrowRight' />
       </div>
       <div className="LibraryListFolder-nameText">
         {name}

plugins/caspar/app/components/LibraryListFolder/style.css

@@ -32,13 +32,13 @@
 .LibraryListFolder-nameIcon {
   margin-right: .1em;
   display: flex;
-  transform: rotate(-90deg);
+  transform: rotate(0deg);
   justify-items: center;
   scale: 80%;
 }
 
 .LibraryListFolder-name.is-open .LibraryListFolder-nameIcon {
-  transform: rotate(0deg);
+  transform: rotate(90deg);
 }
 
 .LibraryListFolder-nameText {

plugins/caspar/app/utils/library.cjs

@@ -68,7 +68,7 @@ function buildFolderTree (paths) {
       const pwd = parts.slice(0, index + 1).join('/') // Join parts to get the path
 
       let existing = currentLevel.find((item) => item.name === part) // Check if folder exists on current level
-
+      
       // If the folder exists, go into it
       if (existing) {
         if (!isFile) {

plugins/caspar/app/utils/library.unit.test.js

@@ -3,7 +3,8 @@ const { buildFolderTree, getFileName } = require('./library.cjs')
 test('multiple folders with same name', () => {
   const input = [
     { name: 'folder1/file1' },
-    { name: 'folder1/file2' }
+    { name: 'folder1/file2' },
+    { name: 'folder2/folder1/file3'}
   ]
 
   const expected = [
@@ -23,6 +24,25 @@ test('multiple folders with same name', () => {
           id: expect.any(String)
         }
       ]
+    },
+    {
+      file: false,
+      name: 'folder2',
+      id: expect.any(String),
+      files: [
+        {
+          file: false,
+          name: 'folder1',
+          id: expect.any(String),
+          files: [
+            {
+              file: true,
+              name: 'folder2/folder1/file3',
+              id: expect.any(String)
+            }
+          ]
+        }
+      ]
     }
   ]