fix: check if no courts exist first, tweak

Author: kemuru

web/src/components/CasesDisplay/Search.tsx

@@ -74,8 +74,8 @@ const Search: React.FC = () => {
 
   const { data: courtTreeData } = useCourtTree();
   const items = useMemo(() => {
-    if (!isUndefined(courtTreeData)) {
-      const courts = [rootCourtToItems(courtTreeData.court!, "id")];
+    if (!isUndefined(courtTreeData?.court)) {
+      const courts = [rootCourtToItems(courtTreeData.court, "id")];
       courts.push({ label: "All Courts", value: "all" });
       return courts;
     }

web/src/pages/Courts/CourtDetails/StakePanel/index.tsx

@@ -44,7 +44,7 @@ const InputArea = styled(TagArea)`
   flex-direction: column;
 `;
 
-const StakePanel: React.FC<{ courtName: string }> = ({ courtName = "General Court" }) => {
+const StakePanel: React.FC<{ courtName: string }> = ({ courtName = "Unknown Court" }) => {
   const [amount, setAmount] = useState("");
   const [isActive, setIsActive] = useState<boolean>(true);
   const [action, setAction] = useState<ActionType>(ActionType.stake);

web/src/pages/Courts/CourtDetails/TopSearch.tsx

@@ -109,7 +109,7 @@ const TopSearch: React.FC = () => {
   const { data } = useCourtTree();
   const navigate = useNavigate();
   const { id: currentCourtId } = useParams();
-  const items = useMemo(() => !isUndefined(data) && [rootCourtToItems(data.court)], [data]);
+  const items = useMemo(() => !isUndefined(data?.court) && [rootCourtToItems(data.court)], [data]);
   const isUniversity = isKlerosUniversity();
   const [search, setSearch] = useState("");
 

web/src/pages/Resolver/Parameters/Court.tsx

@@ -52,7 +52,7 @@ const AlertMessageContainer = styled.div`
 const Court: React.FC = () => {
   const { disputeData, setDisputeData } = useNewDisputeContext();
   const { data } = useCourtTree();
-  const items = useMemo(() => !isUndefined(data) && [rootCourtToItems(data.court)], [data]);
+  const items = useMemo(() => !isUndefined(data?.court) && [rootCourtToItems(data.court)], [data]);
 
   const handleWrite = (courtId: string) => {
     setDisputeData({ ...disputeData, courtId: courtId });