From 3b256f1be30f64e100d4cb4d977ef3997e95f946 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sun, 21 Jun 2026 01:42:55 +0700
Subject: [PATCH] refactor: remove role management components and streamline
 role handling by reorganizing file structure for improved code clarity

---
 resources/js/pages/admin/system/roles/Create.vue          | 2 +-
 resources/js/pages/admin/system/roles/Edit.vue            | 2 +-
 resources/js/pages/admin/system/roles/Index.vue           | 8 +++++---
 .../roles => pages/admin/system/roles/form}/RoleForm.vue  | 0
 .../roles => pages/admin/system/roles/table}/columns.ts   | 2 +-
 .../admin/system/roles/table}/data-table-actions.vue      | 0
 6 files changed, 8 insertions(+), 6 deletions(-)
 rename resources/js/{components/admin/system/roles => pages/admin/system/roles/form}/RoleForm.vue (100%)
 rename resources/js/{components/admin/system/roles => pages/admin/system/roles/table}/columns.ts (95%)
 rename resources/js/{components/admin/system/roles => pages/admin/system/roles/table}/data-table-actions.vue (100%)

diff --git a/resources/js/pages/admin/system/roles/Create.vue b/resources/js/pages/admin/system/roles/Create.vue
index 58c880c..f0186aa 100644
--- a/resources/js/pages/admin/system/roles/Create.vue
+++ b/resources/js/pages/admin/system/roles/Create.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Head, Link } from '@inertiajs/vue3';
 import { ArrowLeft } from '@lucide/vue';
-import RoleForm from '@/components/admin/system/roles/RoleForm.vue';
+import RoleForm from './form/RoleForm.vue';
 import { Button } from '@/components/ui/button';
 import AdminLayout from '@/layouts/AdminLayout.vue';
 
diff --git a/resources/js/pages/admin/system/roles/Edit.vue b/resources/js/pages/admin/system/roles/Edit.vue
index f94b60f..dd482e4 100644
--- a/resources/js/pages/admin/system/roles/Edit.vue
+++ b/resources/js/pages/admin/system/roles/Edit.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Head, Link } from '@inertiajs/vue3';
 import { ArrowLeft } from '@lucide/vue';
-import RoleForm from '@/components/admin/system/roles/RoleForm.vue';
+import RoleForm from './form/RoleForm.vue';
 import { Button } from '@/components/ui/button';
 import AdminLayout from '@/layouts/AdminLayout.vue';
 
diff --git a/resources/js/pages/admin/system/roles/Index.vue b/resources/js/pages/admin/system/roles/Index.vue
index 218495f..a3b56b6 100644
--- a/resources/js/pages/admin/system/roles/Index.vue
+++ b/resources/js/pages/admin/system/roles/Index.vue
@@ -2,15 +2,17 @@
 import { Head, Link } from '@inertiajs/vue3';
 import { Plus } from '@lucide/vue';
 import { computed, ref, watch } from 'vue';
-import { createColumns } from '@/components/admin/system/roles/columns';
+import { createColumns, type RoleListItem } from './table/columns';
 import { DataTable } from '@/components/data-table';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { useCan } from '@/composables/useCan';
-import { useDataTableQuery, useDataTableQuerySync } from '@/composables/useDataTableQuery';
+import {
+    useDataTableQuery,
+    useDataTableQuerySync,
+} from '@/composables/useDataTableQuery';
 import AdminLayout from '@/layouts/AdminLayout.vue';
 import type { DataTableSort } from '@/types/data-table';
-import type { RoleListItem } from '@/components/admin/system/roles/columns';
 
 interface PaginatedRoles {
     current_page: number;
diff --git a/resources/js/components/admin/system/roles/RoleForm.vue b/resources/js/pages/admin/system/roles/form/RoleForm.vue
similarity index 100%
rename from resources/js/components/admin/system/roles/RoleForm.vue
rename to resources/js/pages/admin/system/roles/form/RoleForm.vue
diff --git a/resources/js/components/admin/system/roles/columns.ts b/resources/js/pages/admin/system/roles/table/columns.ts
similarity index 95%
rename from resources/js/components/admin/system/roles/columns.ts
rename to resources/js/pages/admin/system/roles/table/columns.ts
index 77f28ec..50519dd 100644
--- a/resources/js/components/admin/system/roles/columns.ts
+++ b/resources/js/pages/admin/system/roles/table/columns.ts
@@ -1,7 +1,7 @@
-import DataTableActions from '@/components/admin/system/roles/data-table-actions.vue';
 import { DataTableColumnHeader } from '@/components/data-table';
 import type { ColumnDef } from '@tanstack/vue-table';
 import { h } from 'vue';
+import DataTableActions from './data-table-actions.vue';
 
 export interface RoleListItem {
     id: number;
diff --git a/resources/js/components/admin/system/roles/data-table-actions.vue b/resources/js/pages/admin/system/roles/table/data-table-actions.vue
similarity index 100%
rename from resources/js/components/admin/system/roles/data-table-actions.vue
rename to resources/js/pages/admin/system/roles/table/data-table-actions.vue