TTMK/web2.0-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

increase calendar and news number of cards

Browse Source
This commit is contained in:
Aarni Halinen
2022-05-20 00:42:24 +03:00
parent 41167efe8c
commit e3d288a2cf
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/ActualPage/EventCalendar.tsx
+4 -2
View File
@@ -12,9 +12,11 @@ interface EventCalendarProps {
events: Event[];
}
const DEFAULT_NUMBER_SHOWN = 10;
const EventCalendar: React.FC<EventCalendarProps> = ({ events }) => {
// const [filterSelected, setFilter] = useState(0);
const [numberShown, setNumberShown] = useState(8);
const [numberShown, setNumberShown] = useState(DEFAULT_NUMBER_SHOWN);
const { t, i18n } = useTranslation();
const isFi = i18n.language === "fi";
@@ -69,7 +71,7 @@ const EventCalendar: React.FC<EventCalendarProps> = ({ events }) => {
</CardSection>
{ numberShown < events.length && (
<FilterContainer>
<Button buttonStyle="bordered" onClick={() => { setNumberShown(numberShown + 8); }}>
<Button buttonStyle="bordered" onClick={() => { setNumberShown(numberShown + DEFAULT_NUMBER_SHOWN); }}>
{t("Lataa lisää")}
</Button>
</FilterContainer>
src/views/ActualPage/News.tsx
+4 -2
View File
@@ -12,9 +12,11 @@ interface NewsProps {
feed: Post[];
}
const DEFAULT_NUMBER_SHOWN = 10;
const News: React.FC<NewsProps> = ({ feed }) => {
// const [filterSelected, setFilter] = useState(0);
const [numberShown, setNumberShown] = useState(8);
const [numberShown, setNumberShown] = useState(DEFAULT_NUMBER_SHOWN);
const { i18n, t } = useTranslation();
const isFi = i18n.language === "fi";
@@ -65,7 +67,7 @@ const News: React.FC<NewsProps> = ({ feed }) => {
</CardSection>
{ numberShown < feed.length && (
<FilterContainer>
<Button buttonStyle="bordered" onClick={() => { setNumberShown(numberShown + 8); }}>
<Button buttonStyle="bordered" onClick={() => { setNumberShown(numberShown + DEFAULT_NUMBER_SHOWN); }}>
{t("Lataa lisää")}
</Button>
</FilterContainer>