22 lines
884 B
PHP
22 lines
884 B
PHP
@props(['folder', 'level' => 0])
|
|
|
|
<li class="pl-{{ $level * 4 }} group">
|
|
<div class="flex items-center justify-between p-2 hover:bg-gray-50 rounded-lg cursor-pointer"
|
|
wire:click="$emit('folderSelected', {{ $folder->id }})">
|
|
<div class="flex items-center">
|
|
<x-icons icon="folder" class="w-5 h-5 mr-2 text-yellow-500" />
|
|
<span class="text-sm">{{ $folder->name }}</span>
|
|
</div>
|
|
@if($folder->children->isNotEmpty())
|
|
<x-icons icon="chevron-right" class="w-4 h-4 text-gray-400 transform group-hover:rotate-90 transition-transform" />
|
|
@endif
|
|
</div>
|
|
|
|
@if($folder->children->isNotEmpty())
|
|
<ul class="mt-1 space-y-1">
|
|
@foreach($folder->children as $child)
|
|
<x-folder-item :folder="$child" :level="$level + 1" />
|
|
@endforeach
|
|
</ul>
|
|
@endif
|
|
</li> |