Просмотр исходного кода

feat(desktop): better indicator that session is busy

Adam 1 месяц назад
Родитель
Сommit
650bd76370
1 измененных файлов с 6 добавлено и 1 удалено
  1. 6 1
      packages/app/src/pages/layout.tsx

+ 6 - 1
packages/app/src/pages/layout.tsx

@@ -472,7 +472,12 @@ export default function Layout(props: ParentProps) {
               class="flex flex-col min-w-0 text-left w-full focus:outline-none"
               class="flex flex-col min-w-0 text-left w-full focus:outline-none"
             >
             >
               <div class="flex items-center self-stretch gap-6 justify-between transition-[padding] group-hover/session:pr-7 group-focus-within/session:pr-7 group-active/session:pr-7">
               <div class="flex items-center self-stretch gap-6 justify-between transition-[padding] group-hover/session:pr-7 group-focus-within/session:pr-7 group-active/session:pr-7">
-                <span class="text-14-regular text-text-strong overflow-hidden text-ellipsis truncate">
+                <span
+                  classList={{
+                    "text-14-regular text-text-strong overflow-hidden text-ellipsis truncate": true,
+                    "animate-pulse": isWorking(),
+                  }}
+                >
                   {props.session.title}
                   {props.session.title}
                 </span>
                 </span>
                 <div class="shrink-0 group-hover/session:hidden group-active/session:hidden group-focus-within/session:hidden">
                 <div class="shrink-0 group-hover/session:hidden group-active/session:hidden group-focus-within/session:hidden">