chight/Web-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: small styling changes

Browse Source
This commit is contained in:
vkuchenik
2026-10-30 11:43:33 -07:00
parent 306823a8a8
commit c83ace710f
1 changed files with 32 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/data_explorer/QueryBuilder.jsx
+32 -13
View File
@@ -19,7 +19,7 @@ const FilterRow = React.memo(({ filter, columns, setUrl, bundleId, copiedFilter
const operators = types[columnType] || ["="]; // default to equals if unknown
const handleRemoveFilter = () => {
setUrl((prev) => ({
setUrl(prev => ({
...prev,
bundles: prev.bundles.map((bundle) =>
bundle.id === bundleId ?
@@ -30,13 +30,13 @@ const FilterRow = React.memo(({ filter, columns, setUrl, bundleId, copiedFilter
};
const updateFilterField = (field, value) => {
setUrl((prev) => ({
setUrl(prev => ({
...prev,
bundles: prev.bundles.map((bundle) =>
bundles: prev.bundles.map(bundle =>
bundle.id === bundleId
? {
...bundle,
filters: bundle.filters.map((fil) =>
filters: bundle.filters.map(fil =>
fil.id === filter.id ? { ...fil, [field]: value } : fil
),
}
@@ -182,16 +182,29 @@ const FilterRow = React.memo(({ filter, columns, setUrl, bundleId, copiedFilter
// ============================================================================
const FilterBundle = ({ bundle, columns, url, setUrl, copiedFilter }) => {
const handleRemoveBundle = () => {
setUrl((prev) => ({ ...prev, bundles: prev.bundles.filter((b) => b.id !== bundle.id) }));
setUrl(prev => ({
...prev,
bundles: prev.bundles.filter(b => b.id !== bundle.id)
}));
};
const handleAddFilter = () => {
setUrl((prev) => ({
setUrl(prev => ({
...prev,
bundles: prev.bundles.map((b) =>
b.id === bundle.id
? { ...b, filters: [...b.filters, { id: crypto.randomUUID(), column: null, type: null, operator: null, value: null }] }
: b
bundles: prev.bundles.map(b =>
b.id === bundle.id ? ({
...b,
filters: [
...b.filters,
{
id: crypto.randomUUID(),
column: null,
type: null,
operator: null,
value: null
}
]
}) : (b)
),
}));
};
@@ -224,13 +237,19 @@ export default function QueryBuilder({ url, setUrl, allColumns, getColumns, pull
const copiedFilter = useRef(null);
const handleAddBundle = () => {
setUrl((prev) => ({
setUrl(prev => ({
...prev,
bundles: [
...prev.bundles,
{
id: crypto.randomUUID(),
filters: [{ id: crypto.randomUUID(), column: null, type: null, operator: null, value: null }],
filters: [{
id: crypto.randomUUID(),
column: null,
type: null,
operator: null,
value: null
}],
},
],
}));
@@ -249,7 +268,7 @@ export default function QueryBuilder({ url, setUrl, allColumns, getColumns, pull
value={url.source || ""}
onChange={(e) => {
const selectedView = e.target.value;
setUrl((prev) => ({ ...prev, source: selectedView }));
setUrl(prev => ({ ...prev, source: selectedView }));
// 🚨 FIXED: Now uses relative pathing for the production API
const endpoint = "/api/v2/view_dash_event_search_columns";
getColumns(endpoint);