chore: update user guide style (#2536)

apps/web/src/components/pure/help-island/index.tsx

@@ -1,7 +1,7 @@
 import { MuiFade, Tooltip } from '@affine/component';
 import { config, getEnvironment } from '@affine/env';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { CloseIcon, NewIcon } from '@blocksuite/icons';
+import { CloseIcon, NewIcon, UserGuideIcon } from '@blocksuite/icons';
 import { useAtom } from 'jotai';
 import { lazy, Suspense, useState } from 'react';
 
@@ -119,7 +119,7 @@ export const HelpIsland = ({
                   setOpenOnboarding(true);
                 }}
               >
-                <HelpIcon />
+                <UserGuideIcon />
               </StyledIconWrapper>
             </Tooltip>
           )}

packages/component/src/components/tour-modal/index.css.ts

@@ -190,3 +190,7 @@ export const tabContainerStyle = style({
   alignItems: 'center',
   justifyContent: 'center',
 });
+export const buttonDisableStyle = style({
+  cursor: 'not-allowed',
+  color: 'var(--affine-text-disable-color)',
+});

packages/component/src/components/tour-modal/tour-modal.tsx

@@ -7,6 +7,7 @@ import { useState } from 'react';
 import { Modal, ModalCloseButton, ModalWrapper } from '../..';
 import {
   arrowStyle,
+  buttonDisableStyle,
   containerStyle,
   descriptionContainerStyle,
   descriptionStyle,
@@ -79,7 +80,7 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
 
           <div className={containerStyle}>
             <div
-              className={arrowStyle}
+              className={clsx(arrowStyle, { [buttonDisableStyle]: step !== 1 })}
               onClick={() => step === 1 && setStep(0)}
               data-testid="onboarding-modal-pre-button"
             >
@@ -118,7 +119,7 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
               </div>
             </div>
             <div
-              className={arrowStyle}
+              className={clsx(arrowStyle, { [buttonDisableStyle]: step === 1 })}
               onClick={() => setStep(1)}
               data-testid="onboarding-modal-next-button"
             >