Discard cloud feature intro

Author: Rokt33r

src/components/organisms/NoteContextView.tsx

@@ -8,10 +8,6 @@ import {
   mdiFilePdfOutline,
   mdiLabelMultipleOutline,
   mdiRestore,
-  mdiPlusBoxMultipleOutline,
-  mdiLinkPlus,
-  mdiAccountMultiple,
-  mdiHistory,
   mdiArchive,
 } from '@mdi/js'
 import { isTagNameValid } from '../../lib/db/utils'
@@ -27,7 +23,6 @@ import {
 } from '../../lib/exports'
 import { usePreferences } from '../../lib/preferences'
 import { usePreviewStyle } from '../../lib/preview'
-import { useCloudIntroModal } from '../../lib/cloudIntroModal'
 import styled from '../../shared/lib/styled'
 import Icon from '../../shared/components/atoms/Icon'
 import { useToast } from '../../shared/lib/stores/toast'
@@ -56,7 +51,6 @@ const NoteContextView = ({ storage, note }: NoteContextViewProps) => {
   const { previewStyle } = usePreviewStyle()
 
   const includeFrontMatter = preferences['markdown.includeFrontMatter']
-  const { toggleShowingCloudIntroModal } = useCloudIntroModal()
 
   const appendTagByName = useCallback(
     async (tagName: string) => {
@@ -258,57 +252,6 @@ const NoteContextView = ({ storage, note }: NoteContextViewProps) => {
       </ControlItem>
 
       <Separator />
-
-      <ControlItem>
-        <CloudIntroItemLabel>
-          <LabelIcon path={mdiAccountMultiple} />
-          Guests
-        </CloudIntroItemLabel>
-        <CloudIntroItemContent>
-          <TryCloudButton onClick={toggleShowingCloudIntroModal}>
-            Try Cloud
-          </TryCloudButton>
-        </CloudIntroItemContent>
-      </ControlItem>
-      <ControlItem>
-        <CloudIntroItemLabel>
-          <LabelIcon path={mdiLinkPlus} />
-          Public Sharing
-        </CloudIntroItemLabel>
-        <CloudIntroItemContent>
-          <TryCloudButton onClick={toggleShowingCloudIntroModal}>
-            Try Cloud
-          </TryCloudButton>
-        </CloudIntroItemContent>
-      </ControlItem>
-
-      <Separator />
-
-      <ControlItem>
-        <CloudIntroItemLabel>
-          <LabelIcon path={mdiHistory} />
-          Revisions
-        </CloudIntroItemLabel>
-        <CloudIntroItemContent>
-          <TryCloudButton onClick={toggleShowingCloudIntroModal}>
-            Try Cloud
-          </TryCloudButton>
-        </CloudIntroItemContent>
-      </ControlItem>
-
-      <Separator />
-
-      <ControlItem>
-        <CloudIntroItemLabel>
-          <LabelIcon path={mdiPlusBoxMultipleOutline} />
-          Save As Template
-        </CloudIntroItemLabel>
-        <CloudIntroItemContent>
-          <TryCloudButton onClick={toggleShowingCloudIntroModal}>
-            Try Cloud
-          </TryCloudButton>
-        </CloudIntroItemContent>
-      </ControlItem>
       {note.trashed ? (
         <>
           <ButtonItem title={t('note.restore')} onClick={untrash}>
@@ -415,44 +358,6 @@ const ControlItemContent = styled.div`
   margin-right: 10px;
 `
 
-const CloudIntroItemLabel = styled.div`
-  height: 40px;
-  display: flex;
-  align-items: center;
-  margin-left: 10px;
-  flex-shrink: 0;
-  flex-grow: 1;
-`
-const CloudIntroItemContent = styled.div`
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  margin-right: 10px;
-`
-
-const TryCloudButton = styled.button`
-  background-color: ${({ theme }) => theme.colors.variants.primary.base};
-  color: ${({ theme }) => theme.colors.variants.primary.text};
-  font-size: 12px;
-  border: none;
-
-  &:hover,
-  &:active,
-  &.active {
-    cursor: pointer;
-  }
-  &:focus {
-    box-shadow: 0 0 0 2px ${({ theme }) => theme.colors.background.tertiary};
-  }
-  &:disabled,
-  &.disabled {
-    opacity: 0.5;
-    cursor: default;
-  }
-  padding: 5px 10px;
-  border-radius: 4px;
-`
-
 const ButtonItem = styled.button`
   height: 40px;
   width: 100%;

src/components/organisms/SidebarContainer.tsx

@@ -16,7 +16,7 @@ import {
   StorageTagsRouteParams,
   useRouteParams,
 } from '../../lib/routeParams'
-import { mdiCloudOffOutline, mdiCog, mdiMagnify } from '@mdi/js'
+import { mdiCog, mdiMagnify } from '@mdi/js'
 import { noteDetailFocusTitleInputEventEmitter } from '../../lib/events'
 import { useTranslation } from 'react-i18next'
 import { useSearchModal } from '../../lib/searchModal'
@@ -30,7 +30,6 @@ import { useLocalDB } from '../../lib/v2/hooks/local/useLocalDB'
 import { useLocalDnd } from '../../lib/v2/hooks/local/useLocalDnd'
 import { CollapsableType } from '../../lib/v2/stores/sidebarCollapse'
 import { useSidebarCollapse } from '../../lib/v2/stores/sidebarCollapse'
-import { useCloudIntroModal } from '../../lib/cloudIntroModal'
 import { mapLocalSpace } from '../../lib/v2/mappers/local/sidebarSpaces'
 import { SidebarSpace } from '../../shared/components/organisms/Sidebar/molecules/SidebarSpaces'
 import NewDocButton from '../molecules/NewDocButton'
@@ -75,10 +74,6 @@ const SidebarContainer = ({
   const { draggedResource, dropInDocOrFolder } = useLocalDnd()
   const { generalStatus, setGeneralStatus } = useGeneralStatus()
   const [showSpaces, setShowSpaces] = useState(false)
-  const {
-    toggleShowingCloudIntroModal,
-    showingCloudIntroModal,
-  } = useCloudIntroModal()
   const [initialLoadDone] = useState(true)
   const {
     sideBarOpenedLinksIdsSet,
@@ -476,23 +471,6 @@ const SidebarContainer = ({
     workspace,
   ])
 
-  const sidebarFooter = useMemo(() => {
-    return (
-      <SidebarButtonList
-        rows={[
-          {
-            label: 'Cloud Intro',
-            active: showingCloudIntroModal,
-            icon: mdiCloudOffOutline,
-            variant: 'subtle',
-            labelClick: () => toggleShowingCloudIntroModal(),
-            id: 'sidebar__button__cloud',
-          },
-        ]}
-      />
-    )
-  }, [showingCloudIntroModal, toggleShowingCloudIntroModal])
-
   return (
     <NavigatorContainer onContextMenu={openStorageContextMenu}>
       <Sidebar
@@ -504,7 +482,6 @@ const SidebarContainer = ({
         tree={tree}
         sidebarResize={sidebarResize}
         header={sidebarHeader}
-        treeBottomRows={sidebarFooter}
       />
     </NavigatorContainer>
   )

src/index.tsx

@@ -16,7 +16,6 @@ import { PreviewStyleProvider } from './lib/preview'
 import { StorageRouterProvider } from './lib/storageRouter'
 import { SearchModalProvider } from './lib/searchModal'
 import { CheckedFeaturesProvider } from './lib/checkedFeatures'
-import { CloudIntroModalProvider } from './lib/cloudIntroModal'
 import { DialogProvider } from './lib/dialog'
 
 const V2CombinedProvider = combineProviders(
@@ -38,8 +37,7 @@ const CombinedProvider = combineProviders(
   PreferencesProvider,
   StorageRouterProvider,
   RouterProvider,
-  CheckedFeaturesProvider,
-  CloudIntroModalProvider
+  CheckedFeaturesProvider
 )
 
 function render(Component: typeof App) {