- Organization Settings
+
+
+
+ {H1Label}
+
+
+ {H2Label}{' '}
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
deleted file mode 100644
index ea12976d..00000000
--- a/apps/web/app/page.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-'use client'
-import { motion } from 'framer-motion'
-import styled from 'styled-components'
-import learnhouseBigIcon from 'public/learnhouse_bigicon.png'
-import Image from 'next/legacy/image'
-import Link from 'next/link'
-
-export default function Home() {
- return (
-
-
-
-
-
-
-
-
-
-
-
- See Organizations
-
-
-
-
- Login
-
-
-
-
- )
-}
-
-const OrgsButton = styled.button`
- background: #151515;
- border: 1px solid #e5e5e50a;
- box-sizing: border-box;
- border-radius: 4px;
- padding: 10px 20px;
- color: white;
- font-size: 16px;
- line-height: 24px;
- margin: 0 10px;
- margin: auto;
- cursor: pointer;
- font-family: 'DM Sans';
- font-weight: 500;
- border-radius: 12px;
- -webkit-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- &:hover {
- background: #191919;
- }
-`
-
-const HomePage = styled.div`
- display: flex;
- flex-direction: column;
- background: linear-gradient(131.61deg, #202020 7.15%, #000000 90.96%);
- justify-content: center;
- align-items: center;
- height: 100vh;
- width: 100vw;
- min-height: 100vh;
- text-align: center;
- img {
- width: 60px;
- }
-`
diff --git a/apps/web/components.json b/apps/web/components.json
new file mode 100644
index 00000000..7a2c084c
--- /dev/null
+++ b/apps/web/components.json
@@ -0,0 +1,20 @@
+{
+ "$schema": "https://ui.shadcn.com/schema.json",
+ "style": "new-york",
+ "rsc": true,
+ "tsx": true,
+ "tailwind": {
+ "config": "tailwind.config.js",
+ "css": "styles/globals.css",
+ "baseColor": "neutral",
+ "cssVariables": true,
+ "prefix": ""
+ },
+ "aliases": {
+ "components": "@/components",
+ "utils": "@/lib/utils",
+ "ui": "@/components/ui",
+ "lib": "@/lib",
+ "hooks": "@/hooks"
+ }
+}
\ No newline at end of file
diff --git a/apps/web/components/Dashboard/Org/OrgEditGeneral/OrgEditGeneral.tsx b/apps/web/components/Dashboard/Org/OrgEditGeneral/OrgEditGeneral.tsx
index 118eec41..ef26f827 100644
--- a/apps/web/components/Dashboard/Org/OrgEditGeneral/OrgEditGeneral.tsx
+++ b/apps/web/components/Dashboard/Org/OrgEditGeneral/OrgEditGeneral.tsx
@@ -4,12 +4,16 @@ import { Field, Form, Formik } from 'formik'
import {
updateOrganization,
uploadOrganizationLogo,
+ uploadOrganizationThumbnail,
} from '@services/settings/org'
-import { UploadCloud } from 'lucide-react'
+import { UploadCloud, Info, Check, FileWarning } from 'lucide-react'
import { revalidateTags } from '@services/utils/ts/requests'
import { useRouter } from 'next/navigation'
import { useOrg } from '@components/Contexts/OrgContext'
import { useLHSession } from '@components/Contexts/LHSessionContext'
+import { getOrgLogoMediaDirectory, getOrgThumbnailMediaDirectory } from '@services/media/media'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import { Toaster, toast } from 'react-hot-toast';
interface OrganizationValues {
name: string
@@ -17,32 +21,54 @@ interface OrganizationValues {
slug: string
logo: string
email: string
+ thumbnail: string
}
-function OrgEditGeneral(props: any) {
- const [selectedFile, setSelectedFile] = useState
(null)
- const router = useRouter();
- const session = useLHSession() as any;
- const access_token = session?.data?.tokens?.access_token;
+function OrgEditGeneral() {
+ const router = useRouter()
+ const session = useLHSession() as any
+ const access_token = session?.data?.tokens?.access_token
const org = useOrg() as any
- // ...
+ const [selectedTab, setSelectedTab] = useState<'logo' | 'thumbnail'>('logo');
+ const [localLogo, setLocalLogo] = useState(null);
+ const [localThumbnail, setLocalThumbnail] = useState(null);
- const handleFileChange = (event: React.ChangeEvent) => {
+ const handleFileChange = async (event: React.ChangeEvent) => {
if (event.target.files && event.target.files.length > 0) {
const file = event.target.files[0]
- setSelectedFile(file)
+ setLocalLogo(URL.createObjectURL(file))
+ const loadingToast = toast.loading('Uploading logo...');
+ try {
+ await uploadOrganizationLogo(org.id, file, access_token)
+ await new Promise((r) => setTimeout(r, 1500))
+ toast.success('Logo Updated', { id: loadingToast });
+ router.refresh()
+ } catch (err) {
+ toast.error('Failed to upload logo', { id: loadingToast });
+ }
}
}
- const uploadLogo = async () => {
- if (selectedFile) {
- let org_id = org.id
- await uploadOrganizationLogo(org_id, selectedFile, access_token)
- setSelectedFile(null) // Reset the selected file
- await revalidateTags(['organizations'], org.slug)
- router.refresh()
+ const handleThumbnailChange = async (event: React.ChangeEvent) => {
+ if (event.target.files && event.target.files.length > 0) {
+ const file = event.target.files[0];
+ setLocalThumbnail(URL.createObjectURL(file));
+ const loadingToast = toast.loading('Uploading thumbnail...');
+ try {
+ await uploadOrganizationThumbnail(org.id, file, access_token);
+ await new Promise((r) => setTimeout(r, 1500));
+ toast.success('Thumbnail Updated', { id: loadingToast });
+ router.refresh()
+ } catch (err) {
+ toast.error('Failed to upload thumbnail', { id: loadingToast });
+ }
}
- }
+ };
+
+ const handleImageButtonClick = (inputId: string) => (event: React.MouseEvent) => {
+ event.preventDefault(); // Prevent form submission
+ document.getElementById(inputId)?.click();
+ };
let orgValues: OrganizationValues = {
name: org?.name,
@@ -50,21 +76,25 @@ function OrgEditGeneral(props: any) {
slug: org?.slug,
logo: org?.logo,
email: org?.email,
+ thumbnail: org?.thumbnail,
}
const updateOrg = async (values: OrganizationValues) => {
- let org_id = org.id
- await updateOrganization(org_id, values, access_token)
-
- // Mutate the org
- await revalidateTags(['organizations'], org.slug)
- router.refresh()
+ const loadingToast = toast.loading('Updating organization...');
+ try {
+ await updateOrganization(org.id, values, access_token)
+ await revalidateTags(['organizations'], org.slug)
+ toast.success('Organization Updated', { id: loadingToast });
+ } catch (err) {
+ toast.error('Failed to update organization', { id: loadingToast });
+ }
}
- useEffect(() => { }, [org])
+ useEffect(() => {}, [org])
return (
+
{({ isSubmitting }) => (