From d2c3e348a1044fca7319332b9993215dc2ed51ff Mon Sep 17 00:00:00 2001
From: Kilu <lu@appflowy.io>
Date: Thu, 29 Aug 2024 17:03:08 +0800
Subject: [PATCH] fix: some issue

---
 .../src/components/as-template/AsTemplate.tsx      | 14 +-------------
 .../as-template/related-template/TemplateItem.tsx  |  8 ++------
 .../database/components/calendar/event/Event.tsx   |  6 +++---
 .../publish/header/PublishViewHeader.tsx           |  4 ++--
 4 files changed, 8 insertions(+), 24 deletions(-)

diff --git a/frontend/appflowy_web_app/src/components/as-template/AsTemplate.tsx b/frontend/appflowy_web_app/src/components/as-template/AsTemplate.tsx
index 16106d24e2..32cd5664e3 100644
--- a/frontend/appflowy_web_app/src/components/as-template/AsTemplate.tsx
+++ b/frontend/appflowy_web_app/src/components/as-template/AsTemplate.tsx
@@ -59,17 +59,6 @@ function AsTemplate ({
         await loadTemplate();
       }
 
-      notify.info({
-        type: 'success',
-        title: t('template.uploadSuccess'),
-        message: t('template.uploadSuccessDescription'),
-        okText: t('template.viewTemplate'),
-        onOk: () => {
-          const url = import.meta.env.AF_BASE_URL?.includes('test') ? 'https://test.appflowy.io' : 'https://appflowy.io';
-
-          window.open(`${url}/templates/${selectedCategoryIds[0]}/${viewId}`, '_blank');
-        },
-      });
       handleBack();
     } catch (error) {
       // eslint-disable-next-line
@@ -77,8 +66,7 @@ function AsTemplate ({
       notify.error(error.toString());
     }
 
-  }, [service, selectedCreatorId, selectedCategoryIds, viewId, isNewTemplate, isFeatured, viewUrl, template, t, handleBack, loadTemplate]);
-
+  }, [service, selectedCreatorId, selectedCategoryIds, isNewTemplate, isFeatured, viewId, viewUrl, template, loadTemplate, handleBack]);
   const submitRef = React.useRef<HTMLInputElement>(null);
 
   useEffect(() => {
diff --git a/frontend/appflowy_web_app/src/components/as-template/related-template/TemplateItem.tsx b/frontend/appflowy_web_app/src/components/as-template/related-template/TemplateItem.tsx
index fb77e40c16..4d59ac77a2 100644
--- a/frontend/appflowy_web_app/src/components/as-template/related-template/TemplateItem.tsx
+++ b/frontend/appflowy_web_app/src/components/as-template/related-template/TemplateItem.tsx
@@ -2,8 +2,6 @@ import { TemplateSummary, TemplateCategory } from '@/application/template.type';
 import CreatorAvatar from '@/components/as-template/creator/CreatorAvatar';
 import React, { useMemo } from 'react';
 
-const url = import.meta.env.AF_BASE_URL?.includes('test') ? 'https://test.appflowy.io' : 'https://appflowy.io';
-
 function TemplateItem ({ template, category }: { template: TemplateSummary; category: TemplateCategory }) {
   const iframeUrl = useMemo(() => {
     const url = new URL(template.view_url);
@@ -17,16 +15,14 @@ function TemplateItem ({ template, category }: { template: TemplateSummary; cate
 
   return (
     <>
-      <a
-        href={`${url}/templates/${category.id}/${template.view_id}`}
+      <div
         className={'relative rounded-[16px] pt-4 px-4 h-[230px] w-full overflow-hidden'}
-        target={'_blank'}
         style={{
           backgroundColor: category?.bg_color,
         }}
       >
         <iframe loading={'lazy'} className={'w-full h-full'} src={iframeUrl} />
-      </a>
+      </div>
       <div className={'template-info'}>
         <div className={'template-creator'}>
           <div className={'avatar'}>
diff --git a/frontend/appflowy_web_app/src/components/database/components/calendar/event/Event.tsx b/frontend/appflowy_web_app/src/components/database/components/calendar/event/Event.tsx
index d047ee4d7c..96deb7b54c 100644
--- a/frontend/appflowy_web_app/src/components/database/components/calendar/event/Event.tsx
+++ b/frontend/appflowy_web_app/src/components/database/components/calendar/event/Event.tsx
@@ -5,7 +5,7 @@ import CardField from '@/components/database/components/field/CardField';
 import React from 'react';
 import { EventWrapperProps } from 'react-big-calendar';
 
-export function Event({ event }: EventWrapperProps<CalendarEvent>) {
+export function Event ({ event }: EventWrapperProps<CalendarEvent>) {
   const { id } = event;
   const [rowId] = id.split(':');
   const showFields = useFieldsSelector();
@@ -15,7 +15,7 @@ export function Event({ event }: EventWrapperProps<CalendarEvent>) {
 
   return (
     <div className={'px-1 py-0.5'}>
-      <RichTooltip content={<EventPaper rowId={rowId} />} open={open} placement='right' onClose={() => setOpen(false)}>
+      <RichTooltip content={<EventPaper rowId={rowId} />} open={open} placement="right" onClose={() => setOpen(false)}>
         <div
           onClick={() => {
             if (window.innerWidth < 768) {
@@ -25,7 +25,7 @@ export function Event({ event }: EventWrapperProps<CalendarEvent>) {
             }
           }}
           className={
-            'flex min-h-[24px] cursor-pointer flex-col gap-2 rounded-md border border-line-border bg-bg-body p-2 text-xs text-xs shadow-sm hover:bg-fill-list-active hover:shadow'
+            'flex min-h-[24px] cursor-pointer flex-col gap-2 rounded-md border border-line-divider bg-bg-body p-2 text-xs shadow-sm hover:bg-fill-list-active hover:shadow'
           }
         >
           {showFields.map((field) => {
diff --git a/frontend/appflowy_web_app/src/components/publish/header/PublishViewHeader.tsx b/frontend/appflowy_web_app/src/components/publish/header/PublishViewHeader.tsx
index f7e3f90fd0..e9442f1c2c 100644
--- a/frontend/appflowy_web_app/src/components/publish/header/PublishViewHeader.tsx
+++ b/frontend/appflowy_web_app/src/components/publish/header/PublishViewHeader.tsx
@@ -10,7 +10,7 @@ import Breadcrumb from './Breadcrumb';
 import { ReactComponent as Logo } from '@/assets/logo.svg';
 import MoreActions from './MoreActions';
 import { ReactComponent as SideOutlined } from '@/assets/side_outlined.svg';
-// import { Duplicate } from './duplicate';
+import { Duplicate } from './duplicate';
 
 export const HEADER_HEIGHT = 48;
 
@@ -113,7 +113,7 @@ export function PublishViewHeader ({ onOpenDrawer, openDrawer }: { onOpenDrawer:
         <div className={'flex items-center gap-2'}>
 
           <MoreActions />
-          {/*<Duplicate />*/}
+          <Duplicate />
           <Divider orientation={'vertical'} className={'mx-2'} flexItem />
           <Tooltip title={t('publish.downloadApp')}>
             <button onClick={openOrDownload}>