Page MenuHomePhorge
Files F32291966

D8104.1765276792.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D8104.1765276792.diff
View Options

diff --git a/native/utils/drawer-utils.react.js b/native/utils/drawer-utils.react.js
new file mode 100644
--- /dev/null
+++ b/native/utils/drawer-utils.react.js
@@ -0,0 +1,94 @@
+// @flow
+
+import type { ThreadInfo } from 'lib/types/thread-types.js';
+import type { CommunityDrawerItemData } from 'lib/utils/drawer-utils.react.js';
+
+import type { TextStyle } from '../types/styles.js';
+
+export type CommunityDrawerItemDataFlattened = {
+ +threadInfo: ThreadInfo,
+ +hasSubchannelsButton: boolean,
+ +labelStyle: TextStyle,
+ +isCommunity: boolean,
+ +hasChildren: boolean,
+ +itemStyle: {
+ +indentation: number,
+ background: 'none' | 'beginning' | 'middle' | 'end',
+ },
+};
+
+const defaultIndentation = 8;
+const addedIndentation = 16;
+
+function flattenDrawerItemsData(
+ data: $ReadOnlyArray<CommunityDrawerItemData<TextStyle>>,
+ expanded: $ReadOnlyArray<string>,
+): $ReadOnlyArray<CommunityDrawerItemDataFlattened> {
+ let results = [];
+
+ for (const item of data) {
+ const isOpen = expanded.includes(item.threadInfo.id);
+
+ results.push({
+ threadInfo: item.threadInfo,
+ hasSubchannelsButton: item.hasSubchannelsButton,
+ labelStyle: item.labelStyle,
+ isCommunity: true,
+ hasChildren: item.itemChildren?.length > 0,
+ itemStyle: {
+ indentation: defaultIndentation,
+ background: isOpen ? 'beginning' : 'none',
+ },
+ });
+
+ if (!isOpen) {
+ continue;
+ }
+ results = results.concat(
+ flattenDrawerItemsDataRecurrent(
+ item.itemChildren,
+ defaultIndentation,
+ expanded,
+ ),
+ );
+ results[results.length - 1].itemStyle.background = 'end';
+ }
+
+ return results;
+}
+
+function flattenDrawerItemsDataRecurrent(
+ data: $ReadOnlyArray<CommunityDrawerItemData<TextStyle>>,
+ prevIndentation: number,
+ expanded: $ReadOnlyArray<string>,
+): $ReadOnlyArray<CommunityDrawerItemDataFlattened> {
+ let results = [];
+
+ const indentation = prevIndentation + addedIndentation;
+
+ for (const item of data) {
+ results.push({
+ threadInfo: item.threadInfo,
+ hasSubchannelsButton: item.hasSubchannelsButton,
+ labelStyle: item.labelStyle,
+ isCommunity: false,
+ hasChildren: item.itemChildren?.length > 0,
+ itemStyle: {
+ indentation: indentation,
+ background: 'middle',
+ },
+ });
+
+ if (!expanded.includes(item.threadInfo.id)) {
+ continue;
+ }
+
+ results = results.concat(
+ flattenDrawerItemsDataRecurrent(item.itemChildren, indentation, expanded),
+ );
+ }
+
+ return results;
+}
+
+export { flattenDrawerItemsData };

File Metadata

Mime Type
text/plain
Expires
Tue, Dec 9, 10:39 AM (20 h, 7 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5854000
Default Alt Text
D8104.1765276792.diff (2 KB)

Event Timeline