l-min-components 1.0.601 → 1.0.607

package/src/components/AdminRolesPermission/create/data.js

@@ -0,0 +1,304 @@
+import avatar from "../assets/images/avatar.png";
+
+export const permissionsData = [
+  {
+    title: "Skill Test",
+  },
+  {
+    title: "Lesson",
+  },
+  {
+    title: "Manage Content",
+  },
+  {
+    title: "Flagged Content",
+  },
+  {
+    title: "Jet Fuel",
+  },
+  {
+    title: "Settings",
+  },
+];
+
+export const roleList = [
+  {
+    name: "Statistics",
+    level: 3,
+  },
+  {
+    name: "CMS",
+    level: 3,
+  },
+  {
+    name: "Support",
+    level: 3,
+  },
+  {
+    name: "Admin",
+    level: 3,
+  },
+  {
+    name: "Statistics",
+    level: 3,
+  },
+  {
+    name: "Statistics",
+    level: 3,
+  },
+  {
+    name: "Statistics",
+    level: 3,
+  },
+];
+
+export const adminList = [
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Unassigned",
+    image: avatar,
+    selection: false,
+  },
+];
+
+export const adminPanelList = [
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+  {
+    name: "Acme Co.",
+    status: "Support",
+    image: avatar,
+    selection: false,
+  },
+];
+
+export const categoryList = [
+  {
+    selection: false,
+    name: "Manager",
+    permissions: "120",
+  },
+  {
+    selection: false,
+    name: "Marketer",
+    permissions: "35",
+  },
+  {
+    selection: false,
+    name: "Customer Care",
+    permissions: "57",
+  },
+  {
+    selection: false,
+    name: "Support",
+    permissions: "49",
+  },
+  {
+    selection: false,
+    name: "Accountant",
+    permissions: "51",
+  },
+  {
+    selection: false,
+    name: "CFO",
+    permissions: "76",
+  },
+  {
+    selection: false,
+    name: "Admin",
+    permissions: "102",
+  },
+];
+
+export const assigneeList = [
+  {
+    name: "Saul Hayes",
+    email: "saulhayes@learngual.com",
+    image: avatar,
+    date: "November 3 2023 | 10:00am",
+  },
+  {
+    name: "Saul Hayes",
+    email: "saulhayes@learngual.com",
+    image: avatar,
+    date: "November 3 2023 | 10:00am",
+  },
+  {
+    name: "Saul Hayes",
+    email: "saulhayes@learngual.com",
+    image: avatar,
+    date: "November 3 2023 | 10:00am",
+  },
+  {
+    name: "Saul Hayes",
+    email: "saulhayes@learngual.com",
+    image: avatar,
+    date: "November 3 2023 | 10:00am",
+  },
+  {
+    name: "Saul Hayes",
+    email: "saulhayes@learngual.com",
+    image: avatar,
+    date: "November 3 2023 | 10:00am",
+  },
+  {
+    name: "Saul Hayes",
+    email: "saulhayes@learngual.com",
+    image: avatar,
+    date: "November 3 2023 | 10:00am",
+  },
+  {
+    name: "Saul Hayes",
+    email: "saulhayes@learngual.com",
+    image: avatar,
+    date: "November 3 2023 | 10:00am",
+  },
+  {
+    name: "Saul Hayes",
+    email: "saulhayes@learngual.com",
+    image: avatar,
+    date: "November 3 2023 | 10:00am",
+  },
+  {
+    name: "Saul Hayes",
+    email: "saulhayes@learngual.com",
+    image: avatar,
+    date: "November 3 2023 | 10:00am",
+  },
+  {
+    name: "Saul Hayes",
+    email: "saulhayes@learngual.com",
+    image: avatar,
+    date: "November 3 2023 | 10:00am",
+  },
+];

package/src/components/AdminRolesPermission/create/index.jsx

@@ -0,0 +1,42 @@
+import React, { useState } from "react";
+import { AdminRolesCreateContainer } from "./index.styled";
+import { BackArrowIcon } from "../assets/svg/backArrow";
+import RoleName from "./role-name";
+import Permissions from "./permissions";
+import Admins from "./admins";
+
+const AdminRolesCreate = () => {
+  const [type, setType] = useState("permissions");
+
+  return (
+    <AdminRolesCreateContainer>
+      <div className="arp_header">
+        <p className="arp_title">
+          <span onClick={() => navigate(-1)}>
+            <BackArrowIcon />
+          </span>
+          Create New Role{" "}
+        </p>
+        <p className="arp_ref">
+          Settings <span className="slash">/</span> Roles&permissions{" "}
+          <span className="slash">/</span> <span>Create New</span>
+        </p>
+      </div>
+
+      <div className="arp_create_row">
+        <div className="arp_detail_one">
+          <RoleName />
+        </div>
+
+        <div className="hr_line"></div>
+
+        <div className="arp_role_list">
+          {type === "permissions" && <Admins />}
+          {type === "permissions" && <Permissions />}
+        </div>
+      </div>
+    </AdminRolesCreateContainer>
+  );
+};
+
+export default AdminRolesCreate;