Initial commit

site/components/Workspace.js

@@ -0,0 +1,30 @@
+import { useRouter } from 'next/router'
+
+function Workspace({ Component, pageProps, workspace }) {
+    const router = useRouter()
+
+    const viewexample = (workspace) => {
+        router.push({
+            pathname: '/new/[workspace]',
+            query: { workspace: btoa(workspace.friendly_name)}
+        })
+    }
+    
+    return (
+        <div onClick={() => viewexample(workspace)} className="w-[245px] h-[88px] transition-all relative cursor-pointer group flex p-2 items-center justify-center bg-slate-100/90 shadow rounded hover:shadow-xl hover:bg-gradient-to-r hover:from-[#162d48] hover:to-[#2980b9] hover:text-white">
+            <div className="w-full h-full">
+                <div className="show-grid flex h-full items-center">
+                    <div className="kasmcard-img flex h-full mx-4 items-center justify-center">
+                        <img className="w-[50px] max-h-[66px]" src={ 'icons/' + workspace.image_src} />
+                    </div>
+                    <div className="kasmcard-detail settingPad">
+                        <h5 className="text-base">{ workspace.friendly_name }</h5>
+                        <p className="text-xs opacity-50">{ workspace.categories && workspace.categories[0] || 'Unknown' }</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default Workspace