diff --git a/app/package.json b/app/package.json
index a5d584c335..b0e2119718 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,7 +1,7 @@
{
"name": "fiftyone",
"productName": "FiftyOne",
- "version": "0.13.1",
+ "version": "0.13.2",
"license": "Apache-2.0",
"description": "FiftyOne by Voxel51",
"main": "./dist/main.js",
diff --git a/app/src/components/FieldsSidebar.tsx b/app/src/components/FieldsSidebar.tsx
index 7fb72eeaf4..f47cf64374 100644
--- a/app/src/components/FieldsSidebar.tsx
+++ b/app/src/components/FieldsSidebar.tsx
@@ -611,7 +611,7 @@ const ScalarsCell = ({ modal }: ScalarsCellProps) => {
filtering.filteredScalars(modal)
)}
entries={scalars
- .filter((name) => !(name === "filepath" && modal))
+ .filter((name) => !(["filepath", "id"].includes(name) && modal))
.map((name) => {
return {
name,
diff --git a/app/src/components/Header.tsx b/app/src/components/Header.tsx
index f683e8504d..48d6ab3138 100644
--- a/app/src/components/Header.tsx
+++ b/app/src/components/Header.tsx
@@ -6,7 +6,6 @@ import React, {
useState,
} from "react";
import styled from "styled-components";
-import { Checkbox } from "@material-ui/core";
import { useRecoilState, useRecoilValue, useResetRecoilState } from "recoil";
import AuosizeInput from "react-input-autosize";
import { Machine, assign } from "xstate";
@@ -14,7 +13,7 @@ import { useMachine } from "@xstate/react";
import uuid from "uuid-v4";
import { animated, useSpring } from "react-spring";
import { ThemeContext } from "styled-components";
-import { Close } from "@material-ui/icons";
+import { Close, Group } from "@material-ui/icons";
import { GitHub, MenuBook } from "@material-ui/icons";
import { BestMatchDiv } from "./ViewBar/ViewStage/BestMatch";
@@ -25,7 +24,7 @@ import ExternalLink from "./ExternalLink";
import { Slack } from "../icons";
import * as atoms from "../recoil/atoms";
import * as selectors from "../recoil/selectors";
-import socket, { http, appContext } from "../shared/connection";
+import socket, { http } from "../shared/connection";
import { useTheme } from "../utils/hooks";
import { packageMessage } from "../utils/socket";
@@ -335,20 +334,21 @@ const Input = styled.input`
}
`;
-const TshirtForm = () => {
+const TeamsForm = () => {
const [formState, setFormState] = useState({
email: "",
+ firstname: "",
+ lastname: "",
+ company: "",
+ role: "",
discover: "",
- helping: "",
- improve: "",
- tshirt: false,
});
const [submitText, setSubmitText] = useState("Submit");
- const [submitted, setSubmitted] = useRecoilState(atoms.feedbackSubmitted);
+ const [submitted, setSubmitted] = useRecoilState(atoms.teamsSubmitted);
const portalId = 4972700;
- const formId = "b56682f6-c297-4cea-95c4-9e05a00528af";
+ const formId = "87aa5367-a8f1-4ed4-9e23-1fdf8448d807";
const postUrl = `https://api.hsforms.com/submissions/v3/integration/submit/${portalId}/${formId}`;
- const closeFeedback = useRecoilValue(atoms.closeFeedback);
+ const closeTeams = useRecoilValue(atoms.closeTeams);
const theme = useTheme();
const setFormValue = (name) => (e) =>
@@ -359,9 +359,8 @@ const TshirtForm = () => {
const disabled =
!(
formState.email?.length &&
- formState.helping?.length &&
- formState.improve?.length &&
- formState.discover?.length
+ formState.firstname?.length &&
+ formState.lastname?.length
) || submitted.submitted;
const submit = () => {
if (disabled) {
@@ -373,8 +372,8 @@ const TshirtForm = () => {
const finalize = () => {
setSubmitText("Submitted. Thank you!");
setSubmitted({ ...submitted, submitted: true });
- fetch(`${http}/feedback?submitted=true`, { method: "post" });
- setTimeout(() => closeFeedback && closeFeedback.close(), 2000);
+ fetch(`${http}/teams?submitted=true`, { method: "post" });
+ setTimeout(() => closeTeams && closeTeams.close(), 2000);
};
fetch(postUrl, {
@@ -385,28 +384,28 @@ const TshirtForm = () => {
submittedAt: Date.now(),
fields: [
{
- name: "email",
- value: formState.email,
+ name: "firstname",
+ value: formState.firstname,
},
{
- name: "is_fiftyone_helping_your_work_how_so_",
- value: formState.helping,
+ name: "lastname",
+ value: formState.lastname,
},
{
- name: "how_could_we_improve_fiftyone_",
- value: formState.improve,
+ name: "email",
+ value: formState.email,
},
{
- name: "app_how_did_you_hear_about_us",
- value: formState.discover,
+ name: "company",
+ value: formState.company,
},
{
- name: "zoom_call_and_t_shirt",
- value: formState.tshirt,
+ name: "role",
+ value: formState.role,
},
{
- name: "app_context",
- value: appContext,
+ name: "app_how_did_you_hear_about_us",
+ value: formState.discover,
},
],
context: { pageName: "FiftyOne App" },
@@ -427,50 +426,48 @@ const TshirtForm = () => {
};
return (
<>
+
+
-
-
- setFormState({ ...formState, tshirt: !formState.tshirt })
- }
- style={{
- color: theme.brand,
- paddingLeft: 0,
- paddingTop: 0,
- }}
- />
-
- I'm open to a Zoom call and a free t-shirt!
-
-