Merge pull request #1861 from ever-co/feat/add-kanban-board

Feat/add kanban board

.cspell.json

@@ -15,6 +15,7 @@
 		"Chatwoot",
 		"cloc",
 		"cloudinary",
+		"clsx",
 		"clsxm",
 		"commitlint",
 		"compodoc",
@@ -30,21 +31,31 @@
 		"heroicons",
 		"Huhn",
 		"icnsutils",
+		"isdragging",
+		"isdraggingfrom",
+		"isdropdisabled",
 		"JITSU",
 		"kanban",
 		"libappindicator",
+		"lucide",
 		"mathieudutour",
 		"ncipollo",
+		"nextjs",
 		"passcode",
 		"plasmo",
 		"precommit",
 		"RECAPTCHA",
 		"setuptools",
+		"setwin",
 		"snyk",
 		"stylelint",
 		"svgs",
+		"Tailess",
+		"tailess",
 		"tailwindcss",
+		"testid",
 		"Timesheet",
+		"tanstack",
 		"vcpu",
 		"Vercel",
 		"HUBSTAFF",

apps/web/components/ui/svgs/add.tsx

@@ -0,0 +1,7 @@
+export default function AddIcon(){
+    return (
+        <>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M19 12.998h-6v6h-2v-6H5v-2h6v-6h2v6h6z"/></svg>
+        </>
+    )
+}

apps/web/components/ui/svgs/bug.tsx

@@ -0,0 +1,15 @@
+export default function BugIcon({
+    width=12,
+    height=12,
+    fill="white"
+}:{
+    width?: number,
+    height?: number,
+    fill?: string
+}){
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 12 12" fill="none">
+            <path d="M6 10.5C5.45833 10.5 4.95633 10.3667 4.494 10.1C4.03133 9.83333 3.66667 9.46667 3.4 9H2V8H3.05C3.025 7.83333 3.0105 7.66667 3.0065 7.5C3.00217 7.33333 3 7.16667 3 7H2V6H3C3 5.83333 3.00217 5.66667 3.0065 5.5C3.0105 5.33333 3.025 5.16667 3.05 5H2V4H3.4C3.51667 3.80833 3.648 3.62917 3.794 3.4625C3.93967 3.29583 4.10833 3.15 4.3 3.025L3.5 2.2L4.2 1.5L5.275 2.575C5.50833 2.5 5.74583 2.4625 5.9875 2.4625C6.22917 2.4625 6.46667 2.5 6.7 2.575L7.8 1.5L8.5 2.2L7.675 3.025C7.86667 3.15 8.03967 3.29367 8.194 3.456C8.348 3.61867 8.48333 3.8 8.6 4H10V5H8.95C8.975 5.16667 8.98967 5.33333 8.994 5.5C8.998 5.66667 9 5.83333 9 6H10V7H9C9 7.16667 8.998 7.33333 8.994 7.5C8.98967 7.66667 8.975 7.83333 8.95 8H10V9H8.6C8.33333 9.46667 7.96883 9.83333 7.5065 10.1C7.04383 10.3667 6.54167 10.5 6 10.5ZM6 9.5C6.55 9.5 7.02083 9.30417 7.4125 8.9125C7.80417 8.52083 8 8.05 8 7.5V5.5C8 4.95 7.80417 4.47917 7.4125 4.0875C7.02083 3.69583 6.55 3.5 6 3.5C5.45 3.5 4.97917 3.69583 4.5875 4.0875C4.19583 4.47917 4 4.95 4 5.5V7.5C4 8.05 4.19583 8.52083 4.5875 8.9125C4.97917 9.30417 5.45 9.5 6 9.5ZM5 8H7V7H5V8ZM5 6H7V5H5V6Z" fill={fill}/>
+        </svg>
+    )
+}

apps/web/components/ui/svgs/left-arrow-tailess.tsx

@@ -0,0 +1,7 @@
+export default function LeftArrowTailessIcon() {
+    return (
+        <>
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="none" stroke="white" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="m14 7l-5 5m0 0l5 5"/></svg>
+        </>
+    )
+}

apps/web/components/ui/svgs/three-dot.tsx

@@ -0,0 +1,15 @@
+export default function ThreeDotIcon({
+    width=20,
+    height=20,
+    color="white"
+}: {
+    width?: number,
+    height?: number,
+    color?: string
+}) {
+    return (
+        <>
+            <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 256 256"><path fill={color} d="M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32Zm0 40a8 8 0 1 1 8-8a8 8 0 0 1-8 8Zm80-40a32 32 0 1 0 32 32a32 32 0 0 0-32-32Zm0 40a8 8 0 1 1 8-8a8 8 0 0 1-8 8ZM48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32Zm0 40a8 8 0 1 1 8-8a8 8 0 0 1-8 8Z"/></svg>
+        </>
+    )
+}

apps/web/components/ui/svgs/vertical-three-dot.tsx

@@ -0,0 +1,11 @@
+export default function VerticalThreeDot(){
+    return (
+        <>
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                <path d="M8.33398 15.8333C8.33398 16.75 9.08398 17.5 10.0007 17.5C10.9173 17.5 11.6673 16.75 11.6673 15.8333C11.6673 14.9167 10.9173 14.1667 10.0007 14.1667C9.08398 14.1667 8.33398 14.9167 8.33398 15.8333Z" stroke="#B1AEBC" strokeWidth="1.5"/>
+                <path d="M8.33398 4.16683C8.33398 5.0835 9.08398 5.8335 10.0007 5.8335C10.9173 5.8335 11.6673 5.0835 11.6673 4.16683C11.6673 3.25016 10.9173 2.50016 10.0007 2.50016C9.08398 2.50016 8.33398 3.25016 8.33398 4.16683Z" stroke="#B1AEBC" strokeWidth="1.5"/>
+                <path d="M8.33398 9.99984C8.33398 10.9165 9.08398 11.6665 10.0007 11.6665C10.9173 11.6665 11.6673 10.9165 11.6673 9.99984C11.6673 9.08317 10.9173 8.33317 10.0007 8.33317C9.08398 8.33317 8.33398 9.08317 8.33398 9.99984Z" stroke="#B1AEBC" strokeWidth="1.5"/>
+            </svg>
+        </>
+    )
+}