@@ -118,7 +137,7 @@ const goToPage = (page: number): void => {
>
+
{{ pagination.current_page }}/{{ pagination.last_page }}
@@ -97,7 +101,7 @@ const emit = defineEmits<{
id="group"
v-model="form.group"
required
- class="border-input bg-background placeholder:text-muted-foreground focus-visible:ring-ring h-9 w-full rounded-md border px-3 py-1 text-sm shadow-xs outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50"
+ class="h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-xs outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
:aria-invalid="!!form.errors.group"
>
diff --git a/resources/js/components/UserMenuContent.vue b/resources/js/components/UserMenuContent.vue
index b6fd8be..cfbc4e6 100644
--- a/resources/js/components/UserMenuContent.vue
+++ b/resources/js/components/UserMenuContent.vue
@@ -8,9 +8,9 @@ import {
DropdownMenuSeparator,
} from '@/components/ui/dropdown-menu';
import UserInfo from '@/components/UserInfo.vue';
-import type { User } from '@/types';
import { logout } from '@/routes';
import { edit } from '@/routes/profile';
+import type { User } from '@/types';
type Props = {
user: User;
diff --git a/resources/js/components/WorkspaceForm.vue b/resources/js/components/WorkspaceForm.vue
index d031570..f15eee5 100644
--- a/resources/js/components/WorkspaceForm.vue
+++ b/resources/js/components/WorkspaceForm.vue
@@ -34,7 +34,7 @@ const emit = defineEmits<{
submit: [];
}>();
-const defaultRole = 'member';
+const defaultRole = 'worker';
function onUserToggle(userId: number, checked: boolean) {
if (checked) {
@@ -43,9 +43,14 @@ function onUserToggle(userId: number, checked: boolean) {
props.form.user_ids = [...ids, userId];
}
const roles = props.form.user_roles ?? {};
- props.form.user_roles = { ...roles, [userId]: roles[userId] ?? defaultRole };
+ props.form.user_roles = {
+ ...roles,
+ [userId]: roles[userId] ?? defaultRole,
+ };
} else {
- props.form.user_ids = (props.form.user_ids ?? []).filter((id) => id !== userId);
+ props.form.user_ids = (props.form.user_ids ?? []).filter(
+ (id) => id !== userId,
+ );
const roles = { ...(props.form.user_roles ?? {}) };
delete roles[userId];
props.form.user_roles = roles;
@@ -113,10 +118,15 @@ function getUserRole(userId: number): string {
type="checkbox"
:value="user.id"
:checked="isUserSelected(user.id)"
- class="border-input size-4 shrink-0 rounded-[4px] border focus-visible:ring-2 focus-visible:ring-ring"
- @change="onUserToggle(user.id, ($event.target as HTMLInputElement).checked)"
+ class="size-4 shrink-0 rounded-[4px] border border-input focus-visible:ring-2 focus-visible:ring-ring"
+ @change="
+ onUserToggle(
+ user.id,
+ ($event.target as HTMLInputElement).checked,
+ )
+ "
/>
-
+
{{ user.name }}
{{
user.email
@@ -125,7 +135,7 @@ function getUserRole(userId: number): string {