feat: custom logo

taskany-inc · Feb 26, 2024 · cc93506 · cc93506
1 parent cb2c38d
commit cc93506
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 19 deletions.
diff --git a/prisma/migrations/20240221092641_app_config/migration.sql b/prisma/migrations/20240221092641_app_config/migration.sql
@@ -0,0 +1,7 @@
+-- CreateTable
+CREATE TABLE "AppConfig" (
+    "id" TEXT NOT NULL,
+    "logo" TEXT,
+
+    CONSTRAINT "AppConfig_pkey" PRIMARY KEY ("id")
+);
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
@@ -404,3 +404,8 @@ model Team {
   externalTeamId String    @unique
   projects       Project[] @relation("projects")
 }
+
+model AppConfig {
+  id   String @id @default(cuid())
+  logo String?
+}
diff --git a/prisma/seed.ts b/prisma/seed.ts
@@ -138,6 +138,7 @@ const userPassword = 'taskany';
                 },
             },
         }),
+        prisma.appConfig.create({}),
         createSheep(),
         createCronJob('goalPing', '0 0 0 1 * *'),
     ]);

diff --git a/src/components/Page/Page.tsx b/src/components/Page/Page.tsx
@@ -19,6 +19,7 @@ import { PageFooter } from '../PageFooter/PageFooter';
 import { ModalContext } from '../ModalOnEvent';
 import { useGoalPreview } from '../GoalPreview/GoalPreviewProvider';
 import { OfflineBanner } from '../OfflineBanner/OfflineBanner';
+import { Config } from '../../utils/db';
 
 import s from './Page.module.css';
 
@@ -38,11 +39,12 @@ interface PageProps extends React.HTMLAttributes<HTMLDivElement> {
     ssrTime: number;
     title?: string;
     children?: React.ReactNode;
+    config?: Config;
 }
 
 const mapThemeOnId = { light: 0, dark: 1 } as const;
 
-export const Page: React.FC<PageProps> = ({ user, ssrTime, title = 'Untitled', children, ...attrs }) => {
+export const Page: React.FC<PageProps> = ({ user, ssrTime, title = 'Untitled', children, config, ...attrs }) => {
     const { setPreview } = useGoalPreview();
     const { data: userSettings = user?.settings } = trpc.user.settings.useQuery();
 
@@ -62,6 +64,7 @@ export const Page: React.FC<PageProps> = ({ user, ssrTime, title = 'Untitled', c
     return (
         <pageContext.Provider value={{ user, theme, themeId: mapThemeOnId[theme], ssrTime }}>
             <Head>
+                <link rel="icon" href={config?.logo || '/favicon.png'} />
                 <title>{title}</title>
                 <link rel="stylesheet" id="themeVariables" href={`/theme/${theme}.css`} />
             </Head>

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -2,7 +2,6 @@ import type { AppProps, NextWebVitalsMetric } from 'next/app';
 import '../utils/wdyr';
 import '@taskany/bricks/harmony/style.css';
 import { PageLoadProgress } from '@taskany/bricks';
-import Head from 'next/head';
 import { SessionProvider } from 'next-auth/react';
 import { ThemeProvider } from 'next-themes';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
@@ -35,23 +34,17 @@ const App = ({ Component, pageProps, router }: AppProps) => {
     useWebTelemetryMonitoringInit();
 
     return (
-        <>
-            <Head>
-                <link rel="icon" href="/favicon.png" />
-            </Head>
-
-            <SessionProvider session={pageProps.session} refetchOnWindowFocus={true}>
-                <ThemeProvider themes={defaultThemes}>
-                    <ThemeSetter>
-                        <GoalPreviewProvider>
-                            <PageLoadProgress height={2} ref={pageLoadRef} />
-                            <Component {...pageProps} />
-                            <ReactQueryDevtools />
-                        </GoalPreviewProvider>
-                    </ThemeSetter>
-                </ThemeProvider>
-            </SessionProvider>
-        </>
+        <SessionProvider session={pageProps.session} refetchOnWindowFocus={true}>
+            <ThemeProvider themes={defaultThemes}>
+                <ThemeSetter>
+                    <GoalPreviewProvider>
+                        <PageLoadProgress height={2} ref={pageLoadRef} />
+                        <Component {...pageProps} />
+                        <ReactQueryDevtools />
+                    </GoalPreviewProvider>
+                </ThemeSetter>
+            </ThemeProvider>
+        </SessionProvider>
     );
 };
 

diff --git a/src/utils/db/index.ts b/src/utils/db/index.ts
@@ -636,3 +636,13 @@ export const updateLinkedGoalsByProject = async (projectId: string, activityId:
         }
     }
 };
+
+export const fetchConfig = async () => {
+    try {
+        return await prisma.appConfig.findFirst();
+    } catch (e) {
+        return null;
+    }
+};
+
+export type Config = Awaited<ReturnType<typeof fetchConfig>>;
diff --git a/src/utils/declareSsrProps.ts b/src/utils/declareSsrProps.ts
@@ -7,6 +7,7 @@ import { routes } from '../hooks/router';
 import { trpcRouter } from '../../trpc/router';
 import type { TrpcRouter } from '../../trpc/router';
 
+import { Config, fetchConfig } from './db';
 import { transformer } from './transformer';
 
 export interface SSRProps<P = { [key: string]: string }> {
@@ -16,6 +17,7 @@ export interface SSRProps<P = { [key: string]: string }> {
     query: Record<string, string | string[] | undefined>;
     ssrTime: number;
     ssrHelpers: DecoratedProcedureSSGRecord<TrpcRouter>;
+    config?: Config;
 }
 
 export interface ExternalPageProps<P = { [key: string]: string }> extends SSRProps<P> {
@@ -30,6 +32,7 @@ export function declareSsrProps<T = ExternalPageProps>(
     return async ({ locale, req, params = {}, query }: GetServerSidePropsContext) => {
         // FIXME: getServerSession. Problem with serialazing createdAt, updatedAt
         const session = await getSession({ req });
+        const config = await fetchConfig();
 
         if (options?.private && !session) {
             return {
@@ -61,6 +64,7 @@ export function declareSsrProps<T = ExternalPageProps>(
                   query,
                   ssrTime,
                   ssrHelpers,
+                  config,
               })
             : {};
 
@@ -78,6 +82,7 @@ export function declareSsrProps<T = ExternalPageProps>(
                 user: session ? session.user : null,
                 ssrTime,
                 trpcState: ssrHelpers.dehydrate(),
+                config,
             },
         };
     };
-Original file line number
+Diff line change
@@ Expand Up / @@ -138,6 +138,7 @@ const userPassword = 'taskany'; @@
                     },
                 },
             }),
+            prisma.appConfig.create({}),
             createSheep(),
             createCronJob('goalPing', '0 0 0 1 * *'),
         ]);
@@ Expand Down @@