fix: do not show template for selfhosting (#180)

Author: appflowy

package.json

@@ -57,6 +57,7 @@
     "@atlaskit/primitives": "^5.5.3",
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
+    "@emotion/is-prop-valid": "^1.4.0",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
     "@floating-ui/react": "^0.26.27",

pnpm-lock.yaml

@@ -1,28 +1,33 @@
 import { IconButton, Tooltip } from '@mui/material';
+import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
 import { ReactComponent as TrashIcon } from '@/assets/icons/delete.svg';
 import { ReactComponent as TemplateIcon } from '@/assets/icons/template.svg';
 import { QuickNote } from '@/components/quick-note';
+import { isOfficialHost } from '@/utils/subscription';
 
 function SideBarBottom() {
   const { t } = useTranslation();
   const navigate = useNavigate();
+  const isOfficial = useMemo(() => isOfficialHost(), []);
 
   return (
     <div className={'sticky bottom-0 bg-surface-container-layer-00 px-4'}>
       <div className={'flex items-center  justify-around gap-1 border-t border-border-primary py-4'}>
-        <Tooltip title={t('template.label')}>
-          <IconButton
-            size={'small'}
-            onClick={() => {
-              window.open(`${window.location.origin}/templates`, '_blank');
-            }}
-          >
-            <TemplateIcon />
-          </IconButton>
-        </Tooltip>
+        {isOfficial && (
+          <Tooltip title={t('template.label')}>
+            <IconButton
+              size={'small'}
+              onClick={() => {
+                window.open(`${window.location.origin}/templates`, '_blank');
+              }}
+            >
+              <TemplateIcon />
+            </IconButton>
+          </Tooltip>
+        )}
 
         <Tooltip title={t('trash.text')}>
           <IconButton