diff --git a/src/module/division/lib/file_icon.ts b/src/module/division/lib/file_icon.ts
new file mode 100644
index 0000000..9c4252b
--- /dev/null
+++ b/src/module/division/lib/file_icon.ts
@@ -0,0 +1,71 @@
+export const PDF = `
+
+`;
+
+export const IMAGE = `
+
+`;
+
+export const AUDIO = `
+
+`;
+
+export const VIDEO = `
+
+`;
+
+export const TEXT = `
+
+`;
+
+export const CSV = `
+
+`;
diff --git a/src/module/division/ui/DivisionCreate.tsx b/src/module/division/ui/DivisionCreate.tsx
index 32c2dac..0fba5f9 100644
--- a/src/module/division/ui/DivisionCreate.tsx
+++ b/src/module/division/ui/DivisionCreate.tsx
@@ -21,6 +21,7 @@ export function DivisionCreate() {
const [selectedAdmin, setSelectedAdmin] = useState("")
const [selectedGroup, setSelectedGroup] = useState("")
+
return
'data:image/svg+xml;base64,' + btoa(icon)
+
+const listDocument = [
+
+ {
+ "id": "1",
+ "title": "image 1",
+ "description": "description 1",
+ "image": iconContainer(ICON.IMAGE),
+ },
+ {
+ "id": "2",
+ "title": "data pdf",
+ "description": "description 2",
+ "image": iconContainer(ICON.PDF),
+ },
+ {
+ "id": "3",
+ "title": "data pdf 3",
+ "description": "description 3",
+ "image": iconContainer(ICON.PDF),
+ },
+ {
+ "id": "4",
+ "title": "text 4",
+ "description": "description 4",
+ "image": iconContainer(ICON.TEXT),
+ },
+ {
+ "id": "5",
+ "title": "text 5",
+ "description": "description 5",
+ "image": iconContainer(ICON.TEXT),
+ }
+]
+
+const listTugasHariIni = [
+
+ {
+ "id": "1",
+ "title": "image 1",
+ "description": "description 1",
+ "image": iconContainer(ICON.IMAGE),
+ },
+ {
+ "id": "2",
+ "title": "data pdf",
+ "description": "description 2",
+ "image": iconContainer(ICON.PDF),
+ },
+ {
+ "id": "3",
+ "title": "data pdf 3",
+ "description": "description 3",
+ "image": iconContainer(ICON.PDF),
+ },
+ {
+ "id": "4",
+ "title": "text 4",
+ "description": "description 4",
+ "image": iconContainer(ICON.TEXT),
+ },
+]
+
+const diskusiTerbaru = [
+
+ {
+ "id": "1",
+ "title": "image 1",
+ "user": "description 1",
+ "date": "10-10-2022"
+ },
+ {
+ "id": "2",
+ "title": "data pdf",
+ "user": "description 2",
+ "date": "10-10-2022"
+ },
+ {
+ "id": "3",
+ "title": "data pdf 3",
+ "user": "description 3",
+ "date": "10-10-2022"
+ },
+ {
+ "id": "4",
+ "title": "text 4",
+ "user": "description 4",
+ "date": "10-10-2022"
+ },
+ {
+ "id": "5",
+ "title": "text 5",
+ "user": "description 5",
+ "date": "10-10-2022"
+ }
+]
+
export function DivisionView({ id }: { id: string }) {
return (
- division view
+
+ {listCaresoul.map((v) =>
+
+
+
+ )}
+
+
+ Features
+
+ {listFeatures.map((v) =>
+
+
+
+
+
+
+
+
+
+
+ {v.title}
+
+
+ {v.total} totall
+
+
+
+
+
+
+ )}
+
+
+
+ Tugas Hari Ini
+
+ {listTugasHariIni.map((v) =>
+
+
+
+ {v.title}
+
+
+
+ {v.description}
+
+
+
+
+
+
+ + 15
+
+
+
+
+
+
+ )}
+
+
+
+ Document Terbaru
+
+ {listDocument.map((v) =>
+
+
+
+
+
+
+
+
+ {v.title}
+
+
+
+ )}
+
+
+
+ Diskusi Terbaru
+
+ {diskusiTerbaru.map((v) =>
+
+
+
+
+ {v.title}
+
+
+
+
+ {v.user}
+
+
+
+ {v.date}
+
+
+
+
+ )}
+
+
)
-}
\ No newline at end of file
+}
diff --git a/xicon/blank.svg b/xicon/blank.svg
new file mode 100644
index 0000000..22bb4c3
--- /dev/null
+++ b/xicon/blank.svg
@@ -0,0 +1,9 @@
+
diff --git a/xicon/doc.svg b/xicon/doc.svg
new file mode 100644
index 0000000..0e9f727
--- /dev/null
+++ b/xicon/doc.svg
@@ -0,0 +1,9 @@
+
diff --git a/xicon/folder.svg b/xicon/folder.svg
new file mode 100644
index 0000000..ed38b6e
--- /dev/null
+++ b/xicon/folder.svg
@@ -0,0 +1,9 @@
+
diff --git a/xicon/image.svg b/xicon/image.svg
new file mode 100644
index 0000000..1399544
--- /dev/null
+++ b/xicon/image.svg
@@ -0,0 +1,9 @@
+
diff --git a/xicon/pdf.svg b/xicon/pdf.svg
new file mode 100644
index 0000000..90e6c34
--- /dev/null
+++ b/xicon/pdf.svg
@@ -0,0 +1,9 @@
+
diff --git a/xicon/record.svg b/xicon/record.svg
new file mode 100644
index 0000000..d08a609
--- /dev/null
+++ b/xicon/record.svg
@@ -0,0 +1,9 @@
+
diff --git a/xicon/sound.svg b/xicon/sound.svg
new file mode 100644
index 0000000..4401700
--- /dev/null
+++ b/xicon/sound.svg
@@ -0,0 +1,9 @@
+
diff --git a/xicon/video.svg b/xicon/video.svg
new file mode 100644
index 0000000..c97ada2
--- /dev/null
+++ b/xicon/video.svg
@@ -0,0 +1,9 @@
+