initial commit

src/app/[lang]/(dashboard)/(private)/apps/roles/page.tsx

@@ -0,0 +1,32 @@
+// Component Imports
+import Roles from '@views/apps/roles'
+
+// Data Imports
+import { getUserData } from '@/app/server/actions'
+
+/**
+ * ! If you need data using an API call, uncomment the below API code, update the `process.env.API_URL` variable in the
+ * ! `.env` file found at root of your project and also update the API endpoints like `/apps/user-list` in below example.
+ * ! Also, remove the above server action import and the action itself from the `src/app/server/actions.ts` file to clean up unused code
+ * ! because we've used the server action for getting our static data.
+ */
+
+/* const getUserData = async () => {
+  // Vars
+  const res = await fetch(`${process.env.API_URL}/apps/user-list`)
+
+  if (!res.ok) {
+    throw new Error('Failed to fetch userData')
+  }
+
+  return res.json()
+} */
+
+const RolesApp = async () => {
+  // Vars
+  const data = await getUserData()
+
+  return <Roles userData={data} />
+}
+
+export default RolesApp