louiscklaw/HKSingleParty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update requirement files with new feature templates and fix backend API error message, along with mobile project config updates and documentation improvements

Browse Source
This commit is contained in:
louiscklaw
2025-06-13 12:11:47 +08:00
parent f23a6b7d9c
commit 346992d4ec
3102 changed files with 220182 additions and 2896 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
03_source/mobile/src/pages/MessageList/index.tsx
View File

@@ -36,9 +36,9 @@ import '../SpeakerList.scss';
import { getEvents } from '../../api/getEvents';
import { format } from 'date-fns';
import { Event } from './types';
import { chevronBackOutline, heart, menuOutline } from 'ionicons/icons';
import { chevronBackOutline, heart, menuOutline, warningOutline } from 'ionicons/icons';
import AboutPopover from '../../components/AboutPopover';
import WarningIconSvg from './warning-icon.svg';
// import WarningIconSvg from './warning-icon.svg';
interface OwnProps {}
@@ -70,7 +70,11 @@ const MessageList: React.FC<SpeakerListProps> = ({ speakers, speakerSessions })
router.push(`/event_detail/${event_id}`);
}
const ModalExample = ({ dismiss }: { dismiss: (data?: string | null | undefined | number, role?: string) => void }) => {
const ModalExample = ({
dismiss,
}: {
dismiss: (data?: string | null | undefined | number, role?: string) => void;
}) => {
const inputRef = useRef<HTMLIonInputElement>(null);
return (
<IonPage>
@@ -91,7 +95,12 @@ const MessageList: React.FC<SpeakerListProps> = ({ speakers, speakerSessions })
</IonHeader>
<IonContent className="ion-padding">
<IonItem>
<IonInput ref={inputRef} labelPlacement="stacked" label="Enter your name" placeholder="Your name" />
<IonInput
ref={inputRef}
labelPlacement="stacked"
label="Enter your name"
placeholder="Your name"
/>
</IonItem>
</IonContent>
</IonPage>
@@ -101,7 +110,9 @@ const MessageList: React.FC<SpeakerListProps> = ({ speakers, speakerSessions })
const [present, dismiss] = useIonModal(ModalExample, {
dismiss: (data: string, role: string) => dismiss(data, role),
});
const [message, setMessage] = useState('This modal example uses the modalController to present and dismiss modals.');
const [message, setMessage] = useState(
'This modal example uses the modalController to present and dismiss modals.'
);
function handleBackOnClick() {
router.goBack();
@@ -138,7 +149,8 @@ const MessageList: React.FC<SpeakerListProps> = ({ speakers, speakerSessions })
alignItems: 'center',
}}
>
<div
{/* TODO: need to resume WarningIconSvg */}
{/* <div
style={{
width: '33vw',
height: '33vw',
@@ -147,7 +159,10 @@ const MessageList: React.FC<SpeakerListProps> = ({ speakers, speakerSessions })
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center',
}}
></div>
></div> */}
{/* TODO: resume using svg, temporary using IonIcon for build */}
<IonIcon icon={warningOutline}></IonIcon>
{/* */}
Sorry but Not implemented
<IonButton onClick={handleBackOnClick} fill="clear" size="large">
<IonIcon icon={chevronBackOutline} slot="start"></IonIcon>
@@ -157,7 +172,12 @@ const MessageList: React.FC<SpeakerListProps> = ({ speakers, speakerSessions })
</IonContent>
{/* REQ0079/event-filter */}
<IonModal ref={modal} trigger="message-list-open-modal" initialBreakpoint={0.5} breakpoints={[0, 0.25, 0.5, 0.75]}>
<IonModal
ref={modal}
trigger="message-list-open-modal"
initialBreakpoint={0.5}
breakpoints={[0, 0.25, 0.5, 0.75]}
>
<IonContent className="ion-padding">
<div
style={{