Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add my subscription page #156

Merged

Conversation

barshathakuri
Copy link
Collaborator

@barshathakuri barshathakuri commented Oct 23, 2024

Addresses:

Depends on:

  • XXX

Changes

  • Add subscription page
  • Add subscribe tab
  • Add archive tab

This PR doesn't introduce:

  • typos
  • conflict markers
  • unwanted comments
  • temporary files, auto-generated files or secret keys
  • console.log meant for debugging
  • codegen errors

@barshathakuri barshathakuri marked this pull request as draft October 23, 2024 10:50
props: {},
},
context: {
title: 'My Subscription',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
title: 'My Subscription',
title: 'My Subscriptions',

@@ -57,6 +57,20 @@ const homeLayout = customWrapRoute({
},
});

const mySubscription = customWrapRoute({
parent: rootLayout,
path: 'subscription',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
path: 'subscription',
path: 'subscriptions',

@@ -6,6 +6,8 @@
"appAbout": "About",
"appResources": "Resources",
"headerMenuHome": "Home",
"headerMenuMySubscription": "My Subscription"
"headerMenuMySubscription": "My Subscription",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"headerMenuMySubscription": "My Subscription",
"headerMenuMySubscription": "My Subscriptions",

Comment on lines 86 to 89
const [isModalOpen, setModalOpen] = useState(false);

const openModal = () => setModalOpen(true);
const closeModal = () => setModalOpen(false);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use useModalState or useBooleanState

Comment on lines 113 to 116
const [isModalOpen, setModalOpen] = useState(false);

const openModal = () => setModalOpen(true);
const closeModal = () => setModalOpen(false);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same as before

@@ -0,0 +1,43 @@
import { MoreOptionsIcon } from '@ifrc-go/icons';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

unnecessary components

@@ -0,0 +1,38 @@
import { Container } from '@ifrc-go/ui';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

create a single one and reuse in both

import styles from './styles.module.css';

interface Props {
data: any;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

send necessary data individually

Comment on lines 28 to 32
const [isModalOpen, setModalOpen] = useState(false);

const openModal = () => setModalOpen(true);

const closeModal = () => setModalOpen(false);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do not do this

Comment on lines 23 to 201
const [isCheckboxChecked, setCheckboxChecked] = useState(false);
const [selectedValue, setSelectedValue] = useState('daily');
const [alertTitle, setAlertTitle] = useState('');

const handleCheckboxChange = (checked: any) => {
setCheckboxChecked(checked);
};

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

create a proper form based on the created subscription data structure

@AdityaKhatri AdityaKhatri changed the base branch from develop to project/phase-2-dummy-pages October 29, 2024 10:40
@AdityaKhatri AdityaKhatri merged commit 3d1ebe0 into project/phase-2-dummy-pages Nov 12, 2024
4 checks passed
@AdityaKhatri AdityaKhatri deleted the feature/subscription-table branch November 12, 2024 06:04
roshni73 pushed a commit that referenced this pull request Nov 12, 2024
roshni73 pushed a commit that referenced this pull request Nov 12, 2024
roshni73 pushed a commit that referenced this pull request Nov 12, 2024
roshni73 pushed a commit that referenced this pull request Nov 14, 2024
roshni73 pushed a commit that referenced this pull request Nov 14, 2024
roshni73 pushed a commit that referenced this pull request Nov 14, 2024
roshni73 pushed a commit that referenced this pull request Nov 15, 2024
roshni73 pushed a commit that referenced this pull request Nov 18, 2024
@barshathakuri barshathakuri mentioned this pull request Nov 22, 2024
6 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants