be-components 1.6.1 → 1.6.3

package/lib/typescript/src/MarketComponents/components/MarketButton/index.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
-import type { MarketProps, MarketSideOptionProps, OrderProps, TradeProps } from '../../../types';
+import type { BestAvailableOrderProps, MarketProps, MarketSideOptionProps, OrderProps, TradeProps } from '../../../types';
 type MarketButtonProps = {
     market: MarketProps;
     side_option: MarketSideOptionProps;
     side_label?: string;
+    order?: BestAvailableOrderProps;
     trade: TradeProps;
+    show_grades?: boolean;
     onPress: (order: OrderProps) => void;
+    onLongPress: (trade: TradeProps) => void;
 };
-declare const MarketCard: ({ side_option, market, trade, side_label, onPress }: MarketButtonProps) => React.JSX.Element;
+declare const MarketCard: ({ side_option, show_grades, market, trade, order, onPress, onLongPress }: MarketButtonProps) => React.JSX.Element;
 export default MarketCard;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/MarketComponents/components/MarketButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/MarketButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIjG,KAAK,iBAAiB,GAAG;IACrB,MAAM,EAAC,WAAW,CAAC;IACnB,WAAW,EAAC,qBAAqB,CAAC;IAClC,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,KAAK,EAAC,UAAU,CAAC;IACjB,OAAO,EAAE,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CACtC,CAAA;AACD,QAAA,MAAM,UAAU,wDAAwD,iBAAiB,sBAoBxF,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/MarketButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,qBAAqB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK1H,KAAK,iBAAiB,GAAG;IACrB,MAAM,EAAC,WAAW,CAAC;IACnB,WAAW,EAAC,qBAAqB,CAAC;IAClC,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,KAAK,CAAC,EAAC,uBAAuB,CAAC;IAC/B,KAAK,EAAC,UAAU,CAAC;IACjB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,OAAO,EAAE,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACpC,WAAW,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CACzC,CAAA;AACD,QAAA,MAAM,UAAU,6EAA6E,iBAAiB,sBA8B7G,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/typescript/src/MarketComponents/components/OrderGradeBar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type OrderGradeBarProps = {
+    mask?: boolean;
+    grade?: number;
+    view_type: 'card' | 'book' | 'market';
+    onSelectGrade?: () => void;
+};
+declare const OrderGradeBar: ({ grade, view_type, mask, onSelectGrade }: OrderGradeBarProps) => React.JSX.Element;
+export default OrderGradeBar;
+//# sourceMappingURL=OrderGradeBar.d.ts.map

package/lib/typescript/src/MarketComponents/components/OrderGradeBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderGradeBar.d.ts","sourceRoot":"","sources":["../../../../../src/MarketComponents/components/OrderGradeBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAW,MAAM,OAAO,CAAC;AAuBhC,KAAK,kBAAkB,GAAG;IACtB,IAAI,CAAC,EAAC,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAC,MAAM,GAAC,QAAQ,CAAC;IAClC,aAAa,CAAC,EAAC,MAAM,IAAI,CAAA;CAC5B,CAAA;AAGD,QAAA,MAAM,aAAa,8CAA8C,kBAAkB,sBA2ElF,CAAA;AAGD,eAAe,aAAa,CAAA"}

package/lib/typescript/src/MarketComponents/components/TeamEventMarket/api/index.d.ts

@@ -6,5 +6,6 @@ declare const TeamEventMarketHelpers: {
     getTimeDetail: (event: EventProps) => string | undefined;
     sortNonPrimaryMarkets: (markets: MarketProps[], event_order_stats: EventOrderStatProps[]) => EventOrderStatProps[];
     sortAthleteMarkets: (market: MarketProps, event_order_stats: EventOrderStatProps[], latest_trades: TradeProps[], athletes: AthleteProps[]) => AthleteProps[];
+    getEventStatus: (event: EventProps) => 'active' | 'closed' | 'inactive';
 };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/MarketComponents/components/TeamEventMarket/api/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/MarketComponents/components/TeamEventMarket/api/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE/G,OAAQ,EAAE,sBAAsB,EAAE,CAAA;AAClC,QAAA,MAAM,sBAAsB;+BACE,UAAU,WAAU,WAAW,EAAE,KAAE,WAAW,EAAE;kCAK9C,UAAU,WAAU,WAAW,EAAE,KAAE,WAAW,EAAE;2BAKtD,UAAU;qCAIA,WAAW,EAAE,qBAAoB,mBAAmB,EAAE;iCAI1D,WAAW,qBAAoB,mBAAmB,EAAE,iBAAgB,UAAU,EAAE,YAAW,YAAY,EAAE,KAAE,YAAY,EAAE;CAWxJ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/MarketComponents/components/TeamEventMarket/api/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE/G,OAAQ,EAAE,sBAAsB,EAAE,CAAA;AAClC,QAAA,MAAM,sBAAsB;+BACE,UAAU,WAAU,WAAW,EAAE,KAAE,WAAW,EAAE;kCAK9C,UAAU,WAAU,WAAW,EAAE,KAAE,WAAW,EAAE;2BAKtD,UAAU;qCAIA,WAAW,EAAE,qBAAoB,mBAAmB,EAAE;iCAI1D,WAAW,qBAAoB,mBAAmB,EAAE,iBAAgB,UAAU,EAAE,YAAW,YAAY,EAAE,KAAE,YAAY,EAAE;4BAW9H,UAAU,KAAE,QAAQ,GAAC,QAAQ,GAAC,UAAU;CAMlE,CAAA"}

package/lib/typescript/src/MarketComponents/components/TeamEventMarket/index.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import type { BestAvailableOrderProps, CompetitionProps, EventOrderStatProps, EventProps, MarketProps, OrderProps, TradeProps } from '../../../types';
+import type { BestAvailableOrderProps, CompetitionProps, EventOrderStatProps, EventProps, MarketProps, OrderProps, SquaresCompetitionProps, TradeProps } from '../../../types';
 type TeamEventMarketProps = {
     event: EventProps;
     markets: MarketProps[];
     competition?: CompetitionProps;
+    squares_competition?: SquaresCompetitionProps;
     latest_trades: TradeProps[];
     best_available_orders: BestAvailableOrderProps[];
     event_order_stats: EventOrderStatProps[];
@@ -17,9 +18,13 @@ type TeamEventMarketProps = {
     }) => void;
     onOrder: (order: OrderProps) => void;
     onExpand?: (expanded: boolean) => void;
+    show_grades?: boolean;
     onCompetitionSelect: (competition_id: string) => void;
+    onSquaresSelect: (sq_comp_id: string) => void;
     onViewAdditionalMarkets: (event_id: string, event_type: string) => void;
+    onTradeLongPress: (trade: TradeProps) => void;
+    onActivate?: (event_id: string, event_type: string) => void;
 };
-declare const TeamEventMarket: ({ event, competition, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets }: TeamEventMarketProps) => React.JSX.Element;
+declare const TeamEventMarket: ({ event, competition, squares_competition, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets, onTradeLongPress, onActivate }: TeamEventMarketProps) => React.JSX.Element;
 export default TeamEventMarket;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/MarketComponents/components/TeamEventMarket/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/TeamEventMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAgB,uBAAuB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAyB,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAa3L,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAC,UAAU,CAAC;IACjB,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,WAAW,CAAC,EAAC,gBAAgB,CAAC;IAC9B,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAE,YAAY,GAAC,gBAAgB,CAAC;IAClD,MAAM,EAAC,CAAC,IAAI,EAAC;QAAE,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,SAAS,CAAC,EAAC,MAAM,CAAC;QAAC,OAAO,CAAC,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnH,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAC,CAAC,QAAQ,EAAC,OAAO,KAAK,IAAI,CAAC;IACrC,mBAAmB,EAAC,CAAC,cAAc,EAAC,MAAM,KAAK,IAAI,CAAC;IACpD,uBAAuB,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,KAAK,IAAI,CAAA;CACxE,CAAA;AACD,QAAA,MAAM,eAAe,0LAA0L,oBAAoB,sBAuQlO,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/TeamEventMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAgB,uBAAuB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAyB,UAAU,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAapN,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAC,UAAU,CAAC;IACjB,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,WAAW,CAAC,EAAC,gBAAgB,CAAC;IAC9B,mBAAmB,CAAC,EAAC,uBAAuB,CAAC;IAC7C,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAE,YAAY,GAAC,gBAAgB,CAAC;IAClD,MAAM,EAAC,CAAC,IAAI,EAAC;QAAE,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,SAAS,CAAC,EAAC,MAAM,CAAC;QAAC,OAAO,CAAC,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnH,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAC,CAAC,QAAQ,EAAC,OAAO,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,mBAAmB,EAAC,CAAC,cAAc,EAAC,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,EAAE,CAAC,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IAC7C,uBAAuB,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IACtE,gBAAgB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAC,CAAC,QAAQ,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,KAAK,IAAI,CAAA;CAC3D,CAAA;AACD,QAAA,MAAM,eAAe,2QAA2Q,oBAAoB,sBAwSnT,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/typescript/src/MarketComponents/index.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 declare const _default: {
-    TeamEventMarket: ({ event, competition, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets }: {
+    TeamEventMarket: ({ event, competition, squares_competition, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets, onTradeLongPress, onActivate }: {
         event: import("../types").EventProps;
         markets: import("../types").MarketProps[];
         competition?: import("../types").CompetitionProps | undefined;
+        squares_competition?: import("../types").SquaresCompetitionProps | undefined;
         latest_trades: import("../types").TradeProps[];
         best_available_orders: import("../types").BestAvailableOrderProps[];
         event_order_stats: import("../types").EventOrderStatProps[];
@@ -17,8 +18,12 @@ declare const _default: {
         }) => void;
         onOrder: (order: import("../types").OrderProps) => void;
         onExpand?: ((expanded: boolean) => void) | undefined;
+        show_grades?: boolean | undefined;
         onCompetitionSelect: (competition_id: string) => void;
+        onSquaresSelect: (sq_comp_id: string) => void;
         onViewAdditionalMarkets: (event_id: string, event_type: string) => void;
+        onTradeLongPress: (trade: import("../types").TradeProps) => void;
+        onActivate?: ((event_id: string, event_type: string) => void) | undefined;
     }) => import("react").JSX.Element;
 };
 export default _default;

package/lib/typescript/src/MarketComponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MarketComponents/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MarketComponents/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAEC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/Components/Icons.tsx

@@ -1176,12 +1176,35 @@ const PickEmIcon = ({ color, size }:IconProps) => {
     )
 }
 
+const MarketClosedIcon = ({color, size}:IconProps) => {
+    const ratio = 0.875
+    let width = size ?? 20
+    let height = width * ratio
+
+    return (
+        <svg width={`${width}px`} height={`${height}px`} viewBox="0 0 24 21" version="1.1" xmlns="http://www.w3.org/2000/svg">
+            <title>closed-svgrepo-com</title>
+            <g id="ss" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g id="closed-svgrepo-com" fill={color??Colors.brand.midnight} fill-rule="nonzero">
+                    <path d="M22.3671706,9.53779698 L20.8694773,9.53779698 L13.0909374,1.75925702 C13.1721641,1.59612959 13.2181425,1.41242333 13.2181425,1.21814255 C13.2181425,0.546453564 12.671689,0 12,0 C11.328311,0 10.7818575,0.546453564 10.7818575,1.21814255 C10.7818575,1.41242333 10.8278359,1.59612959 10.9090626,1.75925702 L3.13052268,9.53779698 L1.63282937,9.53779698 C0.732492441,9.53779698 0,10.2702894 0,11.1706263 L0,18.6349892 C0,19.5353261 0.732492441,20.2678186 1.63282937,20.2678186 L22.3671706,20.2678186 C23.2675076,20.2678186 24,19.5353261 24,18.6349892 L24,11.1706263 C24,10.2702894 23.2675076,9.53779698 22.3671706,9.53779698 Z M12,0.777537797 C12.2429546,0.777537797 12.4406048,0.975187905 12.4406048,1.21814255 C12.4406048,1.46109719 12.2429546,1.6587473 12,1.6587473 C11.7570454,1.6587473 11.5593952,1.46109719 11.5593952,1.21814255 C11.5593952,0.975187905 11.7570454,0.777537797 12,0.777537797 Z M11.4588855,2.30907991 C11.622013,2.3903067 11.8057192,2.4362851 12,2.4362851 C12.1942808,2.4362851 12.377987,2.3903067 12.5411145,2.30907991 L19.7698315,9.53779698 L4.23016847,9.53779698 L11.4588855,2.30907991 Z M23.2224622,18.6349892 C23.2224622,19.1066436 22.8387732,19.4902808 22.3671706,19.4902808 L1.63282937,19.4902808 C1.16122678,19.4902808 0.777537797,19.1066436 0.777537797,18.6349892 L0.777537797,11.1706263 C0.777537797,10.6989719 1.16122678,10.3153348 1.63282937,10.3153348 L22.3671706,10.3153348 C22.8387732,10.3153348 23.2224622,10.6989719 23.2224622,11.1706263 L23.2224622,18.6349892 Z" id="Shape"></path>
+                    <path d="M3.29157667,13.2181425 C3.65396112,13.2181425 3.97829806,13.4476199 4.09860907,13.7892181 C4.16993521,13.9916371 4.39205184,14.0979525 4.59441901,14.02673 C4.79694168,13.9553521 4.90325702,13.7333909 4.83193089,13.5308683 C4.60224622,12.8787214 3.98322246,12.4406048 3.29157667,12.4406048 C2.39123974,12.4406048 1.6587473,13.1730972 1.6587473,14.0734341 L1.6587473,15.7321814 C1.6587473,16.6325184 2.39123974,17.3650108 3.29157667,17.3650108 C3.98239309,17.3650108 4.6012095,16.9276199 4.83136069,16.2765616 C4.90289417,16.0741425 4.79683801,15.8520259 4.59441901,15.7804406 C4.392,15.708959 4.16988337,15.8149633 4.09829806,16.0173823 C3.97772786,16.3583585 3.65354644,16.587473 3.29157667,16.587473 C2.81997408,16.587473 2.4362851,16.203784 2.4362851,15.7321814 L2.4362851,14.0734341 C2.4362851,13.6018315 2.81997408,13.2181425 3.29157667,13.2181425 Z" id="Path"></path>
+                    <path d="M7.85313175,16.587473 L6.16846652,16.587473 L6.16846652,12.8293737 C6.16846652,12.6146177 5.99440173,12.4406048 5.77969762,12.4406048 C5.56499352,12.4406048 5.39092873,12.6146177 5.39092873,12.8293737 L5.39092873,16.9762419 C5.39092873,17.1909978 5.56499352,17.3650108 5.77969762,17.3650108 L7.85313175,17.3650108 C8.06783585,17.3650108 8.24190065,17.1909978 8.24190065,16.9762419 C8.24190065,16.761486 8.06783585,16.587473 7.85313175,16.587473 Z" id="Path"></path>
+                    <path d="M9.92656587,12.4406048 C9.02622894,12.4406048 8.2937365,13.1730972 8.2937365,14.0734341 L8.2937365,15.7321814 C8.2937365,16.6325184 9.02622894,17.3650108 9.92656587,17.3650108 C10.8269028,17.3650108 11.5593952,16.6325184 11.5593952,15.7321814 L11.5593952,14.0734341 C11.5593952,13.1730972 10.8269028,12.4406048 9.92656587,12.4406048 Z M10.7818575,15.7321814 C10.7818575,16.203784 10.3981685,16.587473 9.92656587,16.587473 C9.45496328,16.587473 9.0712743,16.203784 9.0712743,15.7321814 L9.0712743,14.0734341 C9.0712743,13.6018315 9.45496328,13.2181425 9.92656587,13.2181425 C10.3981685,13.2181425 10.7818575,13.6018315 10.7818575,14.0734341 L10.7818575,15.7321814 Z" id="Shape"></path>
+                    <path d="M13.6587473,14.5140389 C13.1951274,14.5140389 12.8034557,14.2172786 12.8034557,13.8660907 C12.8034557,13.5149028 13.1951274,13.2181425 13.6587473,13.2181425 C14.0650886,13.2181425 14.4269028,13.4475162 14.500406,13.7516371 C14.5508423,13.9602765 14.7607775,14.0885702 14.9696242,14.0381857 C15.1783153,13.9877495 15.3066091,13.7777106 15.2561728,13.5689676 C15.0982289,12.915162 14.4263844,12.4406048 13.6587473,12.4406048 C12.7584104,12.4406048 12.0259179,13.0801037 12.0259179,13.8660907 C12.0259179,14.6520778 12.7584104,15.2915767 13.6587473,15.2915767 C14.1223672,15.2915767 14.5140389,15.5883369 14.5140389,15.9395248 C14.5140389,16.2907127 14.1223672,16.587473 13.6587473,16.587473 C13.252406,16.587473 12.8905918,16.3580994 12.8170886,16.0539784 C12.7666523,15.8452354 12.5565616,15.716527 12.3478704,15.7674298 C12.1391793,15.8178661 12.0108855,16.027905 12.0613218,16.2366479 C12.2192657,16.8904536 12.8911102,17.3650108 13.6587473,17.3650108 C14.5590842,17.3650108 15.2915767,16.7255119 15.2915767,15.9395248 C15.2915767,15.1535378 14.5590842,14.5140389 13.6587473,14.5140389 Z" id="Path"></path>
+                    <path d="M18.2203024,13.2181425 C18.4350065,13.2181425 18.6090713,13.0441296 18.6090713,12.8293737 C18.6090713,12.6146177 18.4350065,12.4406048 18.2203024,12.4406048 L16.1468683,12.4406048 C15.9321641,12.4406048 15.7580994,12.6146177 15.7580994,12.8293737 L15.7580994,16.9762419 C15.7580994,17.1909978 15.9321641,17.3650108 16.1468683,17.3650108 L18.2203024,17.3650108 C18.4350065,17.3650108 18.6090713,17.1909978 18.6090713,16.9762419 C18.6090713,16.761486 18.4350065,16.587473 18.2203024,16.587473 L16.5356371,16.587473 L16.5356371,15.2915767 L17.8056156,15.2915767 C18.0203197,15.2915767 18.1943844,15.1175637 18.1943844,14.9028078 C18.1943844,14.6880518 18.0203197,14.5140389 17.8056156,14.5140389 L16.5356371,14.5140389 L16.5356371,13.2181425 L18.2203024,13.2181425 Z" id="Path"></path>
+                    <path d="M19.8790497,12.4406048 L19.4643629,12.4406048 C19.2496587,12.4406048 19.075594,12.6146177 19.075594,12.8293737 L19.075594,16.9762419 C19.075594,17.1909978 19.2496587,17.3650108 19.4643629,17.3650108 L19.8790497,17.3650108 C21.2366825,17.3650108 22.3412527,16.2604406 22.3412527,14.9028078 C22.3412527,13.5451749 21.2366825,12.4406048 19.8790497,12.4406048 Z M19.8790497,16.587473 L19.8531317,16.587473 L19.8531317,13.2181425 L19.8790497,13.2181425 C20.8079482,13.2181425 21.5637149,13.9738575 21.5637149,14.9028078 C21.5637149,15.8317581 20.8079482,16.587473 19.8790497,16.587473 Z" id="Shape"></path>
+                </g>
+            </g>
+        </svg>
+    )
+}
 
 
 export default {
     SearchIcon,
     LiquidityIcon,
     EyeOnIcon,
+    MarketClosedIcon,
     AlertIcon,
     PieIcon,
     BankIcon,

package/src/MarketComponents/components/AthleteMarket/index.tsx

@@ -21,13 +21,16 @@ type AthleteMarketProps = {
     event_order_stats:EventOrderStatProps[],
     default_price_view:'last_trade'|'best_available',
     onOrder:(order:OrderProps) => void,
-    onView:(data:{event_id:string, event_type:string, market_id:string, side_type:'athlete', side_id:string}) => void
+    show_grades?:boolean,
+    onView:(data:{event_id:string, event_type:string, market_id:string, side_type:'athlete', side_id:string}) => void,
+    onTradeLongPress:(trade:TradeProps) => void
 }
 
-const AthleteMarket = ({ event, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, best_available_orders, onOrder, onView }:AthleteMarketProps) => {
+const AthleteMarket = ({ event, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:AthleteMarketProps) => {
     const { liquidity, open_order_count } = MarketComponentHelpers.getLiqudity(event_order_stats);
 
     const renderSides = (data:{ item:MarketSideOptionProps, index:number, market:MarketProps }) => {
+        const ba_order = best_available_orders.find(o => o.market_id == market.market_id && o.side_type == 'athlete' && o.side_id == athlete.athlete_id && o.side == data.item.side);
         const side_details = MarketComponentHelpers.getTeamEventSideIds(event, market, data.item, athlete, undefined);
         if(!side_details){ return <></> }
         let trade = MarketButtonHelpers.getVisibleTrade(default_price_view, data.market, data.item, latest_trades, best_available_orders, side_details.side_id, side_details.reversed_side_id); 
@@ -40,6 +43,9 @@ const AthleteMarket = ({ event, hide_stat_banner, width, athlete, market, event_
                     side_option={data.item}
                     market={data.market}
                     trade={trade}
+                    show_grades={show_grades}
+                    order={ba_order}
+                    onLongPress={onTradeLongPress}
                     onPress={(order) => {
                         const order_title = MarketComponentHelpers.getOrderTitleForTeamEvent(order, market, event, athlete);
                         if(!order_title){ return alert('Unable to process order') }

package/src/MarketComponents/components/EventMarket/index.tsx

@@ -17,15 +17,18 @@ type EventMarketProps = {
     latest_trades:TradeProps[],
     best_available_orders:BestAvailableOrderProps[],
     event_order_stats:EventOrderStatProps[],
+    show_grades?:boolean,
     default_price_view:'last_trade'|'best_available',
     onOrder:(order:OrderProps) => void,
-    onView:(data: { event_id:string, event_type:string, market_id:string }) => void
+    onView:(data: { event_id:string, event_type:string, market_id:string }) => void,
+    onTradeLongPress:(trade:TradeProps) => void
 }
 
-const EventMarket = ({ width, event, market, latest_trades, best_available_orders, hide_market_banner, event_order_stats, default_price_view, onOrder, onView }:EventMarketProps) => {
+const EventMarket = ({ width, event, market, latest_trades, best_available_orders, hide_market_banner, event_order_stats, show_grades, default_price_view, onOrder, onView, onTradeLongPress }:EventMarketProps) => {
     const { liquidity, open_order_count } = MarketComponentHelpers.getLiqudity(event_order_stats);
 
     const renderSides = (data:{ item:MarketSideOptionProps, index:number, market:MarketProps }) => {
+        const ba_order = best_available_orders.find(o => o.market_id == market.market_id && o.side == data.item.side);
         const side_details = MarketComponentHelpers.getTeamEventSideIds(event, market, data.item, undefined, undefined);
         if(!side_details){ return }
         let trade = MarketButtonHelpers.getVisibleTrade(default_price_view, data.market, data.item, latest_trades, best_available_orders, side_details.side_id, side_details.reversed_side_id); 
@@ -40,6 +43,9 @@ const EventMarket = ({ width, event, market, latest_trades, best_available_order
                     side_option={data.item}
                     market={data.market}
                     side_label={side_label}
+                    show_grades={show_grades}
+                    order={ba_order}
+                    onLongPress={onTradeLongPress}
                     trade={trade}
                     onPress={(order) => {
                         const order_title = MarketComponentHelpers.getOrderTitleForTeamEvent(order, market, event);

package/src/MarketComponents/components/MarketButton/index.tsx

@@ -1,35 +1,49 @@
 import React from 'react';
 import { TouchableOpacity, View } from "react-native"
 import Text from '../../../Components/Text';
-import type { MarketProps, MarketSideOptionProps, OrderProps, TradeProps } from '../../../types';
+import type { BestAvailableOrderProps, MarketProps, MarketSideOptionProps, OrderProps, TradeProps } from '../../../types';
 import Colors from '../../../constants/colors';
 import { MarketButtonHelpers } from './api';
+import OrderGradeBar from '../OrderGradeBar';
 
 type MarketButtonProps = {
     market:MarketProps,
     side_option:MarketSideOptionProps,
     side_label?:string,
+    order?:BestAvailableOrderProps,
     trade:TradeProps,
-    onPress: (order:OrderProps) => void
+    show_grades?:boolean,
+    onPress: (order:OrderProps) => void,
+    onLongPress:(trade:TradeProps) => void
 }
-const MarketCard = ({ side_option, market, trade, side_label, onPress }:MarketButtonProps) => {
+const MarketCard = ({ side_option, show_grades, market, trade, order, onPress, onLongPress }:MarketButtonProps) => {
     const { var_1, odds, color } = MarketButtonHelpers.getButtonLabel(market, side_option, trade);
     const handlePress = () => {
         return onPress(MarketButtonHelpers.getOrderFromTrade(trade))
     }
 
     return (
-        <TouchableOpacity style={{ flex:1, padding:5, backgroundColor:color, borderRadius:4, justifyContent:'center' }}
-        onPress={() => handlePress()}>
-            <View>
-                {side_label ?
-                <Text size={12} color={Colors.brand.midnight} weight='semibold' textAlign='center'>{side_label}</Text>
+        <TouchableOpacity 
+            style={{ flex:1, backgroundColor:color, borderRadius:4}}
+            onPress={() => handlePress()}
+            onLongPress={() => onLongPress(trade)}
+            >
+            <View style={{ flex:1, padding:5, justifyContent:'center'  }}>
+                {!market.var_1_required && market.show_side_option ?
+                <Text size={12} color={Colors.brand.midnight} weight='regular' textAlign='center'>{side_option.label.toUpperCase()}</Text>
                 :<></>}
                 {market.var_1_required ?
-                <Text size={12} color={Colors.brand.midnight} weight='semibold' textAlign='center'>{var_1}</Text>
+                <Text size={12} color={Colors.brand.midnight} weight='regular' textAlign='center'>{var_1}</Text>
                 :<></>}
                 <Text style={{ marginTop:2 }} size={12} color={Colors.brand.midnight} weight='semibold' textAlign='center'>{odds}</Text>
             </View>
+            {order ?
+                <OrderGradeBar
+                    grade={order.grade}
+                    view_type='market'
+                    mask={!show_grades}
+                />
+            :<></>}
         </TouchableOpacity>
     )
 }

package/src/MarketComponents/components/OrderGradeBar.tsx

@@ -0,0 +1,110 @@
+import React, {  } from 'react';
+import { FlatList, View, TouchableOpacity } from 'react-native';
+import { Icons } from '../../Components';
+import Colors from '../../constants/colors';
+
+//Typecast a grade box object
+type GradeBoxType = {
+    min:number,
+    max:number,
+    success_color:string,
+    fail_color:string,
+    locked_color:string
+}
+
+//Stage the boxes and set the min / max and colors
+const grade_boxes:GradeBoxType[] = [
+    { min: 0, max: 79, success_color: 'rgba(125,205,133,0.2)', fail_color: 'rgba(213,87, 59, 0.2)', locked_color: Colors.shades.shade100 },
+    { min: 80, max: 94, success_color: 'rgba(125,205,133,0.4)', fail_color: 'rgba(213,87, 59, 0.4)', locked_color: Colors.shades.shade100 },
+    { min:95, max: 97.5, success_color: 'rgba(125,205,133,0.6)', fail_color: 'rgba(213,87, 59, 0.6)', locked_color: Colors.shades.shade100 },
+    { min:97.6, max: 99.99, success_color: 'rgba(125,205,133,0.8)', fail_color: 'rgba(213,87, 59, 0)', locked_color: Colors.shades.shade100 },
+    { min: 100, max: 200, success_color: 'rgba(125,205,133,1)', fail_color: 'rgba(213,87, 59, 0)', locked_color: Colors.shades.shade100 }
+]
+
+type OrderGradeBarProps = {
+    mask?:boolean,
+    grade?: number,
+    view_type: 'card'|'book'|'market',
+    onSelectGrade?:() => void
+}
+
+//OrderGradeBar React Component
+const OrderGradeBar = ({ grade, view_type, mask, onSelectGrade }:OrderGradeBarProps ) => {
+    
+    //Get the player's role
+    let premium = true
+    if(mask){ premium = false }
+
+
+    /**
+     * Renders the grade boxes
+     * @param data 
+     * @returns 
+     */
+    const renderGradeBoxes = (data :{ item:GradeBoxType, index:number }) => {
+        if(!grade && grade !== 0){ return <></> }
+        //Check if the grade is greater than the minumum of the box
+        const filled = grade >= data.item.min ? true : false
+        const success = grade > 97.5 ? true : false
+        const locked = !premium ? true : false
+        //Render the box
+        return (
+            <View style={{ margin:2, height:15, width:15, borderRadius:4, backgroundColor:locked? data.item.locked_color : filled ? success ? data.item.success_color : data.item.fail_color : Colors.shades.shade100 }}>
+            {locked ?
+                <View style={{ position:'absolute', top:0, right:0, left:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
+                    <Icons.LockClosedIcon size={10} color={Colors.incentive.gold} />
+                </View>
+            :<></>}
+            </View>
+        )
+    }
+
+     /**
+     * Renders the grade boxes
+     * @param data 
+     * @returns 
+     */
+      const renderGradeDashes = (data :{ item:GradeBoxType, index:number }) => {
+        if(!grade && grade !== 0){ return <></> }
+        //Check if the grade is greater than the minumum of the box
+        const filled = grade >= data.item.min ? true : false
+        const success = grade > 97.5 ? true : false
+        const locked = !premium ? true : false
+
+        //Render the box
+        return (
+            <View style={{ margin:1, height:4, width:15, borderRadius:4,  backgroundColor:locked? data.item.locked_color : filled ? success ? data.item.success_color : data.item.fail_color : Colors.shades.shade100 }} />
+        )
+    }
+
+    if(!grade && grade !== 0){
+        return (
+            <></>
+        )
+    }
+
+    if(view_type == 'market'){
+        const success = grade > 97.5 ? true : false
+        if(!premium){
+            return (<></>)
+        }
+        return (
+            <View style={{ height:3, backgroundColor:success?Colors.utility.success:Colors.utility.error, marginRight:3, marginLeft:3 }} />
+        )
+    }
+
+    return (
+        <View>
+            <TouchableOpacity disabled={onSelectGrade ? false : true} onPress={() => onSelectGrade ? onSelectGrade() : console.log('')}>
+                {view_type === 'card' ?
+                <FlatList horizontal data={grade_boxes} renderItem={renderGradeBoxes} keyExtractor={(item) => item.min.toString()} />
+                :view_type === 'book' ?
+                <FlatList data={[ ...grade_boxes ].reverse()} renderItem={renderGradeDashes} keyExtractor={(item) => item.min.toString()} />
+                :<></>}
+            </TouchableOpacity>
+        </View>
+    )
+}
+
+
+export default OrderGradeBar

package/src/MarketComponents/components/TeamEventMarket/api/index.ts

@@ -31,5 +31,11 @@ const TeamEventMarketHelpers = {
             let new_order_count = market_stats.filter(s => s.side_id == b.athlete_id).reduce((a,b) => a + parseInt(b.open_order_count as string), 0)
             return new_order_count - old_order_count
         })
+    },
+    getEventStatus: (event:EventProps):'active'|'closed'|'inactive' => {
+        let status:'active'|'closed'|'inactive' = 'active'
+        if(['postponed','cancelled','canceled','complete','completed','closed','suspended'].includes(event.status)){ status = 'closed' }
+        if(!event.is_active){ status = 'inactive' }
+        return status
     }
 }

package/src/MarketComponents/components/TeamEventMarket/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { View, Image, FlatList, TouchableOpacity, ActivityIndicator } from 'react-native';
-import type { AthleteProps, BestAvailableOrderProps, CompetitionProps, EventOrderStatProps, EventProps, MarketProps, MarketSideOptionProps, OrderProps, TradeProps } from '../../../types';
+import type { AthleteProps, BestAvailableOrderProps, CompetitionProps, EventOrderStatProps, EventProps, MarketProps, MarketSideOptionProps, OrderProps, SquaresCompetitionProps, TradeProps } from '../../../types';
 import { view_styles } from '../../../constants/styles';
 import { Button, Icons, LinearDiagnal, Text } from '../../../Components';
 import {TeamEventMarketHelpers} from './api';
@@ -17,6 +17,7 @@ type TeamEventMarketProps = {
     event:EventProps,
     markets:MarketProps[],
     competition?:CompetitionProps,
+    squares_competition?:SquaresCompetitionProps,
     latest_trades:TradeProps[],
     best_available_orders:BestAvailableOrderProps[],
     event_order_stats:EventOrderStatProps[],
@@ -24,10 +25,14 @@ type TeamEventMarketProps = {
     onView:(data:{ event_id:string, event_type:string, market_id:string, side_type?:string, side_id?:string }) => void,
     onOrder:(order:OrderProps) => void,
     onExpand?:(expanded:boolean) => void,
+    show_grades?:boolean,
     onCompetitionSelect:(competition_id:string) => void,
-    onViewAdditionalMarkets: (event_id:string, event_type:string) => void
+    onSquaresSelect: (sq_comp_id:string) => void,
+    onViewAdditionalMarkets: (event_id:string, event_type:string) => void,
+    onTradeLongPress:(trade:TradeProps) => void,
+    onActivate?:(event_id:string, event_type:string) => void
 }
-const TeamEventMarket = ({ event, competition, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets }:TeamEventMarketProps) => {
+const TeamEventMarket = ({ event, competition, squares_competition, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets, onTradeLongPress, onActivate }:TeamEventMarketProps) => {
     const [ expanded_data, setExpandedData ] = useState<{
         expanded:boolean,
         loaded:boolean,
@@ -40,6 +45,7 @@ const TeamEventMarket = ({ event, competition, markets, latest_trades, best_avai
         athletes:[]
     })
     const { expanded, athletes, loaded, loading } = expanded_data;
+    const event_status = TeamEventMarketHelpers.getEventStatus(event);
 
     useEffect(() => {
         MarketComponentApi.setEnvironment();
@@ -66,6 +72,7 @@ const TeamEventMarket = ({ event, competition, markets, latest_trades, best_avai
     
 
     const renderSides = (data:{ item:MarketSideOptionProps, index:number, market:MarketProps }) => {
+        const ba_order = best_available_orders.find(o => o.market_id == data.market.market_id && o.side == data.item.side)
         const side_details = MarketComponentHelpers.getTeamEventSideIds(event, data.market, data.item);
         if(!side_details){ return <></> } //Bomb out if we cant get the side details
         let trade = MarketButtonHelpers.getVisibleTrade(default_price_view, data.market, data.item, latest_trades, best_available_orders, side_details.side_id, side_details.reversed_side_id);
@@ -79,6 +86,9 @@ const TeamEventMarket = ({ event, competition, markets, latest_trades, best_avai
                     side_option={data.item}
                     market={data.market}
                     trade={trade}
+                    order={ba_order}
+                    show_grades={show_grades}
+                    onLongPress={onTradeLongPress}
                     onPress={(order) => {
                         const order_title = MarketComponentHelpers.getOrderTitleForTeamEvent(order, data.market, event);
                         if(!order_title){ return alert('Unable to process order') }
@@ -112,9 +122,11 @@ const TeamEventMarket = ({ event, competition, markets, latest_trades, best_avai
                             event={event}
                             event_type='team'
                             athlete={athlete}
+                            show_grades={show_grades}
                             market={market}
                             event_order_stats={[data.item]}
                             latest_trades={athlete_trades}
+                            onTradeLongPress={onTradeLongPress}
                             default_price_view={default_price_view}
                             best_available_orders={athlete_orders}
                             onOrder={onOrder}
@@ -130,7 +142,9 @@ const TeamEventMarket = ({ event, competition, markets, latest_trades, best_avai
                         <EventMarket
                             event={event}
                             market={market}
+                            onTradeLongPress={onTradeLongPress}
                             event_order_stats={[data.item]}
+                            show_grades={show_grades}
                             latest_trades={event_trades}
                             best_available_orders={event_orders}
                             default_price_view={default_price_view}
@@ -170,6 +184,14 @@ const TeamEventMarket = ({ event, competition, markets, latest_trades, best_avai
     return (
         <View style={{ ...view_styles.section, borderWidth:1, borderColor:Colors.shades.shade600 }}>
             <View nativeID='event_header_data' style={{ flexDirection:'row', padding:10, borderBottomWidth:1, borderBottomColor:Colors.shades.shade600 }}>
+                {onActivate ?
+                <Button
+                    title={event_status == 'active' ? 'Refresh' : 'Activate'}
+                    title_color={Colors.shades.white}
+                    backgroundColor={Colors.utility.success}
+                    onPress={() => onActivate(event.event_id, 'team')}
+                />
+                :<></>}
                 <View style={{ flex:1 }}>
                     {event.event_sub_title ?
                     <Text size={12} color={Colors.brand.midnight} weight='semibold'>{event.event_sub_title}</Text>
@@ -219,6 +241,7 @@ const TeamEventMarket = ({ event, competition, markets, latest_trades, best_avai
                         </View>
                     </View>
                 </View>
+                {event_status == 'active' ?
                 <View nativeID='primary_market_details' style={{ padding:5 }}>
                     <View style={{ marginTop:5, marginBottom:5 }}>
                         <FlatList
@@ -237,32 +260,47 @@ const TeamEventMarket = ({ event, competition, markets, latest_trades, best_avai
                         keyExtractor={(item) => item.market_id.toString()}
                     />
                 </View>
+                : 
+                <TouchableOpacity disabled={!onActivate ? true: false} style={{ flex:0.5, padding:10, justifyContent:'center', alignItems:'center' }} onPress={() => onActivate ? onActivate(event.event_id, 'team') : console.log('')}>
+                    <Icons.MarketClosedIcon size={60} color={Colors.brand.midnight} />
+                </TouchableOpacity>
+                }
             </View>
-            <View style={{ backgroundColor:Colors.shades.shade100, padding:10, flexDirection:'row', alignItems:'center', borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>
-                <TouchableOpacity style={{ flex:1, flexDirection:'row' }} onPress={() => {
+            {event_status == 'active' ?
+            <View style={{ backgroundColor:Colors.shades.shade100, padding:10, flexDirection:'row', alignItems:'center', flexWrap:'wrap', borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>
+                <TouchableOpacity style={{ flex:1, flexDirection:'row', minWidth:115 }} onPress={() => {
                     if(!primary_markets[0]){ return }
                     onView({ event_id: event.event_id, event_type:'team', market_id: primary_markets[0].market_id });
                 }}>
                     <View style={{ backgroundColor:Colors.shades.white, height:30, width:30, borderRadius:100, justifyContent:'center', alignItems:'center', ...view_styles.float }}>
                         <Icons.LiquidityIcon color={Colors.brand.midnight} size={30}/>
                     </View>
-                    <View style={{ marginLeft:10 }}>
+                    <View style={{ marginLeft:5 }}>
                         <Text theme='body_2'>Liquidity</Text>
                         <Text size={12} color={Colors.brand.electric} weight='semibold'>${liquidity.toFixed()} {open_order_count} Orders</Text>
                     </View>
                 </TouchableOpacity>
+                {squares_competition ?
+                <TouchableOpacity 
+                    style={{ marginRight:10, flexDirection:'row', alignItems:'center', padding:10, borderRadius:22, backgroundColor:Colors.highlights.highlight100, ...view_styles.float }}
+                    onPress={() => onSquaresSelect(squares_competition.sq_comp_id)}>
+                    <Icons.SquaresIcon size={18} color={Colors.shades.white} />
+                    <Text style={{ marginLeft:5 }} size={14} color={Colors.shades.white} weight='semibold'>Squares</Text>
+                </TouchableOpacity>
+                :<></>}
                 {competition ?
                 <TouchableOpacity 
-                    style={{ marginRight:15, flexDirection:'row', alignItems:'center', padding:10, borderRadius:22, backgroundColor:Colors.highlights.highlight500, ...view_styles.float }}
+                    style={{ marginRight:10, flexDirection:'row', alignItems:'center', padding:10, borderRadius:22, backgroundColor:Colors.highlights.highlight500, ...view_styles.float }}
                     onPress={() => onCompetitionSelect(competition.competition_id)}>
                     <Icons.PickEmIcon size={18} color={Colors.shades.white} />
-                    <Text style={{ marginLeft:5 }} size={14} color={Colors.shades.white} weight='semibold'>Pick 6 Available</Text>
+                    <Text style={{ marginLeft:5 }} size={14} color={Colors.shades.white} weight='semibold'>Pick 6</Text>
                 </TouchableOpacity>
                 :<></>}
                 <TouchableOpacity style={{ height:35, width:35, justifyContent:'center', borderRadius:100, alignItems:'center', backgroundColor:Colors.shades.white, ...view_styles.float }} onPress={() => expandedEvent()}>
                    <Icons.ChevronIcon direction={expanded ? 'up' : 'down'} size={8} color={Colors.brand.midnight} />
                 </TouchableOpacity>
             </View>
+            :<></>}
             {expanded ?
             <View>
                 <View style={{ flexDirection:'row', alignItems:'center' }}>