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

Feature: Add EE for topics panel #861

Merged
merged 45 commits into from
Nov 20, 2024
Merged
Changes from 1 commit
Commits
Show all changes
45 commits
Select commit Hold shift + click to select a range
3d9e994
Add header section with button, slider, add table tray with tabs and …
mayan-000 Oct 25, 2024
2fd0214
Add epoch table and more tabs
mayan-000 Oct 25, 2024
d729740
Move components and reorganize
mayan-000 Oct 25, 2024
070a999
Setup ee for PA
mayan-000 Oct 25, 2024
9068425
Add PA tables to tray config
mayan-000 Oct 25, 2024
8f9313c
Use half pointers for slider
mayan-000 Oct 28, 2024
a97e988
Use props for tab state
mayan-000 Oct 28, 2024
9ca632d
Move active tab state a level up
mayan-000 Oct 28, 2024
508bf52
Add callbacks to retrieve vertical bar color hash
mayan-000 Oct 28, 2024
27014a3
Add query state
mayan-000 Oct 28, 2024
039eddd
Change colors for dark mode
mayan-000 Oct 29, 2024
c33f27b
Add checkboxes for PA
mayan-000 Oct 29, 2024
d9334b3
Change checkboxes layout
mayan-000 Oct 30, 2024
392de4a
Setup topics animation
mayan-000 Oct 30, 2024
6ca41dc
Break p5 into files and use with React
mayan-000 Nov 4, 2024
347797a
Merge branch 'develop' into feat/ee-base
mayan-000 Nov 5, 2024
bbd8f7f
Merge branch 'feat/ee-base' into feat/ee-topics
mayan-000 Nov 5, 2024
12123fc
Draw info box
mayan-000 Nov 5, 2024
26bf5d6
Update container sizes
mayan-000 Nov 5, 2024
a39620c
overflow to resize
mayan-000 Nov 5, 2024
3d45fc8
Handle play/pause and reset callbacks
mayan-000 Nov 5, 2024
54e04fb
Handle animation speed step
mayan-000 Nov 5, 2024
ae16c4c
Handle user visit data change
mayan-000 Nov 6, 2024
97cf897
Render data in the tables
mayan-000 Nov 6, 2024
4a9bd36
UI changes
mayan-000 Nov 7, 2024
6cdac36
Merge branch 'develop' into feat/ee-base
mayan-000 Nov 7, 2024
eb6176c
Render border conditionally
mayan-000 Nov 7, 2024
14c1b70
Update border
mayan-000 Nov 7, 2024
2db6aca
Merge branch 'feat/ee-base' into feat/ee-topics
mayan-000 Nov 7, 2024
d2edfbd
Animation, table UI changes
mayan-000 Nov 7, 2024
f0d5868
Refactor code
mayan-000 Nov 7, 2024
84fc7fa
Merge branch 'develop' into feat/ee-topics
mayan-000 Nov 7, 2024
b1636c4
Update UI, handle unexpected flow by updating calls
mayan-000 Nov 12, 2024
ca5fe52
Auto change active tab
mayan-000 Nov 12, 2024
2306547
Extend timeline
mayan-000 Nov 12, 2024
cee9dcd
Make animation continuous with animation consitency if moved to previ…
mayan-000 Nov 12, 2024
13e3732
Refactor callback and conditionally call user visit
mayan-000 Nov 13, 2024
50e2b22
use ref for not rendering on animation var value change
mayan-000 Nov 13, 2024
aa29338
Dont overlap with horizontal lines
mayan-000 Nov 14, 2024
4bec62f
Merge branch 'develop' into feat/ee-topics
mayan-000 Nov 15, 2024
1199b3b
Update image data
mayan-000 Nov 15, 2024
9479881
Add line from circle to infoox
mayan-000 Nov 19, 2024
77dd93e
Update color circles sizes and text placement
mayan-000 Nov 19, 2024
41d2f4c
handle restart of animation on complete when replay is clicked
mayan-000 Nov 19, 2024
6e8b449
Update callbacks for user visit
mayan-000 Nov 19, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Add query state
  • Loading branch information
mayan-000 committed Oct 28, 2024
commit 27014a310c8b7aeff51a2e5c1601e336ce2ba63d
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
/**
* External dependencies.
*/
import React, { useMemo, useState } from 'react';
import React, { useEffect, useMemo, useState } from 'react';
import { Resizable } from 're-resizable';
import {
Table,
Expand All @@ -29,7 +29,29 @@ import {
import { I18n } from '@google-psat/i18n';
import { noop } from '@google-psat/common';

const InterestGroups = () => {
interface InterestGroupsProps {
filters?: Record<string, any>;
}

const InterestGroups = ({ filters }: InterestGroupsProps) => {
const [, setQuery] = useState({
filter: {},
});

useEffect(() => {
setQuery({
filter: {
...filters,
},
});
}, [filters]);

// const clearQuery = useCallback(() => {
// setQuery({
// filter: {},
// });
// }, []);

const [selectedRow, setSelectedRow] = useState<TableData | null>(null);

const tableColumns = useMemo<TableColumn[]>(
Expand Down