modified UI and activity log in website (#4935)
-Small fixes in UI -Added extra columns in contributor activity log when necessary (ex: few contributions): **Before:** <img width="809" alt="Screenshot 2024-04-11 at 20 37 40" src="https://github.com/twentyhq/twenty/assets/102751374/d58cebe5-4128-43bb-a649-3c9ac0276c53"> **After:** <img width="897" alt="Screenshot 2024-04-11 at 20 37 53" src="https://github.com/twentyhq/twenty/assets/102751374/7e112f8f-b257-4397-96fa-79e605daab37"> --------- Co-authored-by: Ady Beraud <a.beraud96@gmail.com>
This commit is contained in:
@ -5,6 +5,7 @@ import { TimeRange } from '@nivo/calendar';
|
||||
|
||||
import { CardContainer } from '@/app/_components/contributors/CardContainer';
|
||||
import { Title } from '@/app/_components/contributors/Title';
|
||||
import { getActivityEndDate } from '@/app/contributors/utils/get-activity-end-date';
|
||||
|
||||
const CalendarContentContainer = styled.div`
|
||||
@media (max-width: 890px) {
|
||||
@ -23,6 +24,8 @@ export const ActivityLog = ({
|
||||
if (!data.length) {
|
||||
return null;
|
||||
}
|
||||
const endDate = getActivityEndDate(data);
|
||||
|
||||
return (
|
||||
<CardContainer>
|
||||
<Title>Activity</Title>
|
||||
@ -31,6 +34,7 @@ export const ActivityLog = ({
|
||||
height={150}
|
||||
width={725}
|
||||
data={data}
|
||||
to={endDate}
|
||||
emptyColor="#F4EFFF"
|
||||
colors={['#E9DFFF', '#B28FFE', '#915FFD']}
|
||||
weekdayTicks={[]}
|
||||
|
||||
Reference in New Issue
Block a user